@bcc-code/design-tokens 5.0.1 → 5.0.2

package/build/bcc/css/auto.css

@@ -283,7 +283,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-900);
   --color-icon-accent-purple-default: var(--color-purple-800);
   --color-icon-accent-purple-bold: var(--color-purple-900);
-  --color-border-default: var(--color-neutral-400);
+  --color-border-default: var(--color-neutral-alpha-300-a);
   --color-border-bold: var(--color-neutral-600);
   --color-border-disabled: var(--color-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-700);
@@ -609,7 +609,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-400);
   --color-icon-accent-purple-default: var(--color-purple-500);
   --color-icon-accent-purple-bold: var(--color-purple-400);
-  --color-border-default: var(--color-dark-neutral-400);
+  --color-border-default: var(--color-dark-neutral-alpha-400-a);
   --color-border-bold: var(--color-dark-neutral-600);
   --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-400);

package/build/bcc/css/dark.css

@@ -285,7 +285,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-400);
   --color-icon-accent-purple-default: var(--color-purple-500);
   --color-icon-accent-purple-bold: var(--color-purple-400);
-  --color-border-default: var(--color-dark-neutral-400);
+  --color-border-default: var(--color-dark-neutral-alpha-400-a);
   --color-border-bold: var(--color-dark-neutral-600);
   --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-400);

package/build/bcc/css/light.css

@@ -283,7 +283,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-900);
   --color-icon-accent-purple-default: var(--color-purple-800);
   --color-icon-accent-purple-bold: var(--color-purple-900);
-  --color-border-default: var(--color-neutral-400);
+  --color-border-default: var(--color-neutral-alpha-300-a);
   --color-border-bold: var(--color-neutral-600);
   --color-border-disabled: var(--color-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-700);

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

@@ -285,7 +285,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-900);
   --color-icon-accent-purple-default: var(--color-purple-800);
   --color-icon-accent-purple-bold: var(--color-purple-900);
-  --color-border-default: var(--color-neutral-400);
+  --color-border-default: var(--color-neutral-alpha-300-a);
   --color-border-bold: var(--color-neutral-600);
   --color-border-disabled: var(--color-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-700);
@@ -611,7 +611,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-400);
   --color-icon-accent-purple-default: var(--color-purple-500);
   --color-icon-accent-purple-bold: var(--color-purple-400);
-  --color-border-default: var(--color-dark-neutral-400);
+  --color-border-default: var(--color-dark-neutral-alpha-400-a);
   --color-border-bold: var(--color-dark-neutral-600);
   --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-400);

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

@@ -284,7 +284,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-400);
   --color-icon-accent-purple-default: var(--color-purple-500);
   --color-icon-accent-purple-bold: var(--color-purple-400);
-  --color-border-default: var(--color-dark-neutral-400);
+  --color-border-default: var(--color-dark-neutral-alpha-400-a);
   --color-border-bold: var(--color-dark-neutral-600);
   --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-400);

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

@@ -283,7 +283,7 @@
   --color-icon-accent-magenta-bold: var(--color-magenta-900);
   --color-icon-accent-purple-default: var(--color-purple-800);
   --color-icon-accent-purple-bold: var(--color-purple-900);
-  --color-border-default: var(--color-neutral-400);
+  --color-border-default: var(--color-neutral-alpha-300-a);
   --color-border-bold: var(--color-neutral-600);
   --color-border-disabled: var(--color-neutral-alpha-200-a);
   --color-border-selected: var(--color-bcc-700);

package/build/bcc/js/dark.js

@@ -302,7 +302,7 @@ export default {
       },
     },
     border: {
-      default: "#4b4d51",
+      default: "rgba(229, 233, 246, 0.25)",
       bold: "#7e8188",
       disabled: "rgba(206, 206, 217, 0.07)",
       selected: "#6fb5ad",

package/build/bcc/js/light.js

@@ -302,7 +302,7 @@ export default {
       },
     },
     border: {
-      default: "#b7b9be",
+      default: "rgba(11, 18, 14, 0.14)",
       bold: "#7d818a",
       disabled: "rgba(5, 21, 36, 0.06)",
       selected: "#0c625c",

package/build/primevue/component-dark.js

@@ -8,7 +8,7 @@ export default {
     "panel": {
       "border": {
         "width": "{border-width.1}",
-        "color": "#4b4d51"
+        "color": "rgba(229, 233, 246, 0.25)"
       }
     },
     "header": {
@@ -85,7 +85,7 @@ export default {
     "content": {
       "border": {
         "width": "{border-width.0}",
-        "color": "#4b4d51"
+        "color": "rgba(229, 233, 246, 0.25)"
       },
       "background": "#1f1f21",
       "color": "#e2e3e4",
@@ -111,7 +111,7 @@ export default {
       }
     },
     "border": {
-      "color": "#4b4d51",
+      "color": "rgba(229, 233, 246, 0.25)",
       "radius": "{border-radius.sm}"
     },
     "hover": {
@@ -151,7 +151,7 @@ export default {
     "overlay": {
       "background": "#1f1f21",
       "border": {
-        "color": "#4b4d51",
+        "color": "rgba(229, 233, 246, 0.25)",
         "radius": "{border-radius.sm}"
       },
       "color": "{overlay.select.color}",
@@ -191,19 +191,19 @@ export default {
     "dropdown": {
       "width": "{space.500}",
       "border": {
-        "color": "#4b4d51",
+        "color": "rgba(229, 233, 246, 0.25)",
         "radius": "{border-radius.sm}"
       },
       "hover": {
         "border": {
-          "color": "#4b4d51"
+          "color": "rgba(229, 233, 246, 0.25)"
         },
         "background": "{surface.700}",
         "color": "{surface.200}"
       },
       "active": {
         "border": {
-          "color": "#4b4d51"
+          "color": "rgba(229, 233, 246, 0.25)"
         },
         "background": "{surface.600}",
         "color": "{surface.100}"
@@ -854,7 +854,7 @@ export default {
   "checkbox": {
     "border": {
       "radius": "{border-radius.xs}",
-      "color": "#4b4d51"
+      "color": "rgba(229, 233, 246, 0.25)"
     },
     "width": "{space.250}",
     "height": "{space.250}",
@@ -981,7 +981,7 @@ export default {
   },
   "divider": {
     "border": {
-      "color": "#4b4d51"
+      "color": "rgba(229, 233, 246, 0.25)"
     },
     "content": {
       "background": "{color.transparent}",
@@ -1032,7 +1032,7 @@ export default {
       }
     },
     "border": {
-      "color": "#4b4d51",
+      "color": "rgba(229, 233, 246, 0.25)",
       "radius": "{border-radius.sm}"
     },
     "hover": {
@@ -1098,7 +1098,7 @@ export default {
       "color": "#303134"
     },
     "border": {
-      "color": "#4b4d51",
+      "color": "rgba(229, 233, 246, 0.25)",
       "radius": "{border-radius.sm}"
     },
     "invalid": {
@@ -1436,7 +1436,7 @@ export default {
       }
     },
     "border": {
-      "color": "#4b4d51",
+      "color": "rgba(229, 233, 246, 0.25)",
       "radius": "{border-radius.sm}"
     },
     "hover": {
@@ -1480,7 +1480,7 @@ export default {
     "overlay": {
       "background": "#1f1f21",
       "border": {
-        "color": "#4b4d51",
+        "color": "rgba(229, 233, 246, 0.25)",
         "radius": "{border-radius.sm}"
       },
       "color": "{overlay.select.color}",
@@ -1611,7 +1611,7 @@ export default {
       "background": "#1f1f21"
     },
     "border": {
-      "color": "#4b4d51"
+      "color": "rgba(229, 233, 246, 0.25)"
     },
     "hover": {
       "border": {
@@ -1726,7 +1726,7 @@ export default {
     "overlay": {
       "background": "#1f1f21",
       "border": {
-        "color": "#4b4d51",
+        "color": "rgba(229, 233, 246, 0.25)",
         "radius": "{border-radius.sm}"
       },
       "color": "{overlay.select.color}",
@@ -1819,13 +1819,13 @@ export default {
     "tablist": {
       "background": "{color.transparent}",
       "border": {
-        "color": "#4b4d51",
+        "color": "rgba(229, 233, 246, 0.25)",
         "width": "{border-width.1}"
       }
     },
     "tab": {
       "border": {
-        "color": "#4b4d51",
+        "color": "rgba(229, 233, 246, 0.25)",
         "width": "{border-width.1}"
       },
       "active": {
@@ -1840,7 +1840,7 @@ export default {
         "color": "#e2e3e4",
         "background": "{color.transparent}",
         "border": {
-          "color": "#4b4d51"
+          "color": "rgba(229, 233, 246, 0.25)"
         }
       },
       "background": "{color.transparent}",
@@ -1968,7 +1968,7 @@ export default {
       }
     },
     "border": {
-      "color": "#4b4d51",
+      "color": "rgba(229, 233, 246, 0.25)",
       "radius": "{border-radius.sm}"
     },
     "hover": {

package/build/primevue/component-light.js

@@ -8,7 +8,7 @@ export default {
     "panel": {
       "border": {
         "width": "{border-width.1}",
-        "color": "#b7b9be"
+        "color": "rgba(11, 18, 14, 0.14)"
       }
     },
     "header": {
@@ -85,7 +85,7 @@ export default {
     "content": {
       "border": {
         "width": "{border-width.0}",
-        "color": "#b7b9be"
+        "color": "rgba(11, 18, 14, 0.14)"
       },
       "background": "#ffffff",
       "color": "#292a2e",
@@ -111,7 +111,7 @@ export default {
       }
     },
     "border": {
-      "color": "#b7b9be",
+      "color": "rgba(11, 18, 14, 0.14)",
       "radius": "{border-radius.sm}"
     },
     "hover": {
@@ -151,7 +151,7 @@ export default {
     "overlay": {
       "background": "#ffffff",
       "border": {
-        "color": "#b7b9be",
+        "color": "rgba(11, 18, 14, 0.14)",
         "radius": "{border-radius.sm}"
       },
       "color": "{overlay.select.color}",
@@ -191,19 +191,19 @@ export default {
     "dropdown": {
       "width": "{space.500}",
       "border": {
-        "color": "#b7b9be",
+        "color": "rgba(11, 18, 14, 0.14)",
         "radius": "{border-radius.sm}"
       },
       "hover": {
         "border": {
-          "color": "#b7b9be"
+          "color": "rgba(11, 18, 14, 0.14)"
         },
         "background": "#dddee1",
         "color": "#505258"
       },
       "active": {
         "border": {
-          "color": "#b7b9be"
+          "color": "rgba(11, 18, 14, 0.14)"
         },
         "background": "#b7b9be",
         "color": "#1e1f21"
@@ -659,7 +659,7 @@ export default {
         "border": {
           "color": "#0c625c"
         },
-        "color": "#0b3633"
+        "color": "#014d49"
       },
       "secondary": {
         "hover": {
@@ -766,7 +766,7 @@ export default {
         "active": {
           "background": "#a0cec8"
         },
-        "color": "#0b3633"
+        "color": "#014d49"
       },
       "secondary": {
         "hover": {
@@ -854,7 +854,7 @@ export default {
   "checkbox": {
     "border": {
       "radius": "{border-radius.xs}",
-      "color": "#b7b9be"
+      "color": "rgba(11, 18, 14, 0.14)"
     },
     "width": "{space.250}",
     "height": "{space.250}",
@@ -981,7 +981,7 @@ export default {
   },
   "divider": {
     "border": {
-      "color": "#b7b9be"
+      "color": "rgba(11, 18, 14, 0.14)"
     },
     "content": {
       "background": "{color.transparent}",
@@ -1032,7 +1032,7 @@ export default {
       }
     },
     "border": {
-      "color": "#b7b9be",
+      "color": "rgba(11, 18, 14, 0.14)",
       "radius": "{border-radius.sm}"
     },
     "hover": {
@@ -1098,7 +1098,7 @@ export default {
       "color": "#dddee1"
     },
     "border": {
-      "color": "#b7b9be",
+      "color": "rgba(11, 18, 14, 0.14)",
       "radius": "{border-radius.sm}"
     },
     "invalid": {
@@ -1436,7 +1436,7 @@ export default {
       }
     },
     "border": {
-      "color": "#b7b9be",
+      "color": "rgba(11, 18, 14, 0.14)",
       "radius": "{border-radius.sm}"
     },
     "hover": {
@@ -1480,7 +1480,7 @@ export default {
     "overlay": {
       "background": "#ffffff",
       "border": {
-        "color": "#b7b9be",
+        "color": "rgba(11, 18, 14, 0.14)",
         "radius": "{border-radius.sm}"
       },
       "color": "{overlay.select.color}",
@@ -1611,7 +1611,7 @@ export default {
       "background": "#f8f8f8"
     },
     "border": {
-      "color": "#b7b9be"
+      "color": "rgba(11, 18, 14, 0.14)"
     },
     "hover": {
       "border": {
@@ -1726,7 +1726,7 @@ export default {
     "overlay": {
       "background": "#ffffff",
       "border": {
-        "color": "#b7b9be",
+        "color": "rgba(11, 18, 14, 0.14)",
         "radius": "{border-radius.sm}"
       },
       "color": "{overlay.select.color}",
@@ -1819,13 +1819,13 @@ export default {
     "tablist": {
       "background": "{color.transparent}",
       "border": {
-        "color": "#b7b9be",
+        "color": "rgba(11, 18, 14, 0.14)",
         "width": "{border-width.1}"
       }
     },
     "tab": {
       "border": {
-        "color": "#b7b9be",
+        "color": "rgba(11, 18, 14, 0.14)",
         "width": "{border-width.1}"
       },
       "active": {
@@ -1840,7 +1840,7 @@ export default {
         "color": "#292a2e",
         "background": "{color.transparent}",
         "border": {
-          "color": "#b7b9be"
+          "color": "rgba(11, 18, 14, 0.14)"
         }
       },
       "background": "{color.transparent}",
@@ -1968,7 +1968,7 @@ export default {
       }
     },
     "border": {
-      "color": "#b7b9be",
+      "color": "rgba(11, 18, 14, 0.14)",
       "radius": "{border-radius.sm}"
     },
     "hover": {

package/package.json

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