@vellira-ui/tokens 2.26.0 → 2.26.1

package/dist/css/tokens.css

@@ -1,7 +1,7 @@
 /**
  * AUTO-GENERATED FILE
  * DO NOT EDIT MANUALLY
- * Generated: 2026-07-15T21:17:13.072Z
+ * Generated: 2026-07-16T13:32:38.747Z
  */
 
 :root {
@@ -62,7 +62,7 @@
   --color-primary-200: #D4CCFF;
   --color-primary-300: #B8A8FF;
   --color-primary-400: #9B7CFF;
-  --color-primary-500: #7C5CFF;
+  --color-primary-500: #7352F8;
   --color-primary-600: #6346E8;
   --color-primary-700: #5037C8;
   --color-primary-800: #402C9F;
@@ -478,6 +478,7 @@
   --checkbox-hover-bg: #F4F3FF;
   --checkbox-hover-fg: #402C9F;
   --checkbox-hover-border: #5037C8;
+  --checkbox-hover-label-fg: #402C9F;
   --checkbox-checked-default-bg: #6346E8;
   --checkbox-checked-default-fg: #FFFFFF;
   --checkbox-checked-default-border: #6346E8;
@@ -787,7 +788,7 @@
   --color-primary-200: #D4CCFF;
   --color-primary-300: #B8A8FF;
   --color-primary-400: #9B7CFF;
-  --color-primary-500: #7C5CFF;
+  --color-primary-500: #7352F8;
   --color-primary-600: #6346E8;
   --color-primary-700: #5037C8;
   --color-primary-800: #402C9F;
@@ -901,9 +902,9 @@
   --action-primary-default-bg: #6346E8;
   --action-primary-default-fg: #FFFFFF;
   --action-primary-default-border: #6346E8;
-  --action-primary-hover-bg: #7C5CFF;
+  --action-primary-hover-bg: #7352F8;
   --action-primary-hover-fg: #FFFFFF;
-  --action-primary-hover-border: #7C5CFF;
+  --action-primary-hover-border: #7352F8;
   --action-primary-active-bg: #5037C8;
   --action-primary-active-fg: #FFFFFF;
   --action-primary-active-border: #5037C8;
@@ -928,19 +929,19 @@
   --action-secondary-subtle-bg: #B4F4FD;
   --action-secondary-subtle-fg: #0A6175;
   --action-secondary-subtle-border: transparent;
-  --action-close-default-bg: #958CB0;
+  --action-close-default-bg: #BBB2D2;
   --action-close-default-fg: #000000;
-  --action-close-default-border: #958CB0;
-  --action-close-hover-bg: #BBB2D2;
+  --action-close-default-border: #BBB2D2;
+  --action-close-hover-bg: #E4DDF4;
   --action-close-hover-fg: #000000;
-  --action-close-hover-border: #BBB2D2;
+  --action-close-hover-border: #E4DDF4;
   --action-close-active-bg: #6B6386;
-  --action-close-active-fg: #000000;
+  --action-close-active-fg: #FFFFFF;
   --action-close-active-border: #6B6386;
   --action-close-muted-bg: #231F31;
   --action-close-muted-fg: #FFFFFF;
   --action-close-muted-border: #3D3754;
-  --action-close-subtle-bg: #E4DDF4;
+  --action-close-subtle-bg: #EEE8FA;
   --action-close-subtle-fg: #BBB2D2;
   --action-close-subtle-border: transparent;
   --action-danger-default-bg: #E11D48;
@@ -977,9 +978,9 @@
   --control-disabled-bg: #2F2A42;
   --control-disabled-fg: #6B6386;
   --control-disabled-border: #3D3754;
-  --control-selected-default-bg: #7C5CFF;
+  --control-selected-default-bg: #7352F8;
   --control-selected-default-fg: #FFFFFF;
-  --control-selected-default-border: #7C5CFF;
+  --control-selected-default-border: #7352F8;
   --control-selected-hover-bg: #9B7CFF;
   --control-selected-hover-fg: #FFFFFF;
   --control-selected-hover-border: #9B7CFF;
@@ -1084,26 +1085,26 @@
   --text-brand: #B8A8FF;
   --text-interactive: #B8A8FF;
   --text-interactive-hover: #9B7CFF;
-  --text-interactive-active: #7C5CFF;
+  --text-interactive-active: #7352F8;
   --text-inverse: #000000;
   --button-primary-solid-default-bg: #6346E8;
   --button-primary-solid-default-fg: #FFFFFF;
   --button-primary-solid-default-border: #6346E8;
-  --button-primary-solid-hover-bg: #7C5CFF;
+  --button-primary-solid-hover-bg: #7352F8;
   --button-primary-solid-hover-fg: #FFFFFF;
-  --button-primary-solid-hover-border: #7C5CFF;
+  --button-primary-solid-hover-border: #7352F8;
   --button-primary-solid-pressed-bg: #5037C8;
   --button-primary-solid-pressed-fg: #FFFFFF;
   --button-primary-solid-pressed-border: #5037C8;
   --button-primary-outline-default-bg: transparent;
   --button-primary-outline-default-fg: #B8A8FF;
-  --button-primary-outline-default-border: #7C5CFF;
+  --button-primary-outline-default-border: #7352F8;
   --button-primary-outline-hover-bg: #2F2A42;
   --button-primary-outline-hover-fg: #D4CCFF;
   --button-primary-outline-hover-border: #9B7CFF;
   --button-primary-outline-pressed-bg: #3D3754;
   --button-primary-outline-pressed-fg: #E9E6FF;
-  --button-primary-outline-pressed-border: #7C5CFF;
+  --button-primary-outline-pressed-border: #7352F8;
   --button-primary-ghost-default-bg: transparent;
   --button-primary-ghost-default-border: transparent;
   --button-primary-ghost-default-fg: #B8A8FF;
@@ -1140,14 +1141,14 @@
   --button-secondary-ghost-pressed-bg: #3D3754;
   --button-secondary-ghost-pressed-border: transparent;
   --button-secondary-ghost-pressed-fg: #D9FBFF;
-  --button-close-solid-default-bg: #958CB0;
+  --button-close-solid-default-bg: #BBB2D2;
   --button-close-solid-default-fg: #000000;
-  --button-close-solid-default-border: #958CB0;
-  --button-close-solid-hover-bg: #BBB2D2;
+  --button-close-solid-default-border: #BBB2D2;
+  --button-close-solid-hover-bg: #E4DDF4;
   --button-close-solid-hover-fg: #000000;
-  --button-close-solid-hover-border: #BBB2D2;
+  --button-close-solid-hover-border: #E4DDF4;
   --button-close-solid-pressed-bg: #6B6386;
-  --button-close-solid-pressed-fg: #000000;
+  --button-close-solid-pressed-fg: #FFFFFF;
   --button-close-solid-pressed-border: #6B6386;
   --button-close-outline-default-bg: transparent;
   --button-close-outline-default-fg: #BBB2D2;
@@ -1203,9 +1204,10 @@
   --checkbox-hover-bg: #2F2A42;
   --checkbox-hover-fg: #B8A8FF;
   --checkbox-hover-border: #B8A8FF;
-  --checkbox-checked-default-bg: #7C5CFF;
+  --checkbox-hover-label-fg: #9B7CFF;
+  --checkbox-checked-default-bg: #7352F8;
   --checkbox-checked-default-fg: #FFFFFF;
-  --checkbox-checked-default-border: #7C5CFF;
+  --checkbox-checked-default-border: #7352F8;
   --checkbox-checked-default-label-fg: #B8A8FF;
   --checkbox-checked-hover-bg: #9B7CFF;
   --checkbox-checked-hover-fg: #FFFFFF;
@@ -1214,7 +1216,7 @@
   --checkbox-checked-pressed-bg: #6346E8;
   --checkbox-checked-pressed-fg: #FFFFFF;
   --checkbox-checked-pressed-border: #6346E8;
-  --checkbox-checked-pressed-label-fg: #7C5CFF;
+  --checkbox-checked-pressed-label-fg: #7352F8;
   --checkbox-focus-ring: #B8A8FF;
   --checkbox-disabled-bg: #2F2A42;
   --checkbox-disabled-fg: #6B6386;
@@ -1402,7 +1404,7 @@
   --radio-pressed-border: #B8A8FF;
   --radio-checked-default-bg: #181521;
   --radio-checked-default-fg: #B8A8FF;
-  --radio-checked-default-border: #7C5CFF;
+  --radio-checked-default-border: #7352F8;
   --radio-checked-default-label-fg: #B8A8FF;
   --radio-checked-hover-bg: #2F2A42;
   --radio-checked-hover-fg: #D4CCFF;
@@ -1495,7 +1497,7 @@
   --tabs-pills-disabled-fg: #6B6386;
   --tabs-pills-disabled-border: transparent;
   --tabs-indicator-default-bg: #B8A8FF;
-  --tabs-indicator-hover-bg: #7C5CFF;
+  --tabs-indicator-hover-bg: #7352F8;
   --tabs-indicator-active-bg: #6346E8;
   --tabs-panel-fg: #F4F1FB;
   --tooltip-content-bg: #FFFFFF;
@@ -1512,7 +1514,7 @@
   --color-primary-200: #D4CCFF;
   --color-primary-300: #B8A8FF;
   --color-primary-400: #9B7CFF;
-  --color-primary-500: #7C5CFF;
+  --color-primary-500: #7352F8;
   --color-primary-600: #6346E8;
   --color-primary-700: #5037C8;
   --color-primary-800: #402C9F;
@@ -1623,7 +1625,7 @@
   --color-mono-800: #1A1A1A;
   --color-mono-900: #0F0F0F;
   --color-mono-950: #000000;
-  --action-primary-default-bg: #7C5CFF;
+  --action-primary-default-bg: #7352F8;
   --action-primary-default-fg: #FFFFFF;
   --action-primary-default-border: #FFFFFF;
   --action-primary-hover-bg: #9B7CFF;
@@ -1668,13 +1670,13 @@
   --action-close-subtle-bg: #111827;
   --action-close-subtle-fg: #FFFFFF;
   --action-close-subtle-border: transparent;
-  --action-danger-default-bg: #F43F5E;
+  --action-danger-default-bg: #E11D48;
   --action-danger-default-fg: #FFFFFF;
   --action-danger-default-border: #FFFFFF;
-  --action-danger-hover-bg: #FB7185;
+  --action-danger-hover-bg: #F43F5E;
   --action-danger-hover-fg: #000000;
   --action-danger-hover-border: #FCD34D;
-  --action-danger-active-bg: #E11D48;
+  --action-danger-active-bg: #BE123C;
   --action-danger-active-fg: #FFFFFF;
   --action-danger-active-border: #FCD34D;
   --action-danger-muted-bg: #4C0519;
@@ -1822,7 +1824,7 @@
   --text-interactive-hover: #FCD34D;
   --text-interactive-active: #FDE68A;
   --text-inverse: #000000;
-  --button-primary-solid-default-bg: #7C5CFF;
+  --button-primary-solid-default-bg: #7352F8;
   --button-primary-solid-default-fg: #FFFFFF;
   --button-primary-solid-default-border: #FFFFFF;
   --button-primary-solid-hover-bg: #9B7CFF;
@@ -1903,13 +1905,13 @@
   --button-close-ghost-pressed-bg: #1F2937;
   --button-close-ghost-pressed-border: transparent;
   --button-close-ghost-pressed-fg: #FFFFFF;
-  --button-danger-solid-default-bg: #F43F5E;
+  --button-danger-solid-default-bg: #E11D48;
   --button-danger-solid-default-fg: #FFFFFF;
   --button-danger-solid-default-border: #FFFFFF;
-  --button-danger-solid-hover-bg: #FB7185;
+  --button-danger-solid-hover-bg: #F43F5E;
   --button-danger-solid-hover-fg: #000000;
   --button-danger-solid-hover-border: #FCD34D;
-  --button-danger-solid-pressed-bg: #E11D48;
+  --button-danger-solid-pressed-bg: #BE123C;
   --button-danger-solid-pressed-fg: #FFFFFF;
   --button-danger-solid-pressed-border: #FCD34D;
   --button-danger-outline-default-bg: transparent;
@@ -1939,6 +1941,7 @@
   --checkbox-hover-bg: #374151;
   --checkbox-hover-fg: #FBBF24;
   --checkbox-hover-border: #FCD34D;
+  --checkbox-hover-label-fg: #FCD34D;
   --checkbox-checked-default-bg: #FCD34D;
   --checkbox-checked-default-fg: #000000;
   --checkbox-checked-default-border: #FCD34D;

package/dist/dark/components/button.d.ts

@@ -7,9 +7,9 @@ export declare const button: {
                 readonly border: "#6346E8";
             };
             readonly hover: {
-                readonly bg: "#7C5CFF";
+                readonly bg: "#7352F8";
                 readonly fg: "#FFFFFF";
-                readonly border: "#7C5CFF";
+                readonly border: "#7352F8";
             };
             readonly pressed: {
                 readonly bg: "#5037C8";
@@ -21,7 +21,7 @@ export declare const button: {
             readonly default: {
                 readonly bg: "transparent";
                 readonly fg: "#B8A8FF";
-                readonly border: "#7C5CFF";
+                readonly border: "#7352F8";
             };
             readonly hover: {
                 readonly bg: "#2F2A42";
@@ -31,7 +31,7 @@ export declare const button: {
             readonly pressed: {
                 readonly bg: "#3D3754";
                 readonly fg: "#E9E6FF";
-                readonly border: "#7C5CFF";
+                readonly border: "#7352F8";
             };
         };
         readonly ghost: {
@@ -108,18 +108,18 @@ export declare const button: {
     readonly close: {
         readonly solid: {
             readonly default: {
-                readonly bg: "#958CB0";
+                readonly bg: "#BBB2D2";
                 readonly fg: "#000000";
-                readonly border: "#958CB0";
+                readonly border: "#BBB2D2";
             };
             readonly hover: {
-                readonly bg: "#BBB2D2";
+                readonly bg: "#E4DDF4";
                 readonly fg: "#000000";
-                readonly border: "#BBB2D2";
+                readonly border: "#E4DDF4";
             };
             readonly pressed: {
                 readonly bg: "#6B6386";
-                readonly fg: "#000000";
+                readonly fg: "#FFFFFF";
                 readonly border: "#6B6386";
             };
         };

package/dist/dark/components/checkbox.d.ts

@@ -5,6 +5,7 @@ export declare const checkbox: {
         readonly border: "#4F4867";
     };
     readonly hover: {
+        readonly labelFg: "#9B7CFF";
         readonly bg: "#2F2A42";
         readonly fg: "#B8A8FF";
         readonly border: "#B8A8FF";
@@ -12,9 +13,9 @@ export declare const checkbox: {
     readonly checked: {
         readonly default: {
             readonly labelFg: "#B8A8FF";
-            readonly bg: "#7C5CFF";
+            readonly bg: "#7352F8";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C5CFF";
+            readonly border: "#7352F8";
         };
         readonly hover: {
             readonly labelFg: "#9B7CFF";
@@ -23,7 +24,7 @@ export declare const checkbox: {
             readonly border: "#9B7CFF";
         };
         readonly pressed: {
-            readonly labelFg: "#7C5CFF";
+            readonly labelFg: "#7352F8";
             readonly bg: "#6346E8";
             readonly fg: "#FFFFFF";
             readonly border: "#6346E8";

package/dist/dark/components/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/dark/components/checkbox.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CX,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/dark/components/checkbox.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CX,CAAC"}

package/dist/dark/components/checkbox.js

@@ -11,9 +11,8 @@ export const checkbox = {
         border: border.default,
     },
     hover: {
-        bg: control.hover.bg,
-        fg: control.hover.fg,
-        border: control.hover.border,
+        ...control.hover,
+        labelFg: text.interactiveHover,
     },
     checked: {
         default: {

package/dist/dark/components/radio.d.ts

@@ -18,7 +18,7 @@ export declare const radio: {
         readonly default: {
             readonly bg: "#181521";
             readonly fg: "#B8A8FF";
-            readonly border: "#7C5CFF";
+            readonly border: "#7352F8";
             readonly labelFg: "#B8A8FF";
         };
         readonly hover: {

package/dist/dark/components/tabs.d.ts

@@ -59,7 +59,7 @@ export declare const tabs: {
             readonly bg: "#B8A8FF";
         };
         readonly hover: {
-            readonly bg: "#7C5CFF";
+            readonly bg: "#7352F8";
         };
         readonly active: {
             readonly bg: "#6346E8";

package/dist/dark/semantic/action.d.ts

@@ -6,9 +6,9 @@ export declare const action: {
             readonly border: "#6346E8";
         };
         readonly hover: {
-            readonly bg: "#7C5CFF";
+            readonly bg: "#7352F8";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C5CFF";
+            readonly border: "#7352F8";
         };
         readonly active: {
             readonly bg: "#5037C8";
@@ -55,18 +55,18 @@ export declare const action: {
     };
     readonly close: {
         readonly default: {
-            readonly bg: "#958CB0";
+            readonly bg: "#BBB2D2";
             readonly fg: "#000000";
-            readonly border: "#958CB0";
+            readonly border: "#BBB2D2";
         };
         readonly hover: {
-            readonly bg: "#BBB2D2";
+            readonly bg: "#E4DDF4";
             readonly fg: "#000000";
-            readonly border: "#BBB2D2";
+            readonly border: "#E4DDF4";
         };
         readonly active: {
             readonly bg: "#6B6386";
-            readonly fg: "#000000";
+            readonly fg: "#FFFFFF";
             readonly border: "#6B6386";
         };
         readonly muted: {
@@ -75,7 +75,7 @@ export declare const action: {
             readonly border: "#3D3754";
         };
         readonly subtle: {
-            readonly bg: "#E4DDF4";
+            readonly bg: "#EEE8FA";
             readonly fg: "#BBB2D2";
             readonly border: "transparent";
         };

package/dist/dark/semantic/action.js

@@ -57,18 +57,18 @@ export const action = {
     },
     close: {
         default: {
-            bg: colors.vellira[400],
+            bg: colors.vellira[300],
             fg: text.inverse,
-            border: colors.vellira[400],
+            border: colors.vellira[300],
         },
         hover: {
-            bg: colors.vellira[300],
+            bg: colors.vellira[200],
             fg: text.inverse,
-            border: colors.vellira[300],
+            border: colors.vellira[200],
         },
         active: {
             bg: colors.vellira[500],
-            fg: text.inverse,
+            fg: colors.mono[50],
             border: colors.vellira[500],
         },
         muted: {
@@ -77,7 +77,7 @@ export const action = {
             border: colors.vellira[700],
         },
         subtle: {
-            bg: colors.vellira[200],
+            bg: colors.vellira[150],
             fg: text.secondary,
             border: 'transparent',
         },

package/dist/dark/semantic/control.d.ts

@@ -21,9 +21,9 @@ export declare const control: {
     };
     readonly selected: {
         readonly default: {
-            readonly bg: "#7C5CFF";
+            readonly bg: "#7352F8";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C5CFF";
+            readonly border: "#7352F8";
         };
         readonly hover: {
             readonly bg: "#9B7CFF";

package/dist/dark/semantic/text.d.ts

@@ -7,7 +7,7 @@ export declare const text: {
     readonly brand: "#B8A8FF";
     readonly interactive: "#B8A8FF";
     readonly interactiveHover: "#9B7CFF";
-    readonly interactiveActive: "#7C5CFF";
+    readonly interactiveActive: "#7352F8";
     readonly inverse: "#000000";
 };
 //# sourceMappingURL=text.d.ts.map

package/dist/dark/theme.d.ts

@@ -9,7 +9,7 @@ export declare const darkTheme: {
             readonly 200: "#D4CCFF";
             readonly 300: "#B8A8FF";
             readonly 400: "#9B7CFF";
-            readonly 500: "#7C5CFF";
+            readonly 500: "#7352F8";
             readonly 600: "#6346E8";
             readonly 700: "#5037C8";
             readonly 800: "#402C9F";