cetec-design-system 0.0.47 → 1.1.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.
Files changed (123) hide show
  1. package/README.md +52 -17
  2. package/dist/cetec-preset-BCioTXu9.js +9735 -0
  3. package/dist/cetec-preset-BCioTXu9.js.map +1 -0
  4. package/dist/icon-metadata.json +4747 -0
  5. package/dist/index.js +12234 -3205
  6. package/dist/index.js.map +1 -1
  7. package/dist/panda.buildinfo.json +739 -0
  8. package/dist/playroom-fonts.css +35 -0
  9. package/dist/playroom-static.css +257680 -0
  10. package/dist/preset.js +3 -8670
  11. package/dist/preset.js.map +1 -1
  12. package/dist/specs/color-palette.json +5 -0
  13. package/dist/specs/patterns.json +0 -16
  14. package/dist/specs/recipes.json +316 -168
  15. package/dist/specs/semantic-tokens.json +358 -45
  16. package/dist/specs/tokens.json +90 -0
  17. package/dist/sprite.svg +1 -1
  18. package/dist/sprite.symbol.html +6582 -311
  19. package/dist/storybook.svg +1 -0
  20. package/dist/styles.css +44530 -5
  21. package/dist/svgs/calendar-lock.svg +1 -0
  22. package/dist/svgs/computer.svg +1 -0
  23. package/dist/svgs/cookie.svg +1 -0
  24. package/dist/svgs/folder-check.svg +1 -0
  25. package/dist/svgs/folder-copy.svg +1 -0
  26. package/dist/svgs/folder-dashed.svg +1 -0
  27. package/dist/svgs/folder-open.svg +1 -0
  28. package/dist/svgs/folder-topic.svg +1 -0
  29. package/dist/svgs/folder.svg +1 -0
  30. package/dist/svgs/linked-services.svg +1 -1
  31. package/dist/svgs/mobile.svg +1 -0
  32. package/dist/svgs/numpad.svg +1 -0
  33. package/dist/svgs/phone.svg +1 -0
  34. package/dist/svgs/qr-code.svg +1 -0
  35. package/dist/svgs/sparkle.svg +1 -0
  36. package/dist/svgs/trolley.svg +1 -0
  37. package/dist/types/index.d.ts +809 -130
  38. package/package.json +51 -16
  39. package/src/recipes/avatar.ts +2 -2
  40. package/src/recipes/badge.ts +1 -0
  41. package/src/recipes/box.ts +1 -0
  42. package/src/recipes/breadcrumbs.ts +34 -14
  43. package/src/recipes/button.ts +69 -25
  44. package/src/recipes/card.ts +2 -0
  45. package/src/recipes/checkbox.ts +29 -23
  46. package/src/recipes/checkboxInput.ts +14 -1
  47. package/src/recipes/chip.ts +21 -18
  48. package/src/recipes/code.ts +5 -4
  49. package/src/recipes/datePicker.ts +223 -0
  50. package/src/recipes/divider.ts +27 -34
  51. package/src/recipes/formField.ts +40 -21
  52. package/src/recipes/highlightText.ts +16 -0
  53. package/src/recipes/icon.ts +13 -0
  54. package/src/recipes/index.ts +12 -6
  55. package/src/recipes/list.ts +17 -0
  56. package/src/recipes/listItem.ts +307 -0
  57. package/src/recipes/listItemGroup.ts +65 -0
  58. package/src/recipes/menu.ts +381 -120
  59. package/src/recipes/modal.ts +22 -0
  60. package/src/recipes/radio.ts +29 -19
  61. package/src/recipes/radioInput.ts +25 -0
  62. package/src/recipes/spinner.ts +0 -4
  63. package/src/recipes/tag.ts +11 -9
  64. package/src/recipes/text.ts +10 -6
  65. package/src/recipes/textInput.ts +205 -0
  66. package/src/recipes/textarea.ts +15 -15
  67. package/src/recipes/timePicker.ts +199 -0
  68. package/src/recipes/toggle.ts +71 -98
  69. package/src/recipes/toggleInput.ts +26 -0
  70. package/src/recipes/tooltip.ts +55 -302
  71. package/src/styles/primitives/index.ts +2 -1
  72. package/src/styles/primitives/radii.ts +1 -0
  73. package/src/styles/primitives/shadows.ts +0 -1
  74. package/src/styles/primitives/sizes.ts +1 -0
  75. package/src/styles/primitives/spacings.ts +1 -0
  76. package/src/styles/primitives/zIndex.ts +16 -0
  77. package/src/styles/semantics/colors.ts +106 -32
  78. package/src/styles/semantics/index.ts +1 -0
  79. package/src/styles/semantics/zIndex.ts +18 -0
  80. package/src/styles/utilities/textStyles.ts +1 -0
  81. package/src/styles/utilities/transitions.ts +1 -0
  82. package/src/utils/splitProps.ts +7 -6
  83. package/src/utils/useOnClose.ts +2 -2
  84. package/dist/styles/global.css +0 -66
  85. package/dist/styles/recipes/avatar.css +0 -185
  86. package/dist/styles/recipes/badge.css +0 -129
  87. package/dist/styles/recipes/box.css +0 -14
  88. package/dist/styles/recipes/breadcrumbs.css +0 -50
  89. package/dist/styles/recipes/button.css +0 -261
  90. package/dist/styles/recipes/card.css +0 -58
  91. package/dist/styles/recipes/checkbox-input.css +0 -16
  92. package/dist/styles/recipes/checkbox.css +0 -103
  93. package/dist/styles/recipes/chip.css +0 -143
  94. package/dist/styles/recipes/code.css +0 -19
  95. package/dist/styles/recipes/divider.css +0 -42
  96. package/dist/styles/recipes/form-field.css +0 -51
  97. package/dist/styles/recipes/heading.css +0 -38
  98. package/dist/styles/recipes/icon-button.css +0 -247
  99. package/dist/styles/recipes/input.css +0 -64
  100. package/dist/styles/recipes/label.css +0 -14
  101. package/dist/styles/recipes/link.css +0 -57
  102. package/dist/styles/recipes/menu.css +0 -245
  103. package/dist/styles/recipes/modal.css +0 -112
  104. package/dist/styles/recipes/pre.css +0 -23
  105. package/dist/styles/recipes/radio-input.css +0 -16
  106. package/dist/styles/recipes/radio.css +0 -91
  107. package/dist/styles/recipes/spinner.css +0 -47
  108. package/dist/styles/recipes/tag.css +0 -36
  109. package/dist/styles/recipes/text.css +0 -67
  110. package/dist/styles/recipes/textarea.css +0 -95
  111. package/dist/styles/recipes/textinput.css +0 -89
  112. package/dist/styles/recipes/toggle-input.css +0 -19
  113. package/dist/styles/recipes/toggle.css +0 -143
  114. package/dist/styles/recipes/tooltip.css +0 -262
  115. package/dist/styles/recipes.css +0 -30
  116. package/dist/styles/reset.css +0 -1
  117. package/dist/styles/tokens.css +0 -1231
  118. package/dist/styles/utilities.css +0 -1938
  119. package/src/recipes/input.ts +0 -56
  120. package/src/recipes/radioinput.ts +0 -15
  121. package/src/recipes/textinput.ts +0 -86
  122. package/src/recipes/toggleinput.ts +0 -17
  123. /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:
@@ -157,10 +176,11 @@ Packages are published from the repo root with `dist` included in the published
157
176
  ### Contributing
158
177
 
159
178
  - **Workflow trigger**: Every push to `main` runs the release workflow.
179
+ - **Automatic labels**: PR title labels are synced automatically from the Conventional Commit title.
160
180
  - **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.
161
- - **Version bump labels**: Use `major`, `minor`, or `patch` to control the semver bump.
162
- - **Default bump**: If the merged PR has no Auto semver label, Auto defaults the head change to `patch`.
163
- - **No-release labels**: `internal`, `documentation`, `tests`, and `dependencies` do not publish on their own.
181
+ - **Version bump labels**: `major`, `minor`, and `patch` remain manual labels.
182
+ - **Default bump**: If the merged PR has no semver label, Auto will not publish a release.
183
+ - **No-release labels**: `feat`, `fix`, `docs`, `style`, `refactor`, `perf`, `test`, `build`, `ci`, `chore`, and `revert` are changelog labels. They do not publish on their own unless paired with a semver label.
164
184
  - **Skip label**: Use `skip-release` to prevent publishing.
165
185
  - **Changelog**: Auto-generated based on PR labels and titles
166
186
  - **PR Titles**: Must follow our defined format for Auto release automation:
@@ -200,25 +220,40 @@ Packages are published from the repo root with `dist` included in the published
200
220
  >
201
221
  > Use your best judgement when deciding what type and scope to use for the PR you’re creating.
202
222
 
223
+ Auto-applied label behavior:
224
+
225
+ - Title type `feat`, `fix`, `docs`, `style`, `refactor`, `perf`, `test`, `build`, `ci`, `chore`, and `revert` applies the matching PR-type label.
226
+ - `major`, `minor`, `patch`, `release`, and `skip-release` remain manual labels.
227
+ - PR title scopes such as `major`, `minor`, and `patch` are allowed by validation, but they do not apply labels automatically.
228
+
203
229
  ### Release Labels
204
230
 
205
- - `major` - Major version bump (💥 Breaking Change)
206
- - `minor` - Minor version bump (🚀 Enhancement)
207
- - `patch` - Patch version bump (🐛 Bug Fix)
208
- - `release` - Graduate the publish from prerelease to stable `latest`
209
- - `skip-release` - Do not publish a release
210
- - `internal` - Internal changes only (🏠 Internal)
211
- - `documentation` - Documentation updates only (📝 Documentation)
212
- - `tests` - Test-only changes (🧪 Tests)
213
- - `dependencies` - Dependency updates only (🔩 Dependency Updates)
214
- - `performance` - Performance improvements (🏎 Performance)
231
+ - `major` - Use for breaking changes that should trigger a major version bump when merged
232
+ - `minor` - Use for new functionality that should trigger a minor version bump when merged
233
+ - `patch` - Use for fixes or small improvements that should trigger a patch version bump when merged
234
+ - `release` - Graduate the merge from a prerelease publish to a stable latest release
235
+ - `skip-release` - Prevent Auto from publishing a release for this PR when it is merged
236
+ - `changes` - Fallback changelog section for merged work that does not match a more specific PR type label
237
+ - `feat` - Feature work that adds or expands user-facing functionality
238
+ - `fix` - Bug fix work that corrects broken or incorrect behavior
239
+ - `docs` - Documentation-only work such as guides, examples, or API docs
240
+ - `style` - Visual or formatting changes that do not alter component behavior
241
+ - `refactor` - Code restructuring or cleanup that does not change intended behavior
242
+ - `perf` - Performance-focused work that improves speed, efficiency, or bundle cost
243
+ - `test` - Test-only work such as adding coverage or improving existing test cases
244
+ - `build` - Build, packaging, dependency, or tooling changes affecting how the project is produced
245
+ - `ci` - Continuous integration or deployment workflow changes
246
+ - `chore` - General maintenance work that does not fit a more specific change type
247
+ - `revert` - Reverts a previous change or backs out an earlier merge
215
248
 
216
249
  Examples:
217
250
 
218
- - `minor` => prerelease minor
219
- - `minor` + `release` => stable minor release
220
- - no Auto semver label => prerelease patch
221
- - `documentation` only => no publish
251
+ - `feat: add modal` => label `feat`, no publish until a semver label is added
252
+ - `ci: update release workflow` => label `ci`, no publish
253
+ - `fix(patch): restore export` => label `fix`, no publish until a semver label is added
254
+ - `refactor(major)!: break input API` => label `refactor`, no publish until a semver label is added
255
+ - `feat: add modal` + manual `minor` label => prerelease minor
256
+ - `feat: add modal` + manual `minor` + `release` labels => stable minor release
222
257
  - `skip-release` => no publish
223
258
 
224
259
  See `.autorc` for the complete configuration.