@bcc-code/design-tokens 5.1.70 → 5.1.72
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 +3 -3
- package/build/bcc/css/tailwind.css +1 -1
- package/build/bcc/css/tokens.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,7 +26,7 @@ When designers add or update PrimeVue component tokens via Figma:
|
|
|
26
26
|
|
|
27
27
|
1. **Export from Figma** — Component tokens land in `tokens/aura/component.json`
|
|
28
28
|
2. **Add theme overrides (recommended)** — For light/dark differentiation, add the component to both `tokens/aura/component/light.json` and `tokens/aura/component/dark.json`. Without these, the component will use the same tokens in both themes.
|
|
29
|
-
3. **Run the build** — `
|
|
29
|
+
3. **Run the build** — `npm run build`
|
|
30
30
|
4. **Check warnings** — The build will warn about components missing theme overrides
|
|
31
31
|
|
|
32
32
|
Component tokens are automatically picked up from `component.json` — no manual list to maintain.
|
|
@@ -70,11 +70,11 @@ For BCC-specific layout/sizing overrides (not from Figma), add them to `MANUAL_C
|
|
|
70
70
|
- **Can edit?** **Yes**, when adjusting validation rules.
|
|
71
71
|
|
|
72
72
|
- `export-tokens/bcc-build.js`
|
|
73
|
-
Creates combined `
|
|
73
|
+
Creates combined `tokens.css` and `tailwind.css` from generated light/dark outputs.
|
|
74
74
|
- **Can edit?** **Yes**, if combined output strategy needs to change.
|
|
75
75
|
|
|
76
76
|
- `export-tokens/type-gen.js`
|
|
77
|
-
Generates `.d.ts`
|
|
77
|
+
Generates `.d.ts` module declarations for published CSS files.
|
|
78
78
|
- **Can edit?** **Yes**, when changing published type declarations.
|
|
79
79
|
|
|
80
80
|
## License
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
--text-3xl: 2.25rem; /** 36px */
|
|
216
216
|
--text-4xl: 3rem; /** 48px */
|
|
217
217
|
--text-5xl: 3.5rem; /** 56px */
|
|
218
|
-
--shadow-
|
|
218
|
+
--shadow-overflow: 0 0 8px 0 rgba(30,31,33,0.16), 0 0 1px 0 rgba(30,31,33,0.12);
|
|
219
219
|
--shadow-overlay: 0 8px 12px 0 rgba(30,31,33,0.15), 0 0 1px 0 rgba(30,31,33,0.31);
|
|
220
220
|
--shadow-raised: 0 1px 1px 0 rgba(30,31,33,0.25), 0 0 1px 0 rgba(30,31,33,0.31);
|
|
221
221
|
--color-brand-100: var(--color-bcc-100);
|
package/build/bcc/css/tokens.css
CHANGED
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
--font-size-3xl: 2.25rem; /** 36px */
|
|
214
214
|
--font-size-4xl: 3rem; /** 48px */
|
|
215
215
|
--font-size-5xl: 3.5rem; /** 56px */
|
|
216
|
-
--elevation-shadow-
|
|
216
|
+
--elevation-shadow-overflow: 0 0 8px 0 rgba(30,31,33,0.16), 0 0 1px 0 rgba(30,31,33,0.12);
|
|
217
217
|
--elevation-shadow-overlay: 0 8px 12px 0 rgba(30,31,33,0.15), 0 0 1px 0 rgba(30,31,33,0.31);
|
|
218
218
|
--elevation-shadow-raised: 0 1px 1px 0 rgba(30,31,33,0.25), 0 0 1px 0 rgba(30,31,33,0.31);
|
|
219
219
|
--color-brand-100: var(--color-bcc-100);
|