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.
- package/README.md +52 -17
- 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/panda.buildinfo.json +739 -0
- 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.css +44530 -5
- 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 +51 -16
- 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/global.css +0 -66
- package/dist/styles/recipes/avatar.css +0 -185
- package/dist/styles/recipes/badge.css +0 -129
- package/dist/styles/recipes/box.css +0 -14
- package/dist/styles/recipes/breadcrumbs.css +0 -50
- package/dist/styles/recipes/button.css +0 -261
- package/dist/styles/recipes/card.css +0 -58
- package/dist/styles/recipes/checkbox-input.css +0 -16
- package/dist/styles/recipes/checkbox.css +0 -103
- package/dist/styles/recipes/chip.css +0 -143
- package/dist/styles/recipes/code.css +0 -19
- package/dist/styles/recipes/divider.css +0 -42
- package/dist/styles/recipes/form-field.css +0 -51
- package/dist/styles/recipes/heading.css +0 -38
- package/dist/styles/recipes/icon-button.css +0 -247
- package/dist/styles/recipes/input.css +0 -64
- package/dist/styles/recipes/label.css +0 -14
- package/dist/styles/recipes/link.css +0 -57
- package/dist/styles/recipes/menu.css +0 -245
- package/dist/styles/recipes/modal.css +0 -112
- package/dist/styles/recipes/pre.css +0 -23
- package/dist/styles/recipes/radio-input.css +0 -16
- package/dist/styles/recipes/radio.css +0 -91
- package/dist/styles/recipes/spinner.css +0 -47
- package/dist/styles/recipes/tag.css +0 -36
- package/dist/styles/recipes/text.css +0 -67
- package/dist/styles/recipes/textarea.css +0 -95
- package/dist/styles/recipes/textinput.css +0 -89
- package/dist/styles/recipes/toggle-input.css +0 -19
- package/dist/styles/recipes/toggle.css +0 -143
- package/dist/styles/recipes/tooltip.css +0 -262
- package/dist/styles/recipes.css +0 -30
- package/dist/styles/reset.css +0 -1
- package/dist/styles/tokens.css +0 -1231
- package/dist/styles/utilities.css +0 -1938
- 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:
|
|
@@ -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**:
|
|
162
|
-
- **Default bump**: If the merged PR has no
|
|
163
|
-
- **No-release labels**: `
|
|
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` -
|
|
206
|
-
- `minor` -
|
|
207
|
-
- `patch` -
|
|
208
|
-
- `release` - Graduate the
|
|
209
|
-
- `skip-release` -
|
|
210
|
-
- `
|
|
211
|
-
- `
|
|
212
|
-
- `
|
|
213
|
-
- `
|
|
214
|
-
- `
|
|
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
|
-
- `
|
|
219
|
-
- `
|
|
220
|
-
- no
|
|
221
|
-
- `
|
|
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.
|