@vellira-ui/tokens 2.20.0 → 2.22.0

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

@@ -1,11 +1,11 @@
 export declare const tabs: {
     readonly list: {
-        readonly border: "#E8E2F3";
+        readonly border: "#BBB2D2";
     };
     readonly trigger: {
         readonly default: {
             readonly bg: "transparent";
-            readonly fg: "#3A334D";
+            readonly fg: "#4F4867";
             readonly border: "transparent";
         };
         readonly hover: {
@@ -15,8 +15,8 @@ export declare const tabs: {
         };
         readonly active: {
             readonly bg: "transparent";
-            readonly fg: "#5B4BEA";
-            readonly border: "#5B4BEA";
+            readonly fg: "#5037C8";
+            readonly border: "#6346E8";
         };
         readonly focus: {
             readonly ring: "#F4F1FB";
@@ -30,18 +30,18 @@ export declare const tabs: {
     readonly pills: {
         readonly default: {
             readonly bg: "transparent";
-            readonly fg: "#3A334D";
+            readonly fg: "#4F4867";
             readonly border: "transparent";
         };
         readonly hover: {
             readonly bg: "#EEE8FA";
-            readonly fg: "#3A334D";
+            readonly fg: "#4F4867";
             readonly border: "transparent";
         };
         readonly active: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#5037C8";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C6CF2";
+            readonly border: "#7C5CFF";
         };
         readonly disabled: {
             readonly bg: "transparent";
@@ -51,17 +51,17 @@ export declare const tabs: {
     };
     readonly indicator: {
         readonly default: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#5037C8";
         };
         readonly hover: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#5037C8";
         };
         readonly active: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#5037C8";
         };
     };
     readonly panel: {
-        readonly fg: "#3A334D";
+        readonly fg: "#4F4867";
     };
 };
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1,11 +1,11 @@
 export declare const tooltip: {
     readonly content: {
-        readonly bg: "#1B1726";
+        readonly bg: "#181521";
         readonly fg: "#FFFFFF";
-        readonly border: "#E8E2F3";
+        readonly border: "#BBB2D2";
     };
     readonly arrow: {
-        readonly bg: "#1B1726";
+        readonly bg: "#181521";
     };
 };
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1,88 +1,108 @@
 export declare const action: {
     readonly primary: {
         readonly default: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#6346E8";
             readonly fg: "#FFFFFF";
-            readonly border: "#5B4BEA";
+            readonly border: "#6346E8";
         };
         readonly hover: {
-            readonly bg: "#4936D9";
+            readonly bg: "#5037C8";
             readonly fg: "#FFFFFF";
-            readonly border: "#4936D9";
+            readonly border: "#5037C8";
         };
         readonly active: {
-            readonly bg: "#3B2BBF";
+            readonly bg: "#402C9F";
             readonly fg: "#FFFFFF";
-            readonly border: "#3B2BBF";
+            readonly border: "#402C9F";
         };
         readonly muted: {
-            readonly bg: "#7C6CF2";
+            readonly bg: "#7C5CFF";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C6CF2";
+            readonly border: "#7C5CFF";
         };
         readonly subtle: {
-            readonly bg: "#EEF0FF";
-            readonly fg: "#4338CA";
-            readonly border: "#5B4BEA";
+            readonly bg: "#F4F3FF";
+            readonly fg: "#342580";
+            readonly border: "#5037C8";
         };
     };
     readonly secondary: {
         readonly default: {
-            readonly bg: "#4C4F8F";
+            readonly bg: "#0B7D95";
             readonly fg: "#FFFFFF";
-            readonly border: "#4C4F8F";
+            readonly border: "#0B7D95";
         };
         readonly hover: {
-            readonly bg: "#190947";
+            readonly bg: "#0A6175";
             readonly fg: "#FFFFFF";
-            readonly border: "#190947";
+            readonly border: "#0A6175";
         };
         readonly active: {
-            readonly bg: "#160537";
+            readonly bg: "#094C5E";
             readonly fg: "#FFFFFF";
-            readonly border: "#160537";
+            readonly border: "#094C5E";
+        };
+        readonly muted: {
+            readonly bg: "#1FBEDB";
+            readonly fg: "#FFFFFF";
+            readonly border: "#1FBEDB";
+        };
+        readonly subtle: {
+            readonly bg: "#F2FDFF";
+            readonly fg: "#FFFFFF";
+            readonly border: "#0B7D95";
         };
     };
     readonly close: {
         readonly default: {
-            readonly bg: "#E8E2F3";
+            readonly bg: "#D8E4F2";
             readonly fg: "#0F0F0F";
-            readonly border: "#E8E2F3";
+            readonly border: "#D8E4F2";
         };
         readonly hover: {
-            readonly bg: "#D8D3E8";
+            readonly bg: "#C4D0DD";
             readonly fg: "#0F0F0F";
-            readonly border: "#D8D3E8";
+            readonly border: "#C4D0DD";
         };
         readonly active: {
-            readonly bg: "#A8A1BA";
+            readonly bg: "#98A8BD";
             readonly fg: "#0F0F0F";
-            readonly border: "#A8A1BA";
+            readonly border: "#98A8BD";
+        };
+        readonly muted: {
+            readonly bg: "#4B5F7A";
+            readonly fg: "#FFFFFF";
+            readonly border: "#4B5F7A";
+        };
+        readonly subtle: {
+            readonly bg: "#6B7F99";
+            readonly fg: "#FFFFFF";
+            readonly border: "#6B7F99";
         };
     };
     readonly danger: {
         readonly default: {
-            readonly bg: "#DC2626";
+            readonly bg: "#BE123C";
             readonly fg: "#FFFFFF";
-            readonly border: "#DC2626";
+            readonly border: "#BE123C";
         };
         readonly hover: {
-            readonly bg: "#B91C1C";
+            readonly bg: "#9F1239";
             readonly fg: "#FFFFFF";
-            readonly border: "#B91C1C";
+            readonly border: "#9F1239";
         };
         readonly active: {
-            readonly bg: "#B91C1C";
+            readonly bg: "#881337";
             readonly fg: "#FFFFFF";
-            readonly border: "#B91C1C";
+            readonly border: "#881337";
         };
         readonly subtle: {
-            readonly bg: "#FEF2F2";
-            readonly fg: "#DC2626";
+            readonly bg: "#FFF1F2";
+            readonly fg: "#BE123C";
         };
         readonly muted: {
-            readonly bg: "#FFF1F2";
-            readonly fg: "#DC2626";
+            readonly bg: "#FFE4E6";
+            readonly fg: "#BE123C";
         };
     };
 };

package/dist/light/semantic/action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FT,CAAC"}
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GT,CAAC"}

package/dist/light/semantic/action.js

@@ -3,19 +3,19 @@ import { text } from './text.js';
 export const action = {
     primary: {
         default: {
-            bg: colors.primary[700],
+            bg: colors.primary[600],
             fg: text.inverse,
-            border: colors.primary[700],
+            border: colors.primary[600],
         },
         hover: {
-            bg: colors.primary[800],
+            bg: colors.primary[700],
             fg: text.inverse,
-            border: colors.primary[800],
+            border: colors.primary[700],
         },
         active: {
-            bg: colors.primary[950],
+            bg: colors.primary[800],
             fg: text.inverse,
-            border: colors.primary[950],
+            border: colors.primary[800],
         },
         muted: {
             bg: colors.primary[500],
@@ -30,36 +30,56 @@ export const action = {
     },
     secondary: {
         default: {
-            bg: colors.secondary[500],
+            bg: colors.secondary[700],
             fg: text.inverse,
-            border: colors.secondary[500],
+            border: colors.secondary[700],
         },
         hover: {
+            bg: colors.secondary[800],
+            fg: text.inverse,
+            border: colors.secondary[800],
+        },
+        active: {
             bg: colors.secondary[900],
             fg: text.inverse,
             border: colors.secondary[900],
         },
-        active: {
-            bg: colors.secondary[950],
+        muted: {
+            bg: colors.secondary[500],
             fg: text.inverse,
-            border: colors.secondary[950],
+            border: colors.secondary[500],
+        },
+        subtle: {
+            bg: colors.secondary[50],
+            fg: text.inverse,
+            border: colors.secondary[700],
         },
     },
     close: {
         default: {
-            bg: colors.vellira[200],
+            bg: colors.grayBlue[200],
             fg: text.onInverse,
-            border: colors.vellira[200],
+            border: colors.grayBlue[200],
         },
         hover: {
-            bg: colors.vellira[250],
+            bg: colors.grayBlue[300],
             fg: text.onInverse,
-            border: colors.vellira[250],
+            border: colors.grayBlue[300],
         },
         active: {
-            bg: colors.vellira[300],
+            bg: colors.grayBlue[400],
             fg: text.onInverse,
-            border: colors.vellira[300],
+            border: colors.grayBlue[400],
+        },
+        muted: {
+            bg: colors.grayBlue[600],
+            fg: text.inverse,
+            border: colors.grayBlue[600],
+        },
+        subtle: {
+            bg: colors.grayBlue[500],
+            fg: text.inverse,
+            border: colors.grayBlue[500],
         },
     },
     danger: {
@@ -74,9 +94,9 @@ export const action = {
             border: colors.error[800],
         },
         active: {
-            bg: colors.error[800],
+            bg: colors.error[900],
             fg: text.inverse,
-            border: colors.error[800],
+            border: colors.error[900],
         },
         subtle: {
             bg: colors.error[50],

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

@@ -1,9 +1,10 @@
 export declare const border: {
-    readonly default: "#E8E2F3";
+    readonly default: "#BBB2D2";
     readonly muted: "#EEE8FA";
-    readonly subtle: "#D8D3E8";
-    readonly elevated: "#746F86";
-    readonly strong: "#3A334D";
-    readonly focus: "#5B4BEA";
+    readonly subtle: "#D4CEE8";
+    readonly elevated: "#958CB0";
+    readonly strong: "#4F4867";
+    readonly disabled: "#E4DDF4";
+    readonly focus: "#5037C8";
 };
 //# sourceMappingURL=border.d.ts.map

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

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

package/dist/light/semantic/border.js

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

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

@@ -1,29 +1,34 @@
 export declare const control: {
+    readonly default: {
+        readonly bg: "#F4F1FB";
+        readonly fg: "#4F4867";
+        readonly border: "#D4CEE8";
+    };
     readonly hover: {
-        readonly bg: "#EEF0FF";
-        readonly fg: "#4338CA";
-        readonly border: "#5B4BEA";
+        readonly bg: "#F4F3FF";
+        readonly fg: "#342580";
+        readonly border: "#5037C8";
     };
     readonly selected: {
         readonly default: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#5037C8";
             readonly fg: "#FFFFFF";
-            readonly border: "#5B4BEA";
+            readonly border: "#5037C8";
         };
         readonly hover: {
-            readonly bg: "#4936D9";
+            readonly bg: "#402C9F";
             readonly fg: "#FFFFFF";
-            readonly border: "#4936D9";
+            readonly border: "#402C9F";
         };
         readonly active: {
-            readonly bg: "#3B2BBF";
+            readonly bg: "#21164F";
             readonly fg: "#FFFFFF";
-            readonly border: "#3B2BBF";
+            readonly border: "#21164F";
         };
         readonly muted: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#5037C8";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C6CF2";
+            readonly border: "#7C5CFF";
         };
     };
 };

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

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

package/dist/light/semantic/control.js

@@ -1,6 +1,13 @@
 import { colors } from '../../primitives/colors.js';
+import { border } from './border.js';
+import { surface } from './surface.js';
 import { text } from './text.js';
 export const control = {
+    default: {
+        bg: surface.default,
+        fg: text.primary,
+        border: border.subtle,
+    },
     hover: {
         bg: colors.primary[50],
         fg: colors.primary[900],

package/dist/light/semantic/focus.d.ts

@@ -1,5 +1,5 @@
 export declare const focus: {
-    readonly ring: "#5B4BEA";
+    readonly ring: "#5037C8";
     readonly ringOffset: "#FFFFFF";
 };
 //# sourceMappingURL=focus.d.ts.map

package/dist/light/semantic/icons.d.ts

@@ -0,0 +1,15 @@
+export declare const icons: {
+    readonly default: "#0F0F0F";
+    readonly primary: "#7C5CFF";
+    readonly secondary: "#1FBEDB";
+    readonly success: "#059669";
+    readonly muted: "#6B6386";
+    readonly disabled: "#958CB0";
+    readonly subtle: "#FFFFFF";
+    readonly danger: "#E11D48";
+    readonly hover: "#9B7CFF";
+    readonly inverse: "#1A1A1A";
+    readonly onInverse: "#000000";
+    readonly brand: "#9B7CFF";
+};
+//# sourceMappingURL=icons.d.ts.map

package/dist/light/semantic/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAgBR,CAAC"}

package/dist/light/semantic/icons.js

@@ -0,0 +1,15 @@
+import { colors } from '../../primitives/colors.js';
+export const icons = {
+    default: colors.mono[900],
+    primary: colors.primary[500],
+    secondary: colors.secondary[500],
+    success: colors.success[600],
+    muted: colors.vellira[500],
+    disabled: colors.vellira[400],
+    subtle: colors.mono[50],
+    danger: colors.error[600],
+    hover: colors.primary[400],
+    inverse: colors.mono[800],
+    onInverse: colors.mono[950],
+    brand: colors.primary[400],
+};

package/dist/light/semantic/navigation.d.ts

@@ -1,30 +1,30 @@
 export declare const navigation: {
     readonly hover: {
         readonly bg: "#F4F1FB";
-        readonly fg: "#3A334D";
+        readonly fg: "#4F4867";
     };
     readonly active: {
         readonly bg: "#EEE8FA";
-        readonly fg: "#3A334D";
+        readonly fg: "#4F4867";
     };
     readonly brandHover: {
         readonly bg: "#F4F1FB";
-        readonly fg: "#4338CA";
+        readonly fg: "#342580";
     };
     readonly tabHover: {
-        readonly fg: "#7C6CF2";
+        readonly fg: "#7C5CFF";
     };
     readonly tabFocus: {
-        readonly ring: "#FFFF00";
+        readonly ring: "#F59E0B";
     };
     readonly optionHover: {
         readonly bg: "#D1D5DB";
-        readonly fg: "#3A334D";
+        readonly fg: "#4F4867";
     };
     readonly optionActive: {
         readonly bg: "#E5E7EB";
-        readonly fg: "#3A334D";
+        readonly fg: "#4F4867";
     };
-    readonly border: "#E8E2F3";
+    readonly border: "#E4DDF4";
 };
 //# sourceMappingURL=navigation.d.ts.map

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

@@ -1,27 +1,27 @@
 export declare const status: {
     readonly success: {
-        readonly fg: "#008F6A";
+        readonly fg: "#047857";
         readonly bg: "#ECFDF5";
-        readonly border: "#9AFFB8";
-        readonly strong: "#008F6A";
+        readonly border: "#6EE7B7";
+        readonly strong: "#047857";
     };
     readonly error: {
-        readonly fg: "#DC2626";
-        readonly bg: "#FEF2F2";
-        readonly border: "#FF8A8A";
-        readonly strong: "#DC2626";
+        readonly fg: "#F43F5E";
+        readonly bg: "#FFE4E6";
+        readonly border: "#FDA4AF";
+        readonly strong: "#BE123C";
     };
     readonly warning: {
-        readonly fg: "#C05621";
-        readonly bg: "#FFF7ED";
+        readonly fg: "#B45309";
+        readonly bg: "#FFFBEB";
         readonly border: "#FCD34D";
-        readonly strong: "#C05621";
+        readonly strong: "#B45309";
     };
     readonly info: {
-        readonly fg: "#0265c7";
+        readonly fg: "#0C4A6E";
         readonly bg: "#F0F9FF";
-        readonly border: "#7BBCFF";
-        readonly strong: "#0265c7";
+        readonly border: "#0EA5E9";
+        readonly strong: "#0C4A6E";
     };
 };
 //# sourceMappingURL=status.d.ts.map

package/dist/light/semantic/status.js

@@ -7,8 +7,8 @@ export const status = {
         strong: colors.success[700],
     },
     error: {
-        fg: colors.error[700],
-        bg: colors.error[50],
+        fg: colors.error[500],
+        bg: colors.error[100],
         border: colors.error[300],
         strong: colors.error[700],
     },

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

@@ -1,11 +1,13 @@
 export declare const surface: {
-    readonly default: "#FDFCFF";
+    readonly default: "#F4F1FB";
     readonly muted: "#FAF8FF";
-    readonly subtle: "#F4F1FB";
-    readonly elevated: "#FFFFFF";
-    readonly pressed: "#EEE8FA";
+    readonly subtle: "#FFFFFF";
+    readonly elevated: "#D9FBFF";
+    readonly pressed: "#E4DDF4";
+    readonly disabled: "#F4F1FB";
+    readonly danger: string;
     readonly hover: "#EEE8FA";
-    readonly active: "#413957";
-    readonly inverse: "#1B1726";
+    readonly active: "#BBB2D2";
+    readonly inverse: "#181521";
 };
 //# sourceMappingURL=surface.d.ts.map

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

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

package/dist/light/semantic/surface.js

@@ -1,11 +1,14 @@
 import { colors } from '../../primitives/colors.js';
+import { withAlpha } from '../../utils/color.js';
 export const surface = {
-    default: colors.vellira[25],
+    default: colors.vellira[100],
     muted: colors.vellira[50],
-    subtle: colors.vellira[100],
-    elevated: colors.mono[50],
-    pressed: colors.vellira[150],
+    subtle: colors.mono[50],
+    elevated: colors.secondary[100],
+    pressed: colors.vellira[200],
+    disabled: colors.vellira[100],
+    danger: withAlpha(colors.error[100], 0.5),
     hover: colors.vellira[150],
-    active: colors.vellira[500],
+    active: colors.vellira[300],
     inverse: colors.vellira[950],
 };

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

@@ -1,11 +1,11 @@
 export declare const text: {
-    readonly primary: "#3A334D";
-    readonly secondary: "#413957";
-    readonly muted: "#746F86";
+    readonly primary: "#4F4867";
+    readonly secondary: "#6B6386";
+    readonly muted: "#958CB0";
     readonly disabled: "#9CA3AF";
     readonly subtle: "#1A1A1A";
     readonly inverse: "#FFFFFF";
     readonly onInverse: "#0F0F0F";
-    readonly brand: "#5B4BEA";
+    readonly brand: "#5037C8";
 };
 //# sourceMappingURL=text.d.ts.map