@ code- sherpas/ pharos- react

用于 Code Sherpas 的响应组件库 。 消费 @code-sherpas/pharos-tokens 作为同伴的依赖。 由Vite库模式所建,React 19和CSS模块. 公布的捆绑船零尾风,零后CSS 飞行前和零 (b) 全球重新发行——见第D9号决定 总计划 (点名).

部分 法罗,代码Sherpas的设计系统:它的视觉方向和 每个符号的值在 Pharos 设计系统文物, (中文(简体) ), 这里的组件和符号 pharos-tokens,以及程序的文件(决定、路线图、, 质量标准(中文(简体) ) 生活环境 方案a Pharos。 。 。 .

这个包裹里有什么

这个软件包提供了 反应组件层 夏尔帕斯的设计 系统。 它没有定义设计价值——生活在 pharos-tokens。 。 。 .

安装

pnpm add @code-sherpas/pharos-react @code-sherpas/pharos-tokens
# or npm / yarn

@code-sherpas/pharos-tokens 属于同伴依赖,必须安装 明确与本套件并列.

使用量

// Root entry file (e.g. main.tsx, app/layout.tsx). Import once.
import '@code-sherpas/pharos-tokens/css'; // CSS variables for the design tokens
import '@code-sherpas/pharos-react/styles.css'; // hashed component styles

import { Button } from '@code-sherpas/pharos-react';

export function Demo() {
  return <Button intent="primary">Save changes</Button>;
}

消费者规则

见 消费者的规则 在编号(Programa Pharos)中,Pharos保存其文件(决定D27).

故事书

实时组件参考文献运行于"故事集"10+ @storybook/react-vite。 。 。 .

• pnpm storybook ——端口6006上的dev服务器.
• pnpm build-storybook - 静态建筑到 storybook-static/。 主机 URL将在Render部署接通后公布(第1B.4阶段 / (原始内容存档于2019-09-25) (中文(简体) ). OFFICIAL WEBSITE.

捐款

1. pnpm install
2. 执行构成部分 src/components/<Name>.tsx 加上其数额 兄长 src/components/<Name>.module.css (第D9号决定)。 导出它从 src/index.ts。 。 。 .
3. 添加一个故事同时 : src/components/<Name>.stories.tsx。 。 。 .
4. 增加测试 tests/ (视频+测试库).
5. pnpm build ——验证"Vite"库包编译干净.
6. pnpm build-storybook - 校对故事.
7. pnpm test 编号 : pnpm typecheck 编号 : pnpm lint 编号 : pnpm format:check。 。 。 .
8. pnpm changeset ——申报变更类型(patch / minual/major).
9. 打开公关.

许可证

麻省理工学院. 见 自由主义。 。 。 .