@bcc-code/design-tokens 5.1.38 → 5.1.40

package/build/bcc/css/auto.css

@@ -227,7 +227,7 @@
   --color-brand-1000: var(--color-bcc-1000);
   --color-text-default: var(--color-neutral-1000);
   --color-text-subtle: var(--color-neutral-800);
-  --color-text-subtlest: var(--color-neutral-700);
+  --color-text-subtlest: var(--color-neutral-600);
   --color-text-disabled: var(--color-neutral-alpha-400-a);
   --color-text-inverse: var(--color-neutral-0);
   --color-text-success: var(--color-green-800);
@@ -262,7 +262,7 @@
   --color-link-visited-hover: var(--color-purple-900);
   --color-icon-default: var(--color-neutral-1100);
   --color-icon-subtle: var(--color-neutral-800);
-  --color-icon-subtlest: var(--color-neutral-700);
+  --color-icon-subtlest: var(--color-neutral-600);
   --color-icon-disabled: var(--color-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-neutral-0);
   --color-icon-success: var(--color-green-800);
@@ -557,7 +557,7 @@
   --color-interaction-pressed: rgba(255, 255, 255, 0.36);
   --color-text-default: var(--color-dark-neutral-1100);
   --color-text-subtle: var(--color-dark-neutral-800);
-  --color-text-subtlest: var(--color-dark-neutral-700);
+  --color-text-subtlest: var(--color-dark-neutral-600);
   --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-text-inverse: var(--color-dark-neutral-100);
   --color-text-success: var(--color-green-300);
@@ -591,7 +591,7 @@
   --color-link-visited-hover: var(--color-purple-200);
   --color-icon-default: var(--color-dark-neutral-1000);
   --color-icon-subtle: var(--color-dark-neutral-800);
-  --color-icon-subtlest: var(--color-dark-neutral-700);
+  --color-icon-subtlest: var(--color-dark-neutral-600);
   --color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-dark-neutral-100);
   --color-icon-success: var(--color-green-500);

package/build/bcc/css/dark.css

@@ -229,7 +229,7 @@
   --color-brand-1000: var(--color-bcc-1000);
   --color-text-default: var(--color-dark-neutral-1100);
   --color-text-subtle: var(--color-dark-neutral-800);
-  --color-text-subtlest: var(--color-dark-neutral-700);
+  --color-text-subtlest: var(--color-dark-neutral-600);
   --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-text-inverse: var(--color-dark-neutral-100);
   --color-text-success: var(--color-green-300);
@@ -264,7 +264,7 @@
   --color-link-visited-hover: var(--color-purple-200);
   --color-icon-default: var(--color-dark-neutral-1000);
   --color-icon-subtle: var(--color-dark-neutral-800);
-  --color-icon-subtlest: var(--color-dark-neutral-700);
+  --color-icon-subtlest: var(--color-dark-neutral-600);
   --color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-dark-neutral-100);
   --color-icon-success: var(--color-green-500);

package/build/bcc/css/light.css

@@ -227,7 +227,7 @@
   --color-brand-1000: var(--color-bcc-1000);
   --color-text-default: var(--color-neutral-1000);
   --color-text-subtle: var(--color-neutral-800);
-  --color-text-subtlest: var(--color-neutral-700);
+  --color-text-subtlest: var(--color-neutral-600);
   --color-text-disabled: var(--color-neutral-alpha-400-a);
   --color-text-inverse: var(--color-neutral-0);
   --color-text-success: var(--color-green-800);
@@ -262,7 +262,7 @@
   --color-link-visited-hover: var(--color-purple-900);
   --color-icon-default: var(--color-neutral-1100);
   --color-icon-subtle: var(--color-neutral-800);
-  --color-icon-subtlest: var(--color-neutral-700);
+  --color-icon-subtlest: var(--color-neutral-600);
   --color-icon-disabled: var(--color-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-neutral-0);
   --color-icon-success: var(--color-green-800);

package/build/bcc/css/tailwind-auto.css

@@ -229,7 +229,7 @@
   --color-brand-1000: var(--color-bcc-1000);
   --color-text-default: var(--color-neutral-1000);
   --color-text-subtle: var(--color-neutral-800);
-  --color-text-subtlest: var(--color-neutral-700);
+  --color-text-subtlest: var(--color-neutral-600);
   --color-text-disabled: var(--color-neutral-alpha-400-a);
   --color-text-inverse: var(--color-neutral-0);
   --color-text-success: var(--color-green-800);
@@ -264,7 +264,7 @@
   --color-link-visited-hover: var(--color-purple-900);
   --color-icon-default: var(--color-neutral-1100);
   --color-icon-subtle: var(--color-neutral-800);
-  --color-icon-subtlest: var(--color-neutral-700);
+  --color-icon-subtlest: var(--color-neutral-600);
   --color-icon-disabled: var(--color-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-neutral-0);
   --color-icon-success: var(--color-green-800);
@@ -559,7 +559,7 @@
   --color-interaction-pressed: rgba(255, 255, 255, 0.36);
   --color-text-default: var(--color-dark-neutral-1100);
   --color-text-subtle: var(--color-dark-neutral-800);
-  --color-text-subtlest: var(--color-dark-neutral-700);
+  --color-text-subtlest: var(--color-dark-neutral-600);
   --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-text-inverse: var(--color-dark-neutral-100);
   --color-text-success: var(--color-green-300);
@@ -593,7 +593,7 @@
   --color-link-visited-hover: var(--color-purple-200);
   --color-icon-default: var(--color-dark-neutral-1000);
   --color-icon-subtle: var(--color-dark-neutral-800);
-  --color-icon-subtlest: var(--color-dark-neutral-700);
+  --color-icon-subtlest: var(--color-dark-neutral-600);
   --color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-dark-neutral-100);
   --color-icon-success: var(--color-green-500);

package/build/bcc/css/tailwind-dark.css

@@ -228,7 +228,7 @@
   --color-brand-1000: var(--color-bcc-1000);
   --color-text-default: var(--color-dark-neutral-1100);
   --color-text-subtle: var(--color-dark-neutral-800);
-  --color-text-subtlest: var(--color-dark-neutral-700);
+  --color-text-subtlest: var(--color-dark-neutral-600);
   --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-text-inverse: var(--color-dark-neutral-100);
   --color-text-success: var(--color-green-300);
@@ -263,7 +263,7 @@
   --color-link-visited-hover: var(--color-purple-200);
   --color-icon-default: var(--color-dark-neutral-1000);
   --color-icon-subtle: var(--color-dark-neutral-800);
-  --color-icon-subtlest: var(--color-dark-neutral-700);
+  --color-icon-subtlest: var(--color-dark-neutral-600);
   --color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-dark-neutral-100);
   --color-icon-success: var(--color-green-500);

package/build/bcc/css/tailwind-light.css

@@ -227,7 +227,7 @@
   --color-brand-1000: var(--color-bcc-1000);
   --color-text-default: var(--color-neutral-1000);
   --color-text-subtle: var(--color-neutral-800);
-  --color-text-subtlest: var(--color-neutral-700);
+  --color-text-subtlest: var(--color-neutral-600);
   --color-text-disabled: var(--color-neutral-alpha-400-a);
   --color-text-inverse: var(--color-neutral-0);
   --color-text-success: var(--color-green-800);
@@ -262,7 +262,7 @@
   --color-link-visited-hover: var(--color-purple-900);
   --color-icon-default: var(--color-neutral-1100);
   --color-icon-subtle: var(--color-neutral-800);
-  --color-icon-subtlest: var(--color-neutral-700);
+  --color-icon-subtlest: var(--color-neutral-600);
   --color-icon-disabled: var(--color-neutral-alpha-400-a);
   --color-icon-inverse: var(--color-neutral-0);
   --color-icon-success: var(--color-green-800);

package/build/bcc/js/dark.js

@@ -186,7 +186,7 @@ export default {
     text: {
       default: "#e2e3e4",
       subtle: "#a9abaf",
-      subtlest: "#96999e",
+      subtlest: "#7e8188",
       disabled: "rgba(229, 233, 246, 0.25)",
       selected: "#6fb5ad",
       inverse: "#1f1f21",
@@ -258,7 +258,7 @@ export default {
     icon: {
       default: "#cecfd2",
       subtle: "#a9abaf",
-      subtlest: "#96999e",
+      subtlest: "#7e8188",
       disabled: "rgba(229, 233, 246, 0.25)",
       selected: "#6fb5ad",
       inverse: "#1f1f21",

package/build/bcc/js/light.js

@@ -186,7 +186,7 @@ export default {
     text: {
       default: "#292a2e",
       subtle: "#505258",
-      subtlest: "#6b6e76",
+      subtlest: "#7d818a",
       disabled: "rgba(8, 15, 33, 0.29)",
       selected: "#0c625c",
       inverse: "#ffffff",
@@ -258,7 +258,7 @@ export default {
     icon: {
       default: "#1e1f21",
       subtle: "#505258",
-      subtlest: "#6b6e76",
+      subtlest: "#7d818a",
       disabled: "rgba(8, 15, 33, 0.29)",
       selected: "#0c625c",
       inverse: "#ffffff",

package/build/primevue/component-dark.js

@@ -248,7 +248,7 @@ export default {
     "width": "{space.400}",
     "height": "{space.400}",
     "font": {
-      "size": "{font-size.md}"
+      "size": "{font-size.sm}"
     },
     "background": "{color.background.accent.gray.default}",
     "border": {
@@ -265,7 +265,7 @@ export default {
       "width": "{space.500}",
       "height": "{space.500}",
       "font": {
-        "size": "{font-size.lg}"
+        "size": "{font-size.md}"
       },
       "icon": {
         "size": "{icon-size.md}"
@@ -278,7 +278,7 @@ export default {
       "width": "{space.800}",
       "height": "{space.800}",
       "font": {
-        "size": "{font-size.2xl}"
+        "size": "{font-size.xl}"
       },
       "icon": {
         "size": "{icon-size.lg}"

package/build/primevue/component-light.js

@@ -248,7 +248,7 @@ export default {
     "width": "{space.400}",
     "height": "{space.400}",
     "font": {
-      "size": "{font-size.md}"
+      "size": "{font-size.sm}"
     },
     "background": "{color.background.accent.gray.default}",
     "border": {
@@ -265,7 +265,7 @@ export default {
       "width": "{space.500}",
       "height": "{space.500}",
       "font": {
-        "size": "{font-size.lg}"
+        "size": "{font-size.md}"
       },
       "icon": {
         "size": "{icon-size.md}"
@@ -278,7 +278,7 @@ export default {
       "width": "{space.800}",
       "height": "{space.800}",
       "font": {
-        "size": "{font-size.2xl}"
+        "size": "{font-size.xl}"
       },
       "icon": {
         "size": "{icon-size.lg}"

package/build/primevue/config.js

@@ -1146,7 +1146,7 @@ const BCCPreset = definePreset(Aura, {
       root: {
         width: "var(--space-400)",
         height: "var(--space-400)",
-        fontSize: "var(--font-size-md)",
+        fontSize: "var(--font-size-sm)",
         background: "var(--color-background-accent-gray-default)",
         color: "var(--color-text-default)",
         borderRadius: "var(--border-radius-sm)"
@@ -1161,7 +1161,7 @@ const BCCPreset = definePreset(Aura, {
       lg: {
         width: "var(--space-500)",
         height: "var(--space-500)",
-        fontSize: "var(--font-size-lg)",
+        fontSize: "var(--font-size-md)",
         icon: {
           size: "var(--icon-size-md)"
         },
@@ -1172,7 +1172,7 @@ const BCCPreset = definePreset(Aura, {
       xl: {
         width: "var(--space-800)",
         height: "var(--space-800)",
-        fontSize: "var(--font-size-2xl)",
+        fontSize: "var(--font-size-xl)",
         icon: {
           size: "var(--icon-size-lg)"
         },

package/package.json

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