@bcc-code/design-tokens 5.1.58 → 5.1.59

package/README.md

@@ -33,6 +33,50 @@ Component tokens are automatically picked up from `component.json` — no manual
 
 For BCC-specific layout/sizing overrides (not from Figma), add them to `MANUAL_COMPONENT_OVERRIDES` in `export-tokens/constants.js`.
 
+## Repository Structure
+
+### Generated folders
+
+- `tokens/` is generated from Figma token exports (source of truth from design).
+- `build/` is generated by running the build script (`npm run build` / `node export-tokens/build.js`).
+- Do not hand-edit files in `build/`; regenerate instead.
+
+### `config/`
+
+- `config/config-reference.json`  
+  PrimeVue reference config used by the generator to understand PrimeVue's expected token structure and keys when creating `build/primevue/config.js`.
+  - **Can edit?** Usually **leave alone**. Edit only when intentionally updating PrimeVue mapping/reference behavior (for example after PrimeVue config structure changes).
+
+### `export-tokens/`
+
+- `export-tokens/build.js`  
+  Main build orchestrator. Runs validation, builds token outputs, combines theme files, generates types, and generates PrimeVue config.
+  - **Can edit?** **Yes**, when changing build flow or adding new outputs.
+
+- `export-tokens/constants.js`  
+  Central configuration for paths, token group lists, Tailwind mappings/utilities, known exceptions, and manual component overrides.
+  - **Can edit?** **Yes**. This is the primary file to update when adding token groups, mappings, or BCC manual overrides.
+
+- `export-tokens/sd-formats.js`  
+  Registers custom Style Dictionary transforms/formats (JS with refs, CSS variables, Tailwind utilities).
+  - **Can edit?** **Yes**, if you need to change output format behavior.
+
+- `export-tokens/primevue-config.js`  
+  Generates `build/primevue/config.js` from built tokens + `config/config-reference.json` and applies override logic/validation.
+  - **Can edit?** **Yes**, for PrimeVue mapping/resolution logic changes.
+
+- `export-tokens/validation.js`  
+  Validates light/dark token symmetry and warns about missing component theme overrides.
+  - **Can edit?** **Yes**, when adjusting validation rules.
+
+- `export-tokens/bcc-build.js`  
+  Creates combined `auto.css` and `tailwind-auto.css` from generated light/dark outputs.
+  - **Can edit?** **Yes**, if combined output strategy needs to change.
+
+- `export-tokens/type-gen.js`  
+  Generates `.d.ts` files for built JS/CSS outputs.
+  - **Can edit?** **Yes**, when changing published type declarations.
+
 ## License
 
 MIT

package/build/primevue/config.js

@@ -3679,7 +3679,7 @@ const BCCPreset = definePreset(Aura, {
         transitionDuration: "{transition.duration}"
       },
       tablist: {
-        borderWidth: "0 0 1px 0",
+        borderWidth: "var(--border-width-0)",
         background: "transparent",
         borderColor: "var(--color-border-default)"
       },
@@ -3687,7 +3687,7 @@ const BCCPreset = definePreset(Aura, {
         background: "transparent",
         hoverBackground: "transparent",
         activeBackground: "transparent",
-        borderWidth: "0 0 1px 0",
+        borderWidth: "var(--border-width-2)",
         borderColor: "var(--color-border-default)",
         hoverBorderColor: "var(--color-border-default)",
         activeBorderColor: "var(--color-border-selected)",
@@ -3696,7 +3696,7 @@ const BCCPreset = definePreset(Aura, {
         activeColor: "var(--color-text-selected)",
         padding: "var(--space-150)",
         fontWeight: "var(--font-weight-medium)",
-        margin: "0 0 -1px 0",
+        margin: "0",
         gap: "var(--space-100)",
         focusRing: {
           width: "{focus.ring.width}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcc-code/design-tokens",
-  "version": "5.1.58",
+  "version": "5.1.59",
   "description": "Design tokens build system",
   "type": "module",
   "engines": {