@bcc-code/design-tokens 5.1.33 → 5.1.35

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 (12) hide show
  1. package/build/bcc/css/auto.css +6 -6
  2. package/build/bcc/css/dark.css +3 -3
  3. package/build/bcc/css/light.css +3 -3
  4. package/build/bcc/css/tailwind-auto.css +6 -6
  5. package/build/bcc/css/tailwind-dark.css +3 -3
  6. package/build/bcc/css/tailwind-light.css +3 -3
  7. package/build/bcc/js/dark.js +3 -3
  8. package/build/bcc/js/light.js +3 -3
  9. package/build/primevue/component-dark.js +3 -3
  10. package/build/primevue/component-light.js +3 -3
  11. package/build/primevue/config.js +3 -3
  12. package/package.json +1 -1
package/build/bcc/css/auto.css CHANGED
@@ -534,9 +534,9 @@
534
534
  --color-background-brand-subtlest-default: var(--color-brand-100);
535
535
  --color-background-brand-subtlest-hover: var(--color-brand-200);
536
536
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
537
- --color-background-brand-bolder-default: var(--color-brand-700);
538
- --color-background-brand-bolder-hover: var(--color-brand-800);
539
- --color-background-brand-bolder-pressed: var(--color-brand-900);
537
+ --color-background-brand-bolder-default: var(--color-brand-800);
538
+ --color-background-brand-bolder-hover: var(--color-brand-900);
539
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
540
540
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
541
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
542
  --color-background-brand-boldest-pressed: var(--color-brand-800);
@@ -841,9 +841,9 @@
841
841
  --color-background-brand-subtle-default: var(--color-brand-700);
842
842
  --color-background-brand-subtle-hover: var(--color-brand-600);
843
843
  --color-background-brand-subtle-pressed: var(--color-brand-500);
844
- --color-background-brand-bolder-default: var(--color-brand-400);
845
- --color-background-brand-bolder-hover: var(--color-brand-300);
846
- --color-background-brand-bolder-pressed: var(--color-brand-200);
844
+ --color-background-brand-bolder-default: var(--color-brand-500);
845
+ --color-background-brand-bolder-hover: var(--color-brand-400);
846
+ --color-background-brand-bolder-pressed: var(--color-brand-300);
847
847
  --color-background-brand-boldest-default: var(--color-brand-100);
848
848
  --color-background-brand-boldest-hover: var(--color-brand-200);
849
849
  --color-background-brand-boldest-pressed: var(--color-brand-300);
package/build/bcc/css/dark.css CHANGED
@@ -535,9 +535,9 @@
535
535
  --color-background-brand-subtle-default: var(--color-brand-700);
536
536
  --color-background-brand-subtle-hover: var(--color-brand-600);
537
537
  --color-background-brand-subtle-pressed: var(--color-brand-500);
538
- --color-background-brand-bolder-default: var(--color-brand-400);
539
- --color-background-brand-bolder-hover: var(--color-brand-300);
540
- --color-background-brand-bolder-pressed: var(--color-brand-200);
538
+ --color-background-brand-bolder-default: var(--color-brand-500);
539
+ --color-background-brand-bolder-hover: var(--color-brand-400);
540
+ --color-background-brand-bolder-pressed: var(--color-brand-300);
541
541
  --color-background-brand-boldest-default: var(--color-brand-100);
542
542
  --color-background-brand-boldest-hover: var(--color-brand-200);
543
543
  --color-background-brand-boldest-pressed: var(--color-brand-300);
package/build/bcc/css/light.css CHANGED
@@ -534,9 +534,9 @@
534
534
  --color-background-brand-subtlest-default: var(--color-brand-100);
535
535
  --color-background-brand-subtlest-hover: var(--color-brand-200);
536
536
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
537
- --color-background-brand-bolder-default: var(--color-brand-700);
538
- --color-background-brand-bolder-hover: var(--color-brand-800);
539
- --color-background-brand-bolder-pressed: var(--color-brand-900);
537
+ --color-background-brand-bolder-default: var(--color-brand-800);
538
+ --color-background-brand-bolder-hover: var(--color-brand-900);
539
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
540
540
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
541
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
542
  --color-background-brand-boldest-pressed: var(--color-brand-800);
package/build/bcc/css/tailwind-auto.css CHANGED
@@ -536,9 +536,9 @@
536
536
  --color-background-brand-subtlest-default: var(--color-brand-100);
537
537
  --color-background-brand-subtlest-hover: var(--color-brand-200);
538
538
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
539
- --color-background-brand-bolder-default: var(--color-brand-700);
540
- --color-background-brand-bolder-hover: var(--color-brand-800);
541
- --color-background-brand-bolder-pressed: var(--color-brand-900);
539
+ --color-background-brand-bolder-default: var(--color-brand-800);
540
+ --color-background-brand-bolder-hover: var(--color-brand-900);
541
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
542
542
  --color-background-brand-boldest-default: var(--color-brand-1000);
543
543
  --color-background-brand-boldest-hover: var(--color-brand-900);
544
544
  --color-background-brand-boldest-pressed: var(--color-brand-800);
@@ -843,9 +843,9 @@
843
843
  --color-background-brand-subtle-default: var(--color-brand-700);
844
844
  --color-background-brand-subtle-hover: var(--color-brand-600);
845
845
  --color-background-brand-subtle-pressed: var(--color-brand-500);
846
- --color-background-brand-bolder-default: var(--color-brand-400);
847
- --color-background-brand-bolder-hover: var(--color-brand-300);
848
- --color-background-brand-bolder-pressed: var(--color-brand-200);
846
+ --color-background-brand-bolder-default: var(--color-brand-500);
847
+ --color-background-brand-bolder-hover: var(--color-brand-400);
848
+ --color-background-brand-bolder-pressed: var(--color-brand-300);
849
849
  --color-background-brand-boldest-default: var(--color-brand-100);
850
850
  --color-background-brand-boldest-hover: var(--color-brand-200);
851
851
  --color-background-brand-boldest-pressed: var(--color-brand-300);
package/build/bcc/css/tailwind-dark.css CHANGED
@@ -534,9 +534,9 @@
534
534
  --color-background-brand-subtle-default: var(--color-brand-700);
535
535
  --color-background-brand-subtle-hover: var(--color-brand-600);
536
536
  --color-background-brand-subtle-pressed: var(--color-brand-500);
537
- --color-background-brand-bolder-default: var(--color-brand-400);
538
- --color-background-brand-bolder-hover: var(--color-brand-300);
539
- --color-background-brand-bolder-pressed: var(--color-brand-200);
537
+ --color-background-brand-bolder-default: var(--color-brand-500);
538
+ --color-background-brand-bolder-hover: var(--color-brand-400);
539
+ --color-background-brand-bolder-pressed: var(--color-brand-300);
540
540
  --color-background-brand-boldest-default: var(--color-brand-100);
541
541
  --color-background-brand-boldest-hover: var(--color-brand-200);
542
542
  --color-background-brand-boldest-pressed: var(--color-brand-300);
package/build/bcc/css/tailwind-light.css CHANGED
@@ -534,9 +534,9 @@
534
534
  --color-background-brand-subtlest-default: var(--color-brand-100);
535
535
  --color-background-brand-subtlest-hover: var(--color-brand-200);
536
536
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
537
- --color-background-brand-bolder-default: var(--color-brand-700);
538
- --color-background-brand-bolder-hover: var(--color-brand-800);
539
- --color-background-brand-bolder-pressed: var(--color-brand-900);
537
+ --color-background-brand-bolder-default: var(--color-brand-800);
538
+ --color-background-brand-bolder-hover: var(--color-brand-900);
539
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
540
540
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
541
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
542
  --color-background-brand-boldest-pressed: var(--color-brand-800);
package/build/bcc/js/dark.js CHANGED
@@ -422,9 +422,9 @@ export default {
422
422
  pressed: "#3e9f97",
423
423
  },
424
424
  bolder: {
425
- default: "#6fb5ad",
426
- hover: "#a0cec8",
427
- pressed: "#d2eeeb",
425
+ default: "#3e9f97",
426
+ hover: "#6fb5ad",
427
+ pressed: "#a0cec8",
428
428
  },
429
429
  boldest: {
430
430
  default: "#f0fcfa",
package/build/bcc/js/light.js CHANGED
@@ -422,9 +422,9 @@ export default {
422
422
  pressed: "#a0cec8",
423
423
  },
424
424
  bolder: {
425
- default: "#0c625c",
426
- hover: "#014d49",
427
- pressed: "#0b3633",
425
+ default: "#014d49",
426
+ hover: "#0b3633",
427
+ pressed: "#012320",
428
428
  },
429
429
  boldest: {
430
430
  default: "#012320",
package/build/primevue/component-dark.js CHANGED
@@ -1876,8 +1876,8 @@ export default {
1876
1876
  },
1877
1877
  "nav": {
1878
1878
  "button": {
1879
- "background": "{content.background}",
1880
- "color": "{text.muted.color}",
1879
+ "background": "{color.elevation.surface.default}",
1880
+ "color": "{color.text.subtlest}",
1881
1881
  "hover": {
1882
1882
  "color": "{text.color}"
1883
1883
  },
@@ -1898,7 +1898,7 @@ export default {
1898
1898
  "bar": {
1899
1899
  "height": "{space.25}",
1900
1900
  "bottom": "-1px",
1901
- "background": "{primary.color}"
1901
+ "background": "{color.background.brand.bolder.default}"
1902
1902
  }
1903
1903
  },
1904
1904
  "transition": {
package/build/primevue/component-light.js CHANGED
@@ -1876,8 +1876,8 @@ export default {
1876
1876
  },
1877
1877
  "nav": {
1878
1878
  "button": {
1879
- "background": "{content.background}",
1880
- "color": "{text.muted.color}",
1879
+ "background": "{color.elevation.surface.default}",
1880
+ "color": "{color.text.subtlest}",
1881
1881
  "hover": {
1882
1882
  "color": "{text.color}"
1883
1883
  },
@@ -1898,7 +1898,7 @@ export default {
1898
1898
  "bar": {
1899
1899
  "height": "{space.25}",
1900
1900
  "bottom": "-1px",
1901
- "background": "{primary.color}"
1901
+ "background": "{color.background.brand.bolder.default}"
1902
1902
  }
1903
1903
  },
1904
1904
  "transition": {
package/build/primevue/config.js CHANGED
@@ -2628,8 +2628,8 @@ const BCCPreset = definePreset(Aura, {
2628
2628
  }
2629
2629
  },
2630
2630
  navButton: {
2631
- background: "{content.background}",
2632
- color: "{text.muted.color}",
2631
+ background: "var(--color-elevation-surface-default)",
2632
+ color: "var(--color-text-subtlest)",
2633
2633
  hoverColor: "{text.color}",
2634
2634
  width: "var(--space-500)",
2635
2635
  focusRing: {
@@ -2643,7 +2643,7 @@ const BCCPreset = definePreset(Aura, {
2643
2643
  activeBar: {
2644
2644
  height: "var(--space-25)",
2645
2645
  bottom: "-1px",
2646
- background: "{primary.color}"
2646
+ background: "var(--color-background-brand-bolder-default)"
2647
2647
  },
2648
2648
  colorScheme: {
2649
2649
  light: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "5.1.33",
3
+ "version": "5.1.35",
4
4
  "description": "Design tokens build system",
5
5
  "type": "module",
6
6
  "engines": {