@petnow / ui

■■■■■■■■■■■■■■■■■■■React 19 / /顺风CSS / / v4 / /

• 故事书: https://components.petnow.co/
• [qh] CHANGELOG.md
• 4.X / 10： 文档/迁移/ v4-to-v5.md

* * * *

1. 。顺风CSS v4.1。

   pnpm add @petnow/ui
   

2. 소비레포의메CSS인에서顺风를 한번 导入CSS。

   @import "tailwindcss";
   @import "@petnow/ui/tailwind.css";
   

   @petnow/ui/tailwind.css[qh] [qh] [qh dist를 @source* * * * * *顺风, 基础、基础、阴影、超大型、超大型、超大型、超大型、超大型、超大型、超大型、超大型。[qh] [qh]

3. 半 Radio나 .scrollbar， .popup-scrollbar， .ja-break-all， .global-break-all [qh 导入。

   import "@petnow/ui/dist/index.css";
   

   * * * components 레이어에있어서소비레포效用로덮을수있고,进口위치에영향을받지않는다。

4. ■■■■■■

   import { CTAButton } from "@petnow/ui";
   // 또는 개별 경로
   import { CTAButton } from "@petnow/ui/v1/cta-button";
   

变身变身变身变身变身变身变身变身 petify 【中文】：1、“1”、“1”、“1”

구조

@petnow/ui
├── tailwind.css                  - 소비 레포가 import하는 Tailwind 엔트리 (v0 토큰은 deprecated)
├── petnow-design-system-v1.css   - v1 토큰(ref·시맨틱 컬러, 타이포그래피)
├── index.ts                      - 패키지 엔트리
├── src
│   ├── components
│   │   ├── ui - 내부 전용 primitive (export하지 않음)
│   │   ├── v0 - 기존 컴포넌트 (기능 추가 없이 유지)
│   │   └── v1 - 현재 컴포넌트와 아이콘
│   ├── styles/components.css - dist/index.css로 복사되는 일반 CSS
│   ├── index.css             - Storybook 엔트리
│   └── utils
├── test
│   ├── css - 소비 레포 방식으로 패키지 CSS를 빌드해 보는 테스트
│   ├── v0
│   └── v1
└── docs
    ├── adr
    └── migration

개발

节点小鱼小鱼小鱼 mise.toml[qh]规划은 package.json의 packageManager[qh]

mise install
pnpm i
pnpm storybook        # http://localhost:6006
pnpm jest
pnpm build            # tsc + vite 라이브러리 빌드 + dist/index.css 복사

배포

npm可信发布（OIDC）。GitHub Actions NPM_TOKEN 같은 [qh] [qh]

1. 大/大/合并/合并/合并PR：大表壳，大表壳，大表壳，大表壳，大表壳。
2. Semver v* [qh] v5.0.0）。 .github/workflows/publish-npm.yaml[qh package.json* * * * * * * * * * * * * * * * * * * *
3. 10 .大黄蜂 CHANGELOG.md와 docs/migration/【翻译】