cetec-design-system 0.0.47 → 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.
Files changed (126) hide show
  1. package/README.md +19 -0
  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/playroom-fonts.css +35 -0
  8. package/dist/playroom-static.css +257680 -0
  9. package/dist/preset.js +3 -8670
  10. package/dist/preset.js.map +1 -1
  11. package/dist/specs/color-palette.json +5 -0
  12. package/dist/specs/patterns.json +0 -16
  13. package/dist/specs/recipes.json +316 -168
  14. package/dist/specs/semantic-tokens.json +358 -45
  15. package/dist/specs/tokens.json +90 -0
  16. package/dist/sprite.svg +1 -1
  17. package/dist/sprite.symbol.html +6582 -311
  18. package/dist/storybook.svg +1 -0
  19. package/dist/styles/recipes/avatar.css +10 -6
  20. package/dist/styles/recipes/badge.css +1 -1
  21. package/dist/styles/recipes/breadcrumbs.css +26 -24
  22. package/dist/styles/recipes/button.css +131 -22
  23. package/dist/styles/recipes/card.css +1 -0
  24. package/dist/styles/recipes/checkbox-input.css +16 -1
  25. package/dist/styles/recipes/checkbox.css +23 -38
  26. package/dist/styles/recipes/chip.css +27 -13
  27. package/dist/styles/recipes/code.css +1 -1
  28. package/dist/styles/recipes/date-picker.css +207 -0
  29. package/dist/styles/recipes/divider.css +0 -3
  30. package/dist/styles/recipes/form-field.css +17 -30
  31. package/dist/styles/recipes/heading.css +10 -5
  32. package/dist/styles/recipes/highlight-text.css +20 -0
  33. package/dist/styles/recipes/icon-button.css +181 -62
  34. package/dist/styles/recipes/icon.css +9 -0
  35. package/dist/styles/recipes/label.css +3 -2
  36. package/dist/styles/recipes/link.css +8 -16
  37. package/dist/styles/recipes/list-item-group.css +33 -0
  38. package/dist/styles/recipes/list-item.css +161 -0
  39. package/dist/styles/recipes/list.css +19 -0
  40. package/dist/styles/recipes/menu.css +92 -196
  41. package/dist/styles/recipes/modal.css +18 -2
  42. package/dist/styles/recipes/pre.css +3 -3
  43. package/dist/styles/recipes/radio-input.css +16 -9
  44. package/dist/styles/recipes/radio.css +29 -30
  45. package/dist/styles/recipes/spinner.css +19 -14
  46. package/dist/styles/recipes/tag.css +6 -18
  47. package/dist/styles/recipes/text-input.css +123 -0
  48. package/dist/styles/recipes/text.css +23 -18
  49. package/dist/styles/recipes/textarea.css +20 -37
  50. package/dist/styles/recipes/time-picker.css +171 -0
  51. package/dist/styles/recipes/toggle-input.css +17 -11
  52. package/dist/styles/recipes/toggle.css +50 -96
  53. package/dist/styles/recipes/tooltip.css +29 -225
  54. package/dist/styles/recipes.css +14 -8
  55. package/dist/styles/tokens.css +93 -38
  56. package/dist/styles/utilities.css +628 -533
  57. package/dist/svgs/calendar-lock.svg +1 -0
  58. package/dist/svgs/computer.svg +1 -0
  59. package/dist/svgs/cookie.svg +1 -0
  60. package/dist/svgs/folder-check.svg +1 -0
  61. package/dist/svgs/folder-copy.svg +1 -0
  62. package/dist/svgs/folder-dashed.svg +1 -0
  63. package/dist/svgs/folder-open.svg +1 -0
  64. package/dist/svgs/folder-topic.svg +1 -0
  65. package/dist/svgs/folder.svg +1 -0
  66. package/dist/svgs/linked-services.svg +1 -1
  67. package/dist/svgs/mobile.svg +1 -0
  68. package/dist/svgs/numpad.svg +1 -0
  69. package/dist/svgs/phone.svg +1 -0
  70. package/dist/svgs/qr-code.svg +1 -0
  71. package/dist/svgs/sparkle.svg +1 -0
  72. package/dist/svgs/trolley.svg +1 -0
  73. package/dist/types/index.d.ts +809 -130
  74. package/package.json +47 -13
  75. package/src/recipes/avatar.ts +2 -2
  76. package/src/recipes/badge.ts +1 -0
  77. package/src/recipes/box.ts +1 -0
  78. package/src/recipes/breadcrumbs.ts +34 -14
  79. package/src/recipes/button.ts +69 -25
  80. package/src/recipes/card.ts +2 -0
  81. package/src/recipes/checkbox.ts +29 -23
  82. package/src/recipes/checkboxInput.ts +14 -1
  83. package/src/recipes/chip.ts +21 -18
  84. package/src/recipes/code.ts +5 -4
  85. package/src/recipes/datePicker.ts +223 -0
  86. package/src/recipes/divider.ts +27 -34
  87. package/src/recipes/formField.ts +40 -21
  88. package/src/recipes/highlightText.ts +16 -0
  89. package/src/recipes/icon.ts +13 -0
  90. package/src/recipes/index.ts +12 -6
  91. package/src/recipes/list.ts +17 -0
  92. package/src/recipes/listItem.ts +307 -0
  93. package/src/recipes/listItemGroup.ts +65 -0
  94. package/src/recipes/menu.ts +381 -120
  95. package/src/recipes/modal.ts +22 -0
  96. package/src/recipes/radio.ts +29 -19
  97. package/src/recipes/radioInput.ts +25 -0
  98. package/src/recipes/spinner.ts +0 -4
  99. package/src/recipes/tag.ts +11 -9
  100. package/src/recipes/text.ts +10 -6
  101. package/src/recipes/textInput.ts +205 -0
  102. package/src/recipes/textarea.ts +15 -15
  103. package/src/recipes/timePicker.ts +199 -0
  104. package/src/recipes/toggle.ts +71 -98
  105. package/src/recipes/toggleInput.ts +26 -0
  106. package/src/recipes/tooltip.ts +55 -302
  107. package/src/styles/primitives/index.ts +2 -1
  108. package/src/styles/primitives/radii.ts +1 -0
  109. package/src/styles/primitives/shadows.ts +0 -1
  110. package/src/styles/primitives/sizes.ts +1 -0
  111. package/src/styles/primitives/spacings.ts +1 -0
  112. package/src/styles/primitives/zIndex.ts +16 -0
  113. package/src/styles/semantics/colors.ts +106 -32
  114. package/src/styles/semantics/index.ts +1 -0
  115. package/src/styles/semantics/zIndex.ts +18 -0
  116. package/src/styles/utilities/textStyles.ts +1 -0
  117. package/src/styles/utilities/transitions.ts +1 -0
  118. package/src/utils/splitProps.ts +7 -6
  119. package/src/utils/useOnClose.ts +2 -2
  120. package/dist/styles/recipes/input.css +0 -64
  121. package/dist/styles/recipes/textinput.css +0 -89
  122. package/src/recipes/input.ts +0 -56
  123. package/src/recipes/radioinput.ts +0 -15
  124. package/src/recipes/textinput.ts +0 -86
  125. package/src/recipes/toggleinput.ts +0 -17
  126. /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: