@vellira-ui/tokens 2.23.0 → 2.25.0

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

@@ -77,7 +77,7 @@ export declare const button: {
                 readonly bg: string;
             };
             readonly hover: {
-                readonly bg: "#231F31";
+                readonly bg: "#3D3754";
                 readonly fg: "#3ED5EE";
                 readonly border: "#3ED5EE";
             };
@@ -94,7 +94,7 @@ export declare const button: {
                 readonly bg: string;
             };
             readonly hover: {
-                readonly bg: "#231F31";
+                readonly bg: "#3D3754";
                 readonly fg: "#B4F4FD";
                 readonly border: "transparent";
             };
@@ -212,9 +212,9 @@ export declare const button: {
         };
     };
     readonly disabled: {
-        readonly bg: "#231F31";
-        readonly fg: "#958CB0";
-        readonly border: "#3D3754";
+        readonly bg: "#2F2A42";
+        readonly fg: "#6B6386";
+        readonly border: "#4F4867";
     };
 };
 //# sourceMappingURL=button.d.ts.map

package/dist/dark/components/button.js

@@ -61,7 +61,7 @@ export const button = {
                 border: action.secondary.muted.border,
             },
             hover: {
-                bg: surface.muted,
+                bg: surface.elevated,
                 fg: action.secondary.hover.bg,
                 border: action.secondary.hover.border,
             },
@@ -78,7 +78,7 @@ export const button = {
                 border: 'transparent',
             },
             hover: {
-                bg: surface.muted,
+                bg: surface.elevated,
                 fg: action.secondary.subtle.bg,
                 border: 'transparent',
             },
@@ -172,8 +172,8 @@ export const button = {
         },
     },
     disabled: {
-        bg: surface.muted,
+        bg: surface.disabled,
         fg: text.disabled,
-        border: border.muted,
+        border: border.disabled,
     },
 };

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

@@ -2,7 +2,7 @@ export declare const checkbox: {
     readonly default: {
         readonly bg: "#3D3754";
         readonly fg: "#FFFFFF";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly hover: {
         readonly fg: "#FFFFFF";
@@ -11,9 +11,9 @@ export declare const checkbox: {
     };
     readonly checked: {
         readonly default: {
-            readonly bg: "#6346E8";
+            readonly bg: "#9B7CFF";
             readonly fg: "#FFFFFF";
-            readonly border: "#6346E8";
+            readonly border: "#9B7CFF";
         };
         readonly hover: {
             readonly bg: "#5037C8";
@@ -30,9 +30,9 @@ export declare const checkbox: {
         readonly ring: "#B8A8FF";
     };
     readonly disabled: {
-        readonly bg: "#2F2A42";
-        readonly fg: "#958CB0";
-        readonly border: "#4F4867";
+        readonly bg: "#242034";
+        readonly fg: "#6B6386";
+        readonly border: "#958CB0";
     };
     readonly error: {
         readonly fg: "#FB7185";

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

@@ -18,15 +18,15 @@ export declare const dropdown: {
             readonly ring: "#B8A8FF";
         };
         readonly disabled: {
-            readonly bg: "#2F2A42";
-            readonly fg: "#958CB0";
-            readonly border: "#4F4867";
+            readonly bg: "#242034";
+            readonly fg: "#6B6386";
+            readonly border: "#958CB0";
         };
     };
     readonly content: {
         readonly bg: "#3D3754";
         readonly fg: "#F4F1FB";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly item: {
         readonly default: {
@@ -47,7 +47,7 @@ export declare const dropdown: {
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly fg: "#6B6386";
         };
         readonly danger: {
             readonly default: {
@@ -58,7 +58,7 @@ export declare const dropdown: {
                 readonly fg: "#FB7185";
             };
             readonly active: {
-                readonly bg: "#FB7185";
+                readonly bg: "#F43F5E";
                 readonly fg: "#FB7185";
                 readonly ring: "transparent";
             };

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

@@ -26,9 +26,9 @@ export declare const formField: {
         readonly fg: "#FB7185";
     };
     readonly disabled: {
-        readonly labelFg: "#958CB0";
-        readonly descriptionFg: "#958CB0";
-        readonly helperTextFg: "#958CB0";
+        readonly labelFg: "#6B6386";
+        readonly descriptionFg: "#6B6386";
+        readonly helperTextFg: "#6B6386";
     };
 };
 //# sourceMappingURL=formField.d.ts.map

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

@@ -2,7 +2,7 @@ export declare const input: {
     readonly default: {
         readonly bg: "transparent";
         readonly fg: "#F4F1FB";
-        readonly border: "#6B6386";
+        readonly border: "#958CB0";
         readonly placeholder: "#BBB2D2";
         readonly icon: "#9B7CFF";
     };
@@ -23,13 +23,13 @@ export declare const input: {
     };
     readonly disabled: {
         readonly bg: "#3D3754";
-        readonly fg: "#958CB0";
-        readonly border: "#4F4867";
-        readonly placeholder: "#958CB0";
+        readonly fg: "#6B6386";
+        readonly border: "#958CB0";
+        readonly placeholder: "#6B6386";
         readonly icon: "#D1D5DB";
     };
     readonly error: {
-        readonly border: "#FB7185";
+        readonly border: "#F43F5E";
         readonly ring: "#FB7185";
     };
     readonly success: {
@@ -37,9 +37,9 @@ export declare const input: {
         readonly ring: "#34D399";
     };
     readonly readOnly: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#242034";
         readonly fg: "#BBB2D2";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
         readonly placeholder: "#6B6386";
         readonly icon: "#9CA3AF";
     };
@@ -51,6 +51,7 @@ export declare const input: {
         readonly danger: "#F43F5E";
         readonly muted: "#9CA3AF";
         readonly inverse: "#1A1A1A";
+        readonly brand: "#9B7CFF";
     };
     readonly clearButton: {
         readonly fg: "#FB7185";

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/dark/components/input.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqER,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/dark/components/input.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsER,CAAC"}

package/dist/dark/components/input.js

@@ -8,7 +8,7 @@ export const input = {
     default: {
         bg: 'transparent',
         fg: text.primary,
-        border: border.elevated,
+        border: border.default,
         placeholder: text.secondary,
         icon: icons.brand,
     },
@@ -57,6 +57,7 @@ export const input = {
         danger: icons.danger,
         muted: icons.muted,
         inverse: icons.inverse,
+        brand: icons.brand,
     },
     clearButton: {
         fg: status.error.fg,

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

@@ -16,8 +16,8 @@ export declare const menu: {
             readonly ring: "transparent";
         };
         readonly disabled: {
-            readonly bg: "#2F2A42";
-            readonly fg: "#958CB0";
+            readonly bg: "#242034";
+            readonly fg: "#6B6386";
         };
         readonly danger: {
             readonly default: {
@@ -28,7 +28,7 @@ export declare const menu: {
                 readonly fg: "#FB7185";
             };
             readonly active: {
-                readonly bg: "#FB7185";
+                readonly bg: "#F43F5E";
                 readonly fg: "#FB7185";
             };
         };

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

@@ -5,7 +5,7 @@ export declare const modal: {
     readonly content: {
         readonly bg: "#3D3754";
         readonly fg: "#F4F1FB";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly title: {
         readonly fg: "#F4F1FB";
@@ -19,12 +19,12 @@ export declare const modal: {
             readonly fg: "#BBB2D2";
         };
         readonly hover: {
-            readonly bg: "#2F2A42";
+            readonly bg: "#242034";
             readonly fg: "#F4F1FB";
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly fg: "#6B6386";
         };
     };
 };

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

@@ -2,18 +2,23 @@ export declare const radio: {
     readonly default: {
         readonly bg: "#3D3754";
         readonly fg: "#F4F1FB";
-        readonly border: "#231F31";
+        readonly border: "#958CB0";
     };
     readonly hover: {
         readonly bg: "#3D3754";
         readonly fg: "#B8A8FF";
         readonly border: "#B8A8FF";
     };
+    readonly pressed: {
+        readonly bg: "#E9E6FF";
+        readonly fg: "#342580";
+        readonly border: "#402C9F";
+    };
     readonly checked: {
         readonly default: {
             readonly fg: "#B8A8FF";
-            readonly bg: "#6346E8";
-            readonly border: "#6346E8";
+            readonly bg: "#9B7CFF";
+            readonly border: "#9B7CFF";
         };
         readonly hover: {
             readonly fg: "#B8A8FF";
@@ -21,17 +26,28 @@ export declare const radio: {
             readonly border: "#5037C8";
         };
         readonly pressed: {
+            readonly fg: "#B8A8FF";
             readonly bg: "#402C9F";
-            readonly fg: "#FFFFFF";
             readonly border: "#402C9F";
         };
+        readonly disabled: {
+            readonly bg: "#2F2A42";
+            readonly fg: "#6B6386";
+            readonly border: "#4F4867";
+        };
     };
     readonly focus: {
         readonly ring: "#B8A8FF";
+        readonly border: "#B8A8FF";
+    };
+    readonly invalid: {
+        readonly bg: "#181521";
+        readonly fg: "#FFFFFF";
+        readonly border: "#F43F5E";
     };
     readonly disabled: {
         readonly bg: "#2F2A42";
-        readonly fg: "#958CB0";
+        readonly fg: "#6B6386";
         readonly border: "#4F4867";
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BR,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDR,CAAC"}

package/dist/dark/components/radio.js

@@ -1,15 +1,17 @@
 import { border } from '../semantic/border.js';
 import { control } from '../semantic/control.js';
 import { focus } from '../semantic/focus.js';
+import { status } from '../semantic/status.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
 export const radio = {
     default: {
         bg: surface.elevated,
         fg: text.primary,
-        border: border.subtle,
+        border: border.default,
     },
     hover: control.hover,
+    pressed: control.active,
     checked: {
         default: {
             ...control.selected.default,
@@ -19,14 +21,28 @@ export const radio = {
             ...control.selected.hover,
             fg: text.brand,
         },
-        pressed: control.selected.active,
+        pressed: {
+            ...control.selected.active,
+            fg: text.brand,
+        },
+        disabled: {
+            bg: surface.disabled,
+            fg: text.disabled,
+            border: border.disabled,
+        },
     },
     focus: {
         ring: focus.ring,
+        border: border.focus,
+    },
+    invalid: {
+        bg: surface.default,
+        fg: text.inverse,
+        border: status.error.border,
     },
     disabled: {
-        bg: surface.subtle,
+        bg: surface.disabled,
         fg: text.disabled,
-        border: border.default,
+        border: border.disabled,
     },
 };

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

@@ -3,7 +3,7 @@ export declare const select: {
         readonly default: {
             readonly bg: "transparent";
             readonly fg: "#FFFFFF";
-            readonly border: "#231F31";
+            readonly border: "#958CB0";
         };
         readonly hover: {
             readonly bg: "#3D3754";
@@ -18,7 +18,7 @@ export declare const select: {
         };
         readonly disabled: {
             readonly bg: "#2F2A42";
-            readonly fg: "#958CB0";
+            readonly fg: "#6B6386";
             readonly border: "#4F4867";
         };
         readonly placeholder: {
@@ -32,13 +32,13 @@ export declare const select: {
     readonly dropdown: {
         readonly bg: "#3D3754";
         readonly fg: "#F4F1FB";
-        readonly border: "#4F4867";
+        readonly border: "#3D3754";
     };
     readonly option: {
         readonly default: {
             readonly bg: "transparent";
             readonly fg: "#F4F1FB";
-            readonly border: "#4F4867";
+            readonly border: "#958CB0";
         };
         readonly hover: {
             readonly bg: "#6B6386";
@@ -55,8 +55,8 @@ export declare const select: {
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
-            readonly border: "#4F4867";
+            readonly fg: "#6B6386";
+            readonly border: "#958CB0";
         };
     };
 };

package/dist/dark/components/select.js

@@ -9,7 +9,7 @@ export const select = {
         default: {
             bg: 'transparent',
             fg: text.subtle,
-            border: border.subtle,
+            border: border.default,
         },
         hover: control.hover,
         focus: {
@@ -19,9 +19,9 @@ export const select = {
             ring: focus.ring,
         },
         disabled: {
-            bg: surface.subtle,
+            bg: surface.disabled,
             fg: text.disabled,
-            border: border.default,
+            border: border.disabled,
         },
         placeholder: {
             fg: text.secondary,
@@ -34,7 +34,7 @@ export const select = {
     dropdown: {
         bg: surface.elevated,
         fg: text.primary,
-        border: border.default,
+        border: border.muted,
     },
     option: {
         default: {

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

@@ -1,6 +1,6 @@
 export declare const tabs: {
     readonly list: {
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly trigger: {
         readonly default: {
@@ -23,7 +23,7 @@ export declare const tabs: {
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly fg: "#6B6386";
             readonly border: "transparent";
         };
     };
@@ -45,7 +45,7 @@ export declare const tabs: {
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly fg: "#6B6386";
             readonly border: "transparent";
         };
     };

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

@@ -2,7 +2,7 @@ export declare const tooltip: {
     readonly content: {
         readonly bg: "#FFFFFF";
         readonly fg: "#000000";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly arrow: {
         readonly bg: "#FFFFFF";

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

@@ -1,9 +1,10 @@
 export declare const border: {
-    readonly default: "#4F4867";
+    readonly default: "#958CB0";
     readonly muted: "#3D3754";
     readonly strong: "#2F2A42";
     readonly subtle: "#231F31";
     readonly elevated: "#6B6386";
+    readonly disabled: "#4F4867";
     readonly focus: "#B8A8FF";
 };
 //# sourceMappingURL=border.d.ts.map

package/dist/dark/semantic/border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;CAQT,CAAC"}
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;CAST,CAAC"}

package/dist/dark/semantic/border.js

@@ -1,9 +1,10 @@
 import { colors } from '../../primitives/colors.js';
 export const border = {
-    default: colors.vellira[600],
+    default: colors.vellira[400],
     muted: colors.vellira[700],
     strong: colors.vellira[800],
     subtle: colors.vellira[900],
     elevated: colors.vellira[500],
+    disabled: colors.vellira[600],
     focus: colors.primary[300],
 };

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

@@ -9,11 +9,16 @@ export declare const control: {
         readonly fg: "#B8A8FF";
         readonly border: "#B8A8FF";
     };
+    readonly active: {
+        readonly bg: "#E9E6FF";
+        readonly fg: "#342580";
+        readonly border: "#402C9F";
+    };
     readonly selected: {
         readonly default: {
-            readonly bg: "#6346E8";
+            readonly bg: "#9B7CFF";
             readonly fg: "#FFFFFF";
-            readonly border: "#6346E8";
+            readonly border: "#9B7CFF";
         };
         readonly hover: {
             readonly bg: "#5037C8";

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

@@ -1 +1 @@
-{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/control.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCV,CAAC"}
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/control.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCV,CAAC"}

package/dist/dark/semantic/control.js

@@ -13,11 +13,16 @@ export const control = {
         fg: text.brand,
         border: colors.primary[300],
     },
+    active: {
+        bg: colors.primary[100],
+        fg: colors.primary[900],
+        border: colors.primary[800],
+    },
     selected: {
         default: {
-            bg: colors.primary[600],
+            bg: colors.primary[400],
             fg: text.inverse,
-            border: colors.primary[600],
+            border: colors.primary[400],
         },
         hover: {
             bg: colors.primary[700],

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

@@ -8,7 +8,7 @@ export declare const status: {
     readonly error: {
         readonly fg: "#FB7185";
         readonly bg: "rgba(251, 113, 133, 0.16)";
-        readonly border: "#FB7185";
+        readonly border: "#F43F5E";
         readonly strong: "#E11D48";
     };
     readonly warning: {

package/dist/dark/semantic/status.js

@@ -9,7 +9,7 @@ export const status = {
     error: {
         fg: colors.error[400],
         bg: 'rgba(251, 113, 133, 0.16)',
-        border: colors.error[400],
+        border: colors.error[500],
         strong: colors.error[600],
     },
     warning: {

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

@@ -1,10 +1,11 @@
 export declare const surface: {
     readonly default: "#181521";
     readonly muted: "#231F31";
-    readonly subtle: "#2F2A42";
+    readonly subtle: "#242034";
     readonly elevated: "#3D3754";
     readonly pressed: "#4F4867";
     readonly danger: string;
+    readonly disabled: "#2F2A42";
     readonly hover: "#3D3754";
     readonly active: "#6B6386";
     readonly inverse: "#FFFFFF";

package/dist/dark/semantic/surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;CAYV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;CAaV,CAAC"}

package/dist/dark/semantic/surface.js

@@ -3,10 +3,11 @@ import { withAlpha } from '../../utils/color.js';
 export const surface = {
     default: colors.vellira[950],
     muted: colors.vellira[900],
-    subtle: colors.vellira[800],
+    subtle: colors.vellira[850],
     elevated: colors.vellira[700],
     pressed: colors.vellira[600],
     danger: withAlpha(colors.error[800], 0.5),
+    disabled: colors.vellira[800],
     hover: colors.vellira[700],
     active: colors.vellira[500],
     inverse: colors.mono[50],

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

@@ -2,7 +2,7 @@ export declare const text: {
     readonly primary: "#F4F1FB";
     readonly secondary: "#BBB2D2";
     readonly muted: "#6B6386";
-    readonly disabled: "#958CB0";
+    readonly disabled: "#6B6386";
     readonly subtle: "#FFFFFF";
     readonly hover: "#9B7CFF";
     readonly inverse: "#FFFFFF";

package/dist/dark/semantic/text.js

@@ -3,7 +3,7 @@ export const text = {
     primary: colors.vellira[100],
     secondary: colors.vellira[300],
     muted: colors.vellira[500],
-    disabled: colors.vellira[400],
+    disabled: colors.vellira[500],
     subtle: colors.mono[50],
     hover: colors.primary[400],
     inverse: colors.mono[50],