@vellira-ui/tokens 2.25.0 → 2.26.0

package/dist/highContrast/{components → semantic}/menu.d.ts

@@ -1,50 +1,45 @@
 export declare const menu: {
+    readonly background: "#111827";
+    readonly border: "#FFFFFF";
     readonly item: {
         readonly default: {
             readonly bg: "transparent";
             readonly fg: "#FFFFFF";
         };
         readonly hover: {
-            readonly bg: "#1F2937";
-            readonly fg: "#FFFFFF";
+            readonly bg: "#FCD34D";
+            readonly fg: "#000000";
         };
         readonly active: {
-            readonly bg: "#1F2937";
-            readonly fg: "#FFFFFF";
+            readonly bg: "#FBBF24";
+            readonly fg: "#000000";
         };
-        readonly focus: {
-            readonly ring: "#F59E0B";
+        readonly pressed: {
+            readonly bg: "#F59E0B";
+            readonly fg: "#000000";
         };
         readonly disabled: {
-            readonly bg: "#1F2937";
+            readonly bg: "transparent";
             readonly fg: "#6B7280";
         };
         readonly danger: {
             readonly default: {
-                readonly fg: "#E11D48";
+                readonly bg: "transparent";
+                readonly fg: "#FB7185";
             };
             readonly hover: {
-                readonly bg: "#FDA4AF";
-                readonly fg: "#FDA4AF";
+                readonly bg: "#FB7185";
+                readonly fg: "#000000";
             };
             readonly active: {
-                readonly bg: "#FB7185";
-                readonly fg: "#FB7185";
+                readonly bg: "#E11D48";
+                readonly fg: "#FFFFFF";
+            };
+            readonly disabled: {
+                readonly bg: "transparent";
+                readonly fg: "#6B7280";
             };
         };
     };
-    readonly trigger: {
-        readonly default: {
-            readonly fg: "#FFFFFF";
-        };
-        readonly hover: {
-            readonly bg: "#F59E0B";
-            readonly fg: "#000000";
-            readonly ring: "transparent";
-        };
-    };
-    readonly groupLabel: {
-        readonly fg: "#E5E7EB";
-    };
 };
 //# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/menu.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDP,CAAC"}

package/dist/highContrast/semantic/menu.js

@@ -0,0 +1,47 @@
+import { colors } from '../../primitives/colors.js';
+import { status } from './status.js';
+import { text } from './text.js';
+export const menu = {
+    background: colors.gray[900],
+    border: colors.mono[50],
+    item: {
+        default: {
+            bg: 'transparent',
+            fg: text.primary,
+        },
+        hover: {
+            bg: colors.warning[300],
+            fg: colors.mono[950],
+        },
+        active: {
+            bg: colors.warning[400],
+            fg: colors.mono[950],
+        },
+        pressed: {
+            bg: colors.warning[500],
+            fg: colors.mono[950],
+        },
+        disabled: {
+            bg: 'transparent',
+            fg: text.disabled,
+        },
+        danger: {
+            default: {
+                bg: 'transparent',
+                fg: status.error.fg,
+            },
+            hover: {
+                bg: colors.error[400],
+                fg: colors.mono[950],
+            },
+            active: {
+                bg: colors.error[600],
+                fg: colors.mono[50],
+            },
+            disabled: {
+                bg: 'transparent',
+                fg: text.disabled,
+            },
+        },
+    },
+};

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

@@ -1,45 +1,34 @@
 export declare const navigation: {
     readonly hover: {
-        readonly bg: "#FBBF24";
-        readonly fg: "#000000";
+        readonly bg: "#374151";
+        readonly fg: "#FFFFFF";
     };
     readonly active: {
-        readonly bg: "#FBBF24";
-        readonly fg: "#000000";
+        readonly bg: "#374151";
+        readonly fg: "#FFFFFF";
     };
     readonly brandHover: {
-        readonly bg: "#F59E0B";
-        readonly fg: "#000000";
+        readonly bg: "#374151";
+        readonly fg: "#FCD34D";
     };
     readonly tabHover: {
-        readonly fg: "#F59E0B";
+        readonly fg: "#FCD34D";
     };
     readonly tabFocus: {
-        readonly ring: "#F59E0B";
+        readonly ring: "#FBBF24";
     };
     readonly optionHover: {
-        readonly bg: "#1F2937";
+        readonly bg: "#374151";
         readonly fg: "#FFFFFF";
     };
     readonly optionActive: {
-        readonly bg: "#6B7280";
+        readonly bg: "#374151";
         readonly fg: "#FFFFFF";
     };
-    readonly disabled: {
-        readonly bg: "#111827";
-        readonly fg: "#4B5563";
-    };
-    readonly groupLabel: {
-        readonly fg: "#9CA3AF";
-    };
-    readonly itemHover: {
-        readonly bg: "#1F2937";
-        readonly fg: "#FFFFFF";
-    };
-    readonly itemActive: {
-        readonly bg: "#1F2937";
-        readonly fg: "#FFFFFF";
+    readonly triggerHover: {
+        readonly bg: "#374151";
+        readonly fg: "#FCD34D";
     };
-    readonly border: "#E5E7EB";
+    readonly border: "#9CA3AF";
 };
 //# sourceMappingURL=navigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/navigation.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cb,CAAC"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/navigation.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCb,CAAC"}

package/dist/highContrast/semantic/navigation.js

@@ -1,24 +1,24 @@
-import { colors } from '../../primitives/colors.js';
+import { border } from './border.js';
 import { surface } from './surface.js';
 import { text } from './text.js';
 export const navigation = {
     hover: {
-        bg: colors.warning[400],
-        fg: colors.mono[950],
+        bg: surface.hover,
+        fg: text.primary,
     },
     active: {
-        bg: colors.warning[400],
-        fg: colors.mono[950],
+        bg: surface.active,
+        fg: text.primary,
     },
     brandHover: {
-        bg: colors.warning[500],
-        fg: colors.mono[950],
+        bg: surface.hover,
+        fg: text.interactiveHover,
     },
     tabHover: {
-        fg: colors.warning[500],
+        fg: text.interactiveHover,
     },
     tabFocus: {
-        ring: colors.warning[500],
+        ring: text.interactive,
     },
     optionHover: {
         bg: surface.hover,
@@ -28,20 +28,9 @@ export const navigation = {
         bg: surface.active,
         fg: text.primary,
     },
-    disabled: {
-        bg: colors.gray[900],
-        fg: colors.gray[600],
-    },
-    groupLabel: {
-        fg: colors.gray[400],
-    },
-    itemHover: {
+    triggerHover: {
         bg: surface.hover,
-        fg: text.primary,
-    },
-    itemActive: {
-        bg: surface.hover,
-        fg: text.primary,
+        fg: text.interactiveHover,
     },
-    border: colors.gray[200],
+    border: border.default,
 };

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

@@ -0,0 +1,17 @@
+export declare const overlay: {
+    readonly backdrop: "rgba(0, 0, 0, 0.82)";
+    readonly tooltip: {
+        readonly bg: "#FFFFFF";
+        readonly fg: "#000000";
+        readonly border: "#FCD34D";
+    };
+    readonly popover: {
+        readonly bg: "#111827";
+        readonly border: "#9CA3AF";
+    };
+    readonly modal: {
+        readonly bg: "#111827";
+        readonly border: "#9CA3AF";
+    };
+};
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/overlay.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAkBV,CAAC"}

package/dist/highContrast/semantic/overlay.js

@@ -0,0 +1,19 @@
+import { colors } from '../../primitives/colors.js';
+import { border } from './border.js';
+import { surface } from './surface.js';
+export const overlay = {
+    backdrop: 'rgba(0, 0, 0, 0.82)',
+    tooltip: {
+        bg: colors.mono[50],
+        fg: colors.mono[950],
+        border: colors.warning[300],
+    },
+    popover: {
+        bg: surface.muted,
+        border: border.default,
+    },
+    modal: {
+        bg: surface.muted,
+        border: border.default,
+    },
+};

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

@@ -0,0 +1,8 @@
+export declare const shadow: {
+    readonly sm: "0 1px 2px rgba(0, 0, 0, 0.5)";
+    readonly md: "0 4px 12px rgba(0, 0, 0, 0.6)";
+    readonly lg: "0 12px 40px rgba(0, 0, 0, 0.7)";
+    readonly xl: "0 20px 60px rgba(0, 0, 0, 0.8)";
+    readonly inset: "inset 0 1px 0 rgba(255, 255, 255, 0.14)";
+};
+//# sourceMappingURL=shadow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/shadow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}

package/dist/highContrast/semantic/shadow.js

@@ -0,0 +1,7 @@
+export const shadow = {
+    sm: '0 1px 2px rgba(0, 0, 0, 0.5)',
+    md: '0 4px 12px rgba(0, 0, 0, 0.6)',
+    lg: '0 12px 40px rgba(0, 0, 0, 0.7)',
+    xl: '0 20px 60px rgba(0, 0, 0, 0.8)',
+    inset: 'inset 0 1px 0 rgba(255, 255, 255, 0.14)',
+};

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

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

package/dist/highContrast/semantic/skeleton.js

@@ -1,5 +1,5 @@
 import { colors } from '../../primitives/colors.js';
 export const skeleton = {
     base: colors.gray[900],
-    highlight: colors.info[400],
+    highlight: colors.gray[600],
 };

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

@@ -1,27 +1,31 @@
 export declare const status: {
     readonly success: {
         readonly fg: "#6EE7B7";
-        readonly bg: "#111827";
+        readonly bg: "#022C22";
         readonly border: "#6EE7B7";
-        readonly strong: "#6EE7B7";
+        readonly ring: "#6EE7B7";
+        readonly strong: "#A7F3D0";
     };
     readonly error: {
         readonly fg: "#FB7185";
-        readonly bg: "#E11D48";
-        readonly border: "#F43F5E";
-        readonly strong: "#FDA4AF";
+        readonly bg: "#4C0519";
+        readonly border: "#FB7185";
+        readonly ring: "#FB7185";
+        readonly strong: "#FECDD3";
     };
     readonly warning: {
-        readonly fg: "#FBBF24";
-        readonly bg: "#111827";
-        readonly border: "#FBBF24";
-        readonly strong: "#FBBF24";
+        readonly fg: "#FCD34D";
+        readonly bg: "#451A03";
+        readonly border: "#FCD34D";
+        readonly ring: "#FCD34D";
+        readonly strong: "#FDE68A";
     };
     readonly info: {
-        readonly fg: "#0284C7";
-        readonly bg: "#111827";
-        readonly border: "#0284C7";
-        readonly strong: "#0284C7";
+        readonly fg: "#7DD3FC";
+        readonly bg: "#071927";
+        readonly border: "#7DD3FC";
+        readonly ring: "#7DD3FC";
+        readonly strong: "#BAE6FD";
     };
 };
 //# sourceMappingURL=status.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC"}
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCT,CAAC"}

package/dist/highContrast/semantic/status.js

@@ -2,26 +2,30 @@ import { colors } from '../../primitives/colors.js';
 export const status = {
     success: {
         fg: colors.success[300],
-        bg: colors.gray[900],
+        bg: colors.success[950],
         border: colors.success[300],
-        strong: colors.success[300],
+        ring: colors.success[300],
+        strong: colors.success[200],
     },
     error: {
         fg: colors.error[400],
-        bg: colors.error[600],
-        border: colors.error[500],
-        strong: colors.error[300],
+        bg: colors.error[950],
+        border: colors.error[400],
+        ring: colors.error[400],
+        strong: colors.error[200],
     },
     warning: {
-        fg: colors.warning[400],
-        bg: colors.gray[900],
-        border: colors.warning[400],
-        strong: colors.warning[400],
+        fg: colors.warning[300],
+        bg: colors.warning[950],
+        border: colors.warning[300],
+        ring: colors.warning[300],
+        strong: colors.warning[200],
     },
     info: {
-        fg: colors.info[400],
-        bg: colors.gray[900],
-        border: colors.info[400],
-        strong: colors.info[400],
+        fg: colors.info[200],
+        bg: colors.info[950],
+        border: colors.info[200],
+        ring: colors.info[200],
+        strong: colors.info[150],
     },
 };

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

@@ -1,13 +1,13 @@
 export declare const surface: {
     readonly default: "#000000";
-    readonly muted: "#1F2937";
-    readonly subtle: "#111827";
+    readonly muted: "#111827";
+    readonly subtle: "#1F2937";
     readonly elevated: "#374151";
-    readonly pressed: "#111827";
+    readonly hover: "#374151";
+    readonly active: "#374151";
+    readonly pressed: "#4B5563";
+    readonly disabled: "#111827";
     readonly danger: string;
-    readonly disabled: "#1F2937";
-    readonly hover: "#1F2937";
-    readonly active: "#6B7280";
     readonly inverse: "#FFFFFF";
 };
 //# sourceMappingURL=surface.d.ts.map

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

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

package/dist/highContrast/semantic/surface.js

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

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

@@ -1,12 +1,13 @@
 export declare const text: {
     readonly primary: "#FFFFFF";
     readonly secondary: "#EEE8FA";
-    readonly muted: "#E5E7EB";
+    readonly muted: "#D1D5DB";
+    readonly subtle: "#9CA3AF";
     readonly disabled: "#6B7280";
-    readonly subtle: "#F3F4F6";
-    readonly elevated: "#9CA3AF";
-    readonly inverse: "#F9FAFB";
-    readonly onInverse: "#000000";
-    readonly brand: "#B8A8FF";
+    readonly brand: "#FBBF24";
+    readonly interactive: "#FBBF24";
+    readonly interactiveHover: "#FCD34D";
+    readonly interactiveActive: "#FDE68A";
+    readonly inverse: "#000000";
 };
 //# sourceMappingURL=text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;CAYP,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;CAcP,CAAC"}

package/dist/highContrast/semantic/text.js

@@ -2,11 +2,12 @@ import { colors } from '../../primitives/colors.js';
 export const text = {
     primary: colors.mono[50],
     secondary: colors.vellira[150],
-    muted: colors.gray[200],
+    muted: colors.gray[300],
+    subtle: colors.gray[400],
     disabled: colors.gray[500],
-    subtle: colors.gray[100],
-    elevated: colors.gray[400],
-    inverse: colors.mono[100],
-    onInverse: colors.mono[950],
-    brand: colors.primary[300],
+    brand: colors.warning[400],
+    interactive: colors.warning[400],
+    interactiveHover: colors.warning[300],
+    interactiveActive: colors.warning[200],
+    inverse: colors.mono[950],
 };