Assembly.js 设计系统

这是Assembly.js设计系统存放处。 在这个重播中,我们使用Tailwind CSS来创建一套可重复使用的开源组件,用于制作Assembly app.

安装

npm install @assembly-js/design-system
# or
yarn add @assembly-js/design-system

从副驾驶-设计系统迁移

如果你正在迁徙 从 copilot-design-system数字 :

# Remove old package
npm uninstall copilot-design-system

# Install new package
npm install @assembly-js/design-system

更新您的导入 :

// Before
import { Button } from 'copilot-design-system';
import 'copilot-design-system/dist/styles/main.css';

// After
import { Button } from '@assembly-js/design-system';
import '@assembly-js/design-system/dist/styles/main.css';

如何发展

先决条件:

• 节点 ^20.12.0
• 亚恩 ^ 4.x.x

如何发展:

• yarn install
• yarn fetch-env (fetches 环境变量来自 AWS 保密管理器 - 见 ENV SETUP.md (英语)(中文(简体) )
• yarn storybook

如何编写新版本:

• 在包中递增补丁版本. json
• 运行 yarn build。注意:构建脚本使用 Dirent.parentPath,它只在节点20.12.0中可用. 如果你使用一个更古老的节点,例如20.11.1,那就行不通了.
• 添加承诺
• 准备发布时,点击"Run Workflow" 这里 与没有参数.

导入图标

导入新图标运行 yarn fetch-env && yarn export-icons。 。 。 .

托肯过期

如果你得到一个 403 Token Expired figma 的响应, 您需要生成一个新的访问符并添加到 AWS 机密管理器中 .