cetec-design-system 0.0.47-0 โ 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -7
- package/dist/cetec-preset-BCioTXu9.js +9735 -0
- package/dist/cetec-preset-BCioTXu9.js.map +1 -0
- package/dist/icon-metadata.json +4747 -0
- package/dist/index.js +12234 -3205
- package/dist/index.js.map +1 -1
- package/dist/playroom-fonts.css +35 -0
- package/dist/playroom-static.css +257680 -0
- package/dist/preset.js +3 -8670
- package/dist/preset.js.map +1 -1
- package/dist/specs/color-palette.json +5 -0
- package/dist/specs/patterns.json +0 -16
- package/dist/specs/recipes.json +316 -168
- package/dist/specs/semantic-tokens.json +358 -45
- package/dist/specs/tokens.json +90 -0
- package/dist/sprite.svg +1 -1
- package/dist/sprite.symbol.html +6582 -311
- package/dist/storybook.svg +1 -0
- package/dist/styles/recipes/avatar.css +10 -6
- package/dist/styles/recipes/badge.css +1 -1
- package/dist/styles/recipes/breadcrumbs.css +26 -24
- package/dist/styles/recipes/button.css +131 -22
- package/dist/styles/recipes/card.css +1 -0
- package/dist/styles/recipes/checkbox-input.css +16 -1
- package/dist/styles/recipes/checkbox.css +23 -38
- package/dist/styles/recipes/chip.css +27 -13
- package/dist/styles/recipes/code.css +1 -1
- package/dist/styles/recipes/date-picker.css +207 -0
- package/dist/styles/recipes/divider.css +0 -3
- package/dist/styles/recipes/form-field.css +17 -30
- package/dist/styles/recipes/heading.css +10 -5
- package/dist/styles/recipes/highlight-text.css +20 -0
- package/dist/styles/recipes/icon-button.css +181 -62
- package/dist/styles/recipes/icon.css +9 -0
- package/dist/styles/recipes/label.css +3 -2
- package/dist/styles/recipes/link.css +8 -16
- package/dist/styles/recipes/list-item-group.css +33 -0
- package/dist/styles/recipes/list-item.css +161 -0
- package/dist/styles/recipes/list.css +19 -0
- package/dist/styles/recipes/menu.css +92 -196
- package/dist/styles/recipes/modal.css +18 -2
- package/dist/styles/recipes/pre.css +3 -3
- package/dist/styles/recipes/radio-input.css +16 -9
- package/dist/styles/recipes/radio.css +29 -30
- package/dist/styles/recipes/spinner.css +19 -14
- package/dist/styles/recipes/tag.css +6 -18
- package/dist/styles/recipes/text-input.css +123 -0
- package/dist/styles/recipes/text.css +23 -18
- package/dist/styles/recipes/textarea.css +20 -37
- package/dist/styles/recipes/time-picker.css +171 -0
- package/dist/styles/recipes/toggle-input.css +17 -11
- package/dist/styles/recipes/toggle.css +50 -96
- package/dist/styles/recipes/tooltip.css +29 -225
- package/dist/styles/recipes.css +14 -8
- package/dist/styles/tokens.css +93 -38
- package/dist/styles/utilities.css +628 -533
- package/dist/svgs/calendar-lock.svg +1 -0
- package/dist/svgs/computer.svg +1 -0
- package/dist/svgs/cookie.svg +1 -0
- package/dist/svgs/folder-check.svg +1 -0
- package/dist/svgs/folder-copy.svg +1 -0
- package/dist/svgs/folder-dashed.svg +1 -0
- package/dist/svgs/folder-open.svg +1 -0
- package/dist/svgs/folder-topic.svg +1 -0
- package/dist/svgs/folder.svg +1 -0
- package/dist/svgs/linked-services.svg +1 -1
- package/dist/svgs/mobile.svg +1 -0
- package/dist/svgs/numpad.svg +1 -0
- package/dist/svgs/phone.svg +1 -0
- package/dist/svgs/qr-code.svg +1 -0
- package/dist/svgs/sparkle.svg +1 -0
- package/dist/svgs/trolley.svg +1 -0
- package/dist/types/index.d.ts +809 -130
- package/package.json +47 -13
- package/src/recipes/avatar.ts +2 -2
- package/src/recipes/badge.ts +1 -0
- package/src/recipes/box.ts +1 -0
- package/src/recipes/breadcrumbs.ts +34 -14
- package/src/recipes/button.ts +69 -25
- package/src/recipes/card.ts +2 -0
- package/src/recipes/checkbox.ts +29 -23
- package/src/recipes/checkboxInput.ts +14 -1
- package/src/recipes/chip.ts +21 -18
- package/src/recipes/code.ts +5 -4
- package/src/recipes/datePicker.ts +223 -0
- package/src/recipes/divider.ts +27 -34
- package/src/recipes/formField.ts +40 -21
- package/src/recipes/highlightText.ts +16 -0
- package/src/recipes/icon.ts +13 -0
- package/src/recipes/index.ts +12 -6
- package/src/recipes/list.ts +17 -0
- package/src/recipes/listItem.ts +307 -0
- package/src/recipes/listItemGroup.ts +65 -0
- package/src/recipes/menu.ts +381 -120
- package/src/recipes/modal.ts +22 -0
- package/src/recipes/radio.ts +29 -19
- package/src/recipes/radioInput.ts +25 -0
- package/src/recipes/spinner.ts +0 -4
- package/src/recipes/tag.ts +11 -9
- package/src/recipes/text.ts +10 -6
- package/src/recipes/textInput.ts +205 -0
- package/src/recipes/textarea.ts +15 -15
- package/src/recipes/timePicker.ts +199 -0
- package/src/recipes/toggle.ts +71 -98
- package/src/recipes/toggleInput.ts +26 -0
- package/src/recipes/tooltip.ts +55 -302
- package/src/styles/primitives/index.ts +2 -1
- package/src/styles/primitives/radii.ts +1 -0
- package/src/styles/primitives/shadows.ts +0 -1
- package/src/styles/primitives/sizes.ts +1 -0
- package/src/styles/primitives/spacings.ts +1 -0
- package/src/styles/primitives/zIndex.ts +16 -0
- package/src/styles/semantics/colors.ts +106 -32
- package/src/styles/semantics/index.ts +1 -0
- package/src/styles/semantics/zIndex.ts +18 -0
- package/src/styles/utilities/textStyles.ts +1 -0
- package/src/styles/utilities/transitions.ts +1 -0
- package/src/utils/splitProps.ts +7 -6
- package/src/utils/useOnClose.ts +2 -2
- package/dist/styles/recipes/input.css +0 -64
- package/dist/styles/recipes/textinput.css +0 -89
- package/src/recipes/input.ts +0 -56
- package/src/recipes/radioinput.ts +0 -15
- package/src/recipes/textinput.ts +0 -86
- package/src/recipes/toggleinput.ts +0 -17
- /package/dist/svgs/{Building.svg โ building.svg} +0 -0
package/README.md
CHANGED
|
@@ -6,6 +6,7 @@ A React component library built with TypeScript and Panda CSS for the Cetec-ERP
|
|
|
6
6
|
- [Development](#development)
|
|
7
7
|
- [Setup](#setup)
|
|
8
8
|
- [Commands](#commands)
|
|
9
|
+
- [Standards](#standards)
|
|
9
10
|
- [Architecture](#architecture)
|
|
10
11
|
- [Key Principles](#key-principles)
|
|
11
12
|
- [Working with Components](#working-with-components)
|
|
@@ -35,19 +36,37 @@ npm install
|
|
|
35
36
|
# Development
|
|
36
37
|
npm run dev # Start Vite dev server with Panda CSS watch mode
|
|
37
38
|
npm run storybook # Start Storybook on port 6006
|
|
39
|
+
npm run playroom # Start Playroom on port 9000
|
|
38
40
|
|
|
39
41
|
# Building
|
|
40
42
|
npm run build # Build for distribution (runs Panda codegen + Vite build)
|
|
41
43
|
npm run storybook:build # Build Storybook for deployment
|
|
44
|
+
npm run playroom:build # Build Playroom for deployment (dist/playroom)
|
|
42
45
|
|
|
43
46
|
# Code Quality
|
|
44
47
|
npm run lint # Run ESLint
|
|
48
|
+
npm run lint:fix # Run ESLint with autofix
|
|
49
|
+
npm run typecheck # Run TypeScript type checking
|
|
50
|
+
npm run validate # Run lint + typecheck
|
|
51
|
+
npm run validate:full # Run validate + production build
|
|
52
|
+
npm run doctor # Run react-doctor + storybook doctor
|
|
45
53
|
npm run prepare # Run Panda CSS codegen (runs automatically after npm install)
|
|
46
54
|
|
|
47
55
|
# Icons
|
|
48
56
|
npm run generate-sprite # Generate SVG sprite from icon source files
|
|
49
57
|
```
|
|
50
58
|
|
|
59
|
+
## Standards
|
|
60
|
+
|
|
61
|
+
Canonical standards now live in `standards/`:
|
|
62
|
+
|
|
63
|
+
- `standards/components/` - component API, composition, Floating UI, Storybook conventions
|
|
64
|
+
- `standards/recipes/` - recipe naming/registration and token-only styling
|
|
65
|
+
- `standards/lint/` - baseline lint rules, custom design-system lint rules, rollout workflow
|
|
66
|
+
- `standards/index.yml` - index of all standards documents
|
|
67
|
+
|
|
68
|
+
If this README and `standards/` ever conflict, treat `standards/` as the source of truth.
|
|
69
|
+
|
|
51
70
|
## Architecture
|
|
52
71
|
|
|
53
72
|
This design system is built on **Panda CSS** with a strict tokens-first approach:
|
|
@@ -156,7 +175,12 @@ Packages are published from the repo root with `dist` included in the published
|
|
|
156
175
|
|
|
157
176
|
### Contributing
|
|
158
177
|
|
|
159
|
-
- **
|
|
178
|
+
- **Workflow trigger**: Every push to `main` runs the release workflow.
|
|
179
|
+
- **Publishing behavior**: A merged change that resolves to a releasable bump publishes a prerelease by default. Add the `release` label to graduate that merge to a stable `latest` release.
|
|
180
|
+
- **Version bump labels**: Use `major`, `minor`, or `patch` to control the semver bump.
|
|
181
|
+
- **Default bump**: If the merged PR has no Auto semver label, Auto defaults the head change to `patch`.
|
|
182
|
+
- **No-release labels**: `internal`, `documentation`, `tests`, and `dependencies` do not publish on their own.
|
|
183
|
+
- **Skip label**: Use `skip-release` to prevent publishing.
|
|
160
184
|
- **Changelog**: Auto-generated based on PR labels and titles
|
|
161
185
|
- **PR Titles**: Must follow our defined format for Auto release automation:
|
|
162
186
|
|
|
@@ -197,12 +221,23 @@ Packages are published from the repo root with `dist` included in the published
|
|
|
197
221
|
|
|
198
222
|
### Release Labels
|
|
199
223
|
|
|
200
|
-
- `major` -
|
|
201
|
-
- `minor` -
|
|
202
|
-
- `patch` -
|
|
203
|
-
- `
|
|
204
|
-
- `
|
|
205
|
-
- `
|
|
224
|
+
- `major` - Major version bump (๐ฅ Breaking Change)
|
|
225
|
+
- `minor` - Minor version bump (๐ Enhancement)
|
|
226
|
+
- `patch` - Patch version bump (๐ Bug Fix)
|
|
227
|
+
- `release` - Graduate the publish from prerelease to stable `latest`
|
|
228
|
+
- `skip-release` - Do not publish a release
|
|
229
|
+
- `internal` - Internal changes only (๐ Internal)
|
|
230
|
+
- `documentation` - Documentation updates only (๐ Documentation)
|
|
231
|
+
- `tests` - Test-only changes (๐งช Tests)
|
|
232
|
+
- `dependencies` - Dependency updates only (๐ฉ Dependency Updates)
|
|
206
233
|
- `performance` - Performance improvements (๐ Performance)
|
|
207
234
|
|
|
235
|
+
Examples:
|
|
236
|
+
|
|
237
|
+
- `minor` => prerelease minor
|
|
238
|
+
- `minor` + `release` => stable minor release
|
|
239
|
+
- no Auto semver label => prerelease patch
|
|
240
|
+
- `documentation` only => no publish
|
|
241
|
+
- `skip-release` => no publish
|
|
242
|
+
|
|
208
243
|
See `.autorc` for the complete configuration.
|