@vellira-ui/tokens 2.20.0 → 2.21.0

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

@@ -6,31 +6,31 @@ export declare const input: {
         readonly placeholder: "#E5E7EB";
     };
     readonly hover: {
-        readonly bg: "#FFFF00";
+        readonly bg: "#FBBF24";
         readonly fg: "#000000";
-        readonly border: "#FFFF00";
+        readonly border: "#FBBF24";
         readonly placeholder: "#000000";
     };
     readonly focus: {
         readonly bg: "transparent";
         readonly fg: "#FFFFFF";
-        readonly border: "#FFFF00";
-        readonly ring: "#FFFF00";
+        readonly border: "#FBBF24";
+        readonly ring: "#F59E0B";
         readonly placeholder: "#E5E7EB";
     };
     readonly disabled: {
-        readonly bg: "#111827";
+        readonly bg: "#1F2937";
         readonly fg: "#6B7280";
         readonly border: "#4B5563";
         readonly placeholder: "#6B7280";
     };
     readonly error: {
-        readonly border: "#FF8A8A";
-        readonly ring: "#FF8A8A";
+        readonly border: "#FB7185";
+        readonly ring: "#FB7185";
     };
     readonly success: {
-        readonly border: "#9AFFB8";
-        readonly ring: "#9AFFB8";
+        readonly border: "#6EE7B7";
+        readonly ring: "#6EE7B7";
     };
 };
 //# sourceMappingURL=input.d.ts.map

package/dist/highContrast/components/input.js

@@ -31,7 +31,7 @@ export const input = {
         placeholder: text.disabled,
     },
     error: {
-        border: status.error.strong,
+        border: status.error.border,
         ring: status.error.fg,
     },
     success: {

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

@@ -13,10 +13,10 @@ export declare const menu: {
             readonly fg: "#FFFFFF";
         };
         readonly focus: {
-            readonly ring: "#FFFF00";
+            readonly ring: "#F59E0B";
         };
         readonly disabled: {
-            readonly bg: "#111827";
+            readonly bg: "#1F2937";
             readonly fg: "#6B7280";
         };
         readonly danger: {
@@ -24,12 +24,12 @@ export declare const menu: {
                 readonly fg: "#E11D48";
             };
             readonly hover: {
-                readonly bg: "#111827";
-                readonly fg: "#FF8A8A";
+                readonly bg: "#FDA4AF";
+                readonly fg: "#FDA4AF";
             };
             readonly active: {
-                readonly bg: "#4C0519";
-                readonly fg: "#FF8A8A";
+                readonly bg: "#FB7185";
+                readonly fg: "#FB7185";
             };
         };
     };
@@ -38,7 +38,7 @@ export declare const menu: {
             readonly fg: "#FFFFFF";
         };
         readonly hover: {
-            readonly bg: "#FFFF00";
+            readonly bg: "#F59E0B";
             readonly fg: "#000000";
             readonly ring: "transparent";
         };

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

@@ -19,7 +19,7 @@ export declare const modal: {
             readonly fg: "#EEE8FA";
         };
         readonly hover: {
-            readonly bg: "#1F2937";
+            readonly bg: "#111827";
             readonly fg: "#FFFFFF";
         };
         readonly disabled: {

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

@@ -6,31 +6,31 @@ export declare const radio: {
     };
     readonly hover: {
         readonly bg: "#111827";
-        readonly fg: "#7C6CF2";
-        readonly border: "#A78BFA";
+        readonly fg: "#B8A8FF";
+        readonly border: "#B8A8FF";
     };
     readonly checked: {
         readonly default: {
-            readonly bg: "#8B7CF6";
-            readonly fg: "#6D5BD0";
-            readonly border: "#7C6CF2";
+            readonly bg: "#9B7CFF";
+            readonly fg: "#7C5CFF";
+            readonly border: "#B8A8FF";
         };
         readonly hover: {
             readonly fg: "#FFFFFF";
-            readonly bg: "#0EA5E9";
-            readonly border: "#0EA5E9";
+            readonly bg: "#0369A1";
+            readonly border: "#0369A1";
         };
         readonly pressed: {
             readonly fg: "#FFFFFF";
-            readonly bg: "#4936D9";
-            readonly border: "#4936D9";
+            readonly bg: "#402C9F";
+            readonly border: "#402C9F";
         };
     };
     readonly focus: {
-        readonly ring: "#FFFF00";
+        readonly ring: "#F59E0B";
     };
     readonly disabled: {
-        readonly bg: "#1F2937";
+        readonly bg: "#111827";
         readonly fg: "#6B7280";
         readonly border: "#FFFFFF";
     };

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

@@ -1,38 +1,38 @@
 export declare const select: {
     readonly trigger: {
         readonly default: {
-            readonly bg: "#000000";
+            readonly bg: "transparent";
             readonly fg: "#FFFFFF";
             readonly border: "#FFFFFF";
         };
         readonly hover: {
-            readonly bg: "transparent";
+            readonly bg: "#1F2937";
             readonly fg: "#FFFFFF";
-            readonly border: "#FFFF00";
+            readonly border: "#FBBF24";
         };
         readonly focus: {
             readonly bg: "#000000";
             readonly fg: "#FFFFFF";
-            readonly border: "#FFFF00";
-            readonly ring: "#FFFF00";
+            readonly border: "#FBBF24";
+            readonly ring: "#F59E0B";
         };
         readonly disabled: {
-            readonly bg: "#1F2937";
+            readonly bg: "#111827";
             readonly fg: "#6B7280";
-            readonly border: "#374151";
+            readonly border: "#4B5563";
         };
         readonly placeholder: {
             readonly fg: "#E5E7EB";
         };
         readonly error: {
-            readonly border: "#FF8A8A";
+            readonly border: "#FB7185";
             readonly ring: "#111827";
         };
     };
     readonly dropdown: {
         readonly bg: "#374151";
         readonly fg: "#FFFFFF";
-        readonly border: "#FFFF00";
+        readonly border: "#FBBF24";
     };
     readonly option: {
         readonly default: {
@@ -41,22 +41,22 @@ export declare const select: {
             readonly border: "#4B5563";
         };
         readonly hover: {
-            readonly bg: "#FFFF00";
+            readonly bg: "#FBBF24";
             readonly fg: "#000000";
         };
         readonly active: {
             readonly ring: "transparent";
-            readonly bg: "#FFFF00";
+            readonly bg: "#FBBF24";
             readonly fg: "#000000";
         };
         readonly selected: {
-            readonly bg: "#7C6CF2";
+            readonly bg: "#7C5CFF";
             readonly fg: "#FFFFFF";
         };
         readonly disabled: {
             readonly bg: "transparent";
             readonly fg: "#6B7280";
-            readonly border: "#374151";
+            readonly border: "#4B5563";
         };
     };
 };

package/dist/highContrast/components/select.js

@@ -8,12 +8,12 @@ import { text } from '../semantic/text.js';
 export const select = {
     trigger: {
         default: {
-            bg: surface.default,
+            bg: 'transparent',
             fg: text.primary,
             border: border.default,
         },
         hover: {
-            bg: 'transparent',
+            bg: surface.muted,
             fg: text.primary,
             border: navigation.hover.bg,
         },

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

@@ -10,16 +10,16 @@ export declare const tabs: {
         };
         readonly hover: {
             readonly bg: "transparent";
-            readonly fg: "#FFFF00";
-            readonly border: "#FFFF00";
+            readonly fg: "#FBBF24";
+            readonly border: "#FBBF24";
         };
         readonly active: {
             readonly bg: "transparent";
-            readonly fg: "#A78BFA";
-            readonly border: "#6D5BD0";
+            readonly fg: "#B8A8FF";
+            readonly border: "#6346E8";
         };
         readonly focus: {
-            readonly ring: "#FFFF00";
+            readonly ring: "#FBBF24";
         };
         readonly disabled: {
             readonly bg: "transparent";
@@ -34,14 +34,14 @@ export declare const tabs: {
             readonly border: "transparent";
         };
         readonly hover: {
-            readonly bg: "#FFFF00";
+            readonly bg: "#FBBF24";
             readonly fg: "#000000";
             readonly border: "transparent";
         };
         readonly active: {
-            readonly bg: "#6D5BD0";
+            readonly bg: "#B8A8FF";
             readonly fg: "#FFFFFF";
-            readonly border: "#6D5BD0";
+            readonly border: "#B8A8FF";
         };
         readonly disabled: {
             readonly bg: "transparent";
@@ -51,13 +51,13 @@ export declare const tabs: {
     };
     readonly indicator: {
         readonly default: {
-            readonly bg: "#FFFF00";
+            readonly bg: "#FBBF24";
         };
         readonly hover: {
-            readonly bg: "#FFFF00";
+            readonly bg: "#FBBF24";
         };
         readonly active: {
-            readonly bg: "#A78BFA";
+            readonly bg: "#B8A8FF";
         };
     };
     readonly panel: {

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

@@ -1,46 +1,56 @@
 export declare const action: {
     readonly primary: {
         readonly default: {
-            readonly bg: "#6D5BD0";
+            readonly bg: "#6346E8";
             readonly fg: "#FFFFFF";
-            readonly border: "#6D5BD0";
+            readonly border: "#6346E8";
         };
         readonly hover: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#7C5CFF";
             readonly fg: "#FFFFFF";
-            readonly border: "#5B4BEA";
+            readonly border: "#7C5CFF";
         };
         readonly active: {
-            readonly bg: "#6D5BD0";
+            readonly bg: "#9B7CFF";
             readonly fg: "#FFFFFF";
-            readonly border: "#6D5BD0";
+            readonly border: "#9B7CFF";
         };
         readonly muted: {
-            readonly bg: "#6D5BD0";
+            readonly bg: "#B8A8FF";
             readonly fg: "#FFFFFF";
-            readonly border: "#6D5BD0";
+            readonly border: "#B8A8FF";
         };
         readonly subtle: {
-            readonly bg: "#111827";
+            readonly bg: "#D4CCFF";
             readonly fg: "#000000";
-            readonly border: "#7C6CF2";
+            readonly border: "#D4CCFF";
         };
     };
     readonly secondary: {
         readonly default: {
-            readonly bg: "#0265c7";
-            readonly fg: "#FFFFFF";
-            readonly border: "#0265c7";
+            readonly bg: "#3ED5EE";
+            readonly fg: "#000000";
+            readonly border: "#3ED5EE";
         };
         readonly hover: {
-            readonly bg: "#023ac7";
-            readonly fg: "#FFFFFF";
-            readonly border: "#023ac7";
+            readonly bg: "#79E8F8";
+            readonly fg: "#000000";
+            readonly border: "#79E8F8";
         };
         readonly active: {
-            readonly bg: "#0265c7";
+            readonly bg: "#B4F4FD";
+            readonly fg: "#000000";
+            readonly border: "#B4F4FD";
+        };
+        readonly muted: {
+            readonly bg: "#79E8F8";
             readonly fg: "#FFFFFF";
-            readonly border: "#0265c7";
+            readonly border: "#79E8F8";
+        };
+        readonly subtle: {
+            readonly bg: "#B4F4FD";
+            readonly fg: "#000000";
+            readonly border: "#B4F4FD";
         };
     };
     readonly close: {
@@ -72,17 +82,19 @@ export declare const action: {
             readonly border: "#F43F5E";
         };
         readonly active: {
-            readonly bg: "#B91C1C";
+            readonly bg: "#9F1239";
             readonly fg: "#FFFFFF";
-            readonly border: "#B91C1C";
-        };
-        readonly subtle: {
-            readonly bg: "#111827";
-            readonly fg: "#FF8A8A";
+            readonly border: "#9F1239";
         };
         readonly muted: {
-            readonly bg: "#4C0519";
-            readonly fg: "#FF8A8A";
+            readonly bg: "#FB7185";
+            readonly fg: "#FB7185";
+            readonly border: "#FB7185";
+        };
+        readonly subtle: {
+            readonly bg: "#FDA4AF";
+            readonly fg: "#FDA4AF";
+            readonly border: "#FDA4AF";
         };
     };
 };

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

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

package/dist/highContrast/semantic/action.js

@@ -8,41 +8,51 @@ export const action = {
             border: colors.primary[600],
         },
         hover: {
-            bg: colors.primary[700],
+            bg: colors.primary[500],
             fg: text.primary,
-            border: colors.primary[700],
+            border: colors.primary[500],
         },
         active: {
-            bg: colors.primary[600],
+            bg: colors.primary[400],
             fg: text.primary,
-            border: colors.primary[600],
+            border: colors.primary[400],
         },
         muted: {
-            bg: colors.primary[600],
+            bg: colors.primary[300],
             fg: colors.mono[50],
-            border: colors.primary[600],
+            border: colors.primary[300],
         },
         subtle: {
-            bg: colors.gray[900],
+            bg: colors.primary[200],
             fg: text.inverse,
-            border: colors.primary[500],
+            border: colors.primary[200],
         },
     },
     secondary: {
         default: {
-            bg: colors.info[700],
-            fg: text.primary,
-            border: colors.info[700],
+            bg: colors.secondary[400],
+            fg: text.inverse,
+            border: colors.secondary[400],
         },
         hover: {
-            bg: colors.info[800],
-            fg: text.primary,
-            border: colors.info[800],
+            bg: colors.secondary[300],
+            fg: text.inverse,
+            border: colors.secondary[300],
         },
         active: {
-            bg: colors.info[700],
-            fg: text.primary,
-            border: colors.info[700],
+            bg: colors.secondary[200],
+            fg: text.inverse,
+            border: colors.secondary[200],
+        },
+        muted: {
+            bg: colors.secondary[300],
+            fg: colors.mono[50],
+            border: colors.secondary[300],
+        },
+        subtle: {
+            bg: colors.secondary[200],
+            fg: text.inverse,
+            border: colors.secondary[200],
         },
     },
     close: {
@@ -78,13 +88,15 @@ export const action = {
             fg: text.primary,
             border: colors.error[800],
         },
-        subtle: {
-            bg: colors.gray[900],
-            fg: colors.error[300],
-        },
         muted: {
-            bg: colors.error[950],
+            bg: colors.error[400],
+            fg: colors.error[400],
+            border: colors.error[400],
+        },
+        subtle: {
+            bg: colors.error[300],
             fg: colors.error[300],
+            border: colors.error[300],
         },
     },
 };

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

@@ -4,7 +4,7 @@ export declare const border: {
     readonly subtle: "#374151";
     readonly elevated: "#D1D5DB";
     readonly strong: "#F9FAFB";
-    readonly disabled: "#374151";
-    readonly focus: "#FFFF00";
+    readonly disabled: "#4B5563";
+    readonly focus: "#FBBF24";
 };
 //# sourceMappingURL=border.d.ts.map

package/dist/highContrast/semantic/border.js

@@ -5,6 +5,6 @@ export const border = {
     subtle: colors.gray[700],
     elevated: colors.gray[300],
     strong: colors.mono[100],
-    disabled: colors.gray[700],
-    focus: colors.warning[500],
+    disabled: colors.gray[600],
+    focus: colors.warning[400],
 };

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

@@ -2,38 +2,38 @@ export declare const control: {
     readonly hover: {
         readonly bg: "#111827";
         readonly fg: "#000000";
-        readonly border: "#7C6CF2";
+        readonly border: "#7C5CFF";
     };
     readonly radioHover: {
         readonly bg: "#111827";
-        readonly fg: "#7C6CF2";
-        readonly border: "#A78BFA";
+        readonly fg: "#B8A8FF";
+        readonly border: "#B8A8FF";
     };
     readonly selected: {
         readonly default: {
-            readonly bg: "#7C6CF2";
+            readonly bg: "#7C5CFF";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C6CF2";
+            readonly border: "#7C5CFF";
         };
         readonly hover: {
-            readonly bg: "#0EA5E9";
+            readonly bg: "#0369A1";
             readonly fg: "#000000";
-            readonly border: "#0EA5E9";
+            readonly border: "#0369A1";
         };
         readonly active: {
-            readonly bg: "#4936D9";
+            readonly bg: "#402C9F";
             readonly fg: "#000000";
-            readonly border: "#4936D9";
+            readonly border: "#402C9F";
         };
         readonly muted: {
-            readonly bg: "#6D5BD0";
+            readonly bg: "#6346E8";
             readonly fg: "#FFFFFF";
-            readonly border: "#6D5BD0";
+            readonly border: "#6346E8";
         };
         readonly radioDefault: {
-            readonly bg: "#8B7CF6";
-            readonly fg: "#6D5BD0";
-            readonly border: "#7C6CF2";
+            readonly bg: "#9B7CFF";
+            readonly fg: "#7C5CFF";
+            readonly border: "#B8A8FF";
         };
     };
 };

package/dist/highContrast/semantic/control.js

@@ -8,7 +8,7 @@ export const control = {
     },
     radioHover: {
         bg: colors.gray[900],
-        fg: colors.primary[500],
+        fg: colors.primary[300],
         border: colors.primary[300],
     },
     selected: {
@@ -34,8 +34,8 @@ export const control = {
         },
         radioDefault: {
             bg: colors.primary[400],
-            fg: colors.primary[600],
-            border: colors.primary[500],
+            fg: colors.primary[500],
+            border: colors.primary[300],
         },
     },
 };

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

@@ -1,5 +1,5 @@
 export declare const focus: {
-    readonly ring: "#FFFF00";
+    readonly ring: "#F59E0B";
     readonly ringOffset: "#000000";
 };
 //# sourceMappingURL=focus.d.ts.map

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

@@ -1,21 +1,21 @@
 export declare const navigation: {
     readonly hover: {
-        readonly bg: "#FFFF00";
+        readonly bg: "#FBBF24";
         readonly fg: "#000000";
     };
     readonly active: {
-        readonly bg: "#FFFF00";
+        readonly bg: "#FBBF24";
         readonly fg: "#000000";
     };
     readonly brandHover: {
-        readonly bg: "#FFFF00";
+        readonly bg: "#F59E0B";
         readonly fg: "#000000";
     };
     readonly tabHover: {
-        readonly fg: "#FFFF00";
+        readonly fg: "#F59E0B";
     };
     readonly tabFocus: {
-        readonly ring: "#FFFF00";
+        readonly ring: "#F59E0B";
     };
     readonly optionHover: {
         readonly bg: "#1F2937";

package/dist/highContrast/semantic/navigation.js

@@ -3,11 +3,11 @@ import { surface } from './surface.js';
 import { text } from './text.js';
 export const navigation = {
     hover: {
-        bg: colors.warning[500],
+        bg: colors.warning[400],
         fg: colors.mono[950],
     },
     active: {
-        bg: colors.warning[500],
+        bg: colors.warning[400],
         fg: colors.mono[950],
     },
     brandHover: {

package/dist/highContrast/semantic/skeleton.d.ts

@@ -1,5 +1,5 @@
 export declare const skeleton: {
     readonly base: "#111827";
-    readonly highlight: "#3399FF";
+    readonly highlight: "#0284C7";
 };
 //# sourceMappingURL=skeleton.d.ts.map