@vellira-ui/tokens 2.98.5 → 2.98.7

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

@@ -271,10 +271,10 @@ export declare const dropdown: {
             readonly fg: "#FBBF24";
             readonly border: "#FCD34D";
             readonly ring: {
-                readonly color: "#FCD34D";
-                readonly width: "2px";
-                readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
-                readonly offset: "#000000";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
@@ -309,10 +309,10 @@ export declare const dropdown: {
         };
         readonly focus: {
             readonly ring: {
-                readonly color: "#FCD34D";
-                readonly width: "2px";
-                readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
-                readonly offset: "#000000";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {

package/dist/highContrast/components/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/dropdown.ts"],"names":[],"mappings":"AAwEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FX,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/dropdown.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FX,CAAC"}

package/dist/highContrast/components/dropdown.js

@@ -1,3 +1,4 @@
+import { createComponentFocusRing } from '../../factories/componentFocusRing.js';
 import { createDropdownPalette } from '../../factories/createDropdownPalette.js';
 import { createInputColorPalette } from '../../factories/createInputPalette.js';
 import { colors } from '../../primitives/colors.js';
@@ -99,8 +100,8 @@ export const dropdown = {
         focus: {
             bg: 'transparent',
             fg: text.interactive,
-            border: border.focus,
-            ring: focus.ring,
+            border: border.interactive,
+            ring: createComponentFocusRing(focus.ring),
         },
         disabled: {
             bg: surface.disabled,
@@ -123,7 +124,7 @@ export const dropdown = {
         },
         pressed: menu.item.pressed,
         focus: {
-            ring: focus.ring,
+            ring: createComponentFocusRing(focus.ring),
         },
         disabled: menu.item.disabled,
         danger: {

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

@@ -127,7 +127,7 @@ export declare const input: {
         readonly fg: "#EEE8FA";
         readonly border: "#6B7280";
         readonly placeholder: "#D1D5DB";
-        readonly icon: "#9CA3AF";
+        readonly icon: "#D1D5DB";
     };
     readonly icon: {
         readonly default: "#FFFFFF";
@@ -135,16 +135,16 @@ export declare const input: {
         readonly secondary: "#E5E7EB";
         readonly success: "#5EEAD4";
         readonly danger: "#FDA4AF";
-        readonly muted: "#9CA3AF";
+        readonly muted: "#D1D5DB";
         readonly inverse: "#000000";
         readonly brand: "#FCD34D";
     };
     readonly clearButton: {
-        readonly fg: "#9CA3AF";
+        readonly fg: "#D1D5DB";
         readonly hoverFg: "#FB7185";
         readonly hoverBg: "#4C0519";
         readonly focusBg: "#1F2937";
-        readonly pressedBg: "#374151";
+        readonly pressedBg: "#4B5563";
     };
     readonly revealButton: {
         readonly fg: "#FFFFFF";
@@ -163,7 +163,7 @@ export declare const input: {
         readonly fg: "#EEE8FA";
     };
     readonly spinner: {
-        readonly fg: "#9CA3AF";
+        readonly fg: "#D1D5DB";
     };
 };
 //# sourceMappingURL=input.d.ts.map

package/dist/highContrast/components/input.js

@@ -97,14 +97,14 @@ export const input = {
     hover: {
         bg: surface.hover,
         fg: text.primary,
-        border: border.focus,
+        border: border.interactive,
         placeholder: text.secondary,
-        icon: icons.hover,
+        icon: icons.interactiveHover,
     },
     focus: {
         bg: 'transparent',
         fg: text.primary,
-        border: border.focus,
+        border: border.interactive,
         ring: focus.ring.color,
         placeholder: text.secondary,
         icon: icons.brand,
@@ -129,7 +129,7 @@ export const input = {
     },
     icon: {
         default: icons.default,
-        primary: icons.primary,
+        primary: icons.interactive,
         secondary: icons.secondary,
         success: icons.success,
         danger: icons.danger,
@@ -142,7 +142,7 @@ export const input = {
         hoverFg: status.error.fg,
         hoverBg: status.error.bg,
         focusBg: surface.subtle,
-        pressedBg: surface.active,
+        pressedBg: surface.pressed,
     },
     revealButton: {
         fg: text.primary,

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

@@ -30,8 +30,7 @@ export declare const radio: {
         readonly easing: "cubic-bezier(0.16, 1, 0.3, 1)";
         readonly indicatorDuration: "180ms";
         readonly selectedDuration: "260ms";
-        readonly pressedScale: 0.96;
-        readonly activeScale: 0.92;
+        readonly pressedScale: 0.92;
         readonly pressedOpacity: 0.8;
     };
     readonly default: {

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/radio.ts"],"names":[],"mappings":"AA0HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/radio.ts"],"names":[],"mappings":"AA0HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC"}

package/dist/highContrast/components/radio.js

@@ -115,7 +115,7 @@ export const radio = {
     motion: radioMotionTokens,
     default: control.default,
     hover: control.hover,
-    pressed: control.active,
+    pressed: control.pressed,
     primary,
     neutral,
     success,
@@ -123,7 +123,7 @@ export const radio = {
     danger,
     focus: {
         ring: focus.ring.color,
-        border: border.focus,
+        border: border.interactive,
     },
     invalid: {
         ...control.default,

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

@@ -2430,11 +2430,11 @@ export declare const select: {
         };
     };
     readonly clearButton: {
-        readonly fg: "#9CA3AF";
+        readonly fg: "#D1D5DB";
         readonly hoverFg: "#FB7185";
         readonly hoverBg: "#4C0519";
         readonly focusBg: "#1F2937";
-        readonly pressedBg: "#374151";
+        readonly pressedBg: "#4B5563";
     };
     readonly option: {
         readonly default: {

package/dist/highContrast/components/select.js

@@ -186,13 +186,13 @@ export const select = {
         },
         hover: {
             ...control.hover,
-            icon: icons.hover,
+            icon: icons.interactiveHover,
             placeholder: text.secondary,
         },
         focus: {
             bg: 'transparent',
             fg: text.primary,
-            border: border.focus,
+            border: border.interactive,
             ring: focus.ring.color,
             icon: icons.brand,
             placeholder: text.secondary,
@@ -237,7 +237,7 @@ export const select = {
         hoverFg: status.error.fg,
         hoverBg: status.error.bg,
         focusBg: surface.subtle,
-        pressedBg: surface.active,
+        pressedBg: surface.pressed,
     },
     option: {
         default: {

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

@@ -10,7 +10,7 @@ export declare const action: {
             readonly fg: "#000000";
             readonly border: "#D4CCFF";
         };
-        readonly active: {
+        readonly pressed: {
             readonly bg: "#6346E8";
             readonly fg: "#FFFFFF";
             readonly border: "#B8A8FF";
@@ -26,7 +26,7 @@ export declare const action: {
             readonly border: "transparent";
         };
     };
-    readonly secondary: {
+    readonly accent: {
         readonly default: {
             readonly bg: "#79E8F8";
             readonly fg: "#000000";
@@ -37,7 +37,7 @@ export declare const action: {
             readonly fg: "#000000";
             readonly border: "#79E8F8";
         };
-        readonly active: {
+        readonly pressed: {
             readonly bg: "#3ED5EE";
             readonly fg: "#000000";
             readonly border: "#FCD34D";
@@ -53,7 +53,7 @@ export declare const action: {
             readonly border: "transparent";
         };
     };
-    readonly close: {
+    readonly neutral: {
         readonly default: {
             readonly bg: "#FFFFFF";
             readonly fg: "#000000";
@@ -64,7 +64,7 @@ export declare const action: {
             readonly fg: "#000000";
             readonly border: "#0B1120";
         };
-        readonly active: {
+        readonly pressed: {
             readonly bg: "#9CA3AF";
             readonly fg: "#000000";
             readonly border: "#0B1120";
@@ -91,7 +91,7 @@ export declare const action: {
             readonly fg: "#000000";
             readonly border: "#FCD34D";
         };
-        readonly active: {
+        readonly pressed: {
             readonly bg: "#BE123C";
             readonly fg: "#FFFFFF";
             readonly border: "#FCD34D";

package/dist/highContrast/semantic/action.js

@@ -11,7 +11,7 @@ export const action = {
             fg: colors.mono[950],
             border: colors.primary[200],
         },
-        active: {
+        pressed: {
             bg: colors.primary[600],
             fg: colors.mono[50],
             border: colors.primary[300],
@@ -27,7 +27,7 @@ export const action = {
             border: 'transparent',
         },
     },
-    secondary: {
+    accent: {
         default: {
             bg: colors.secondary[300],
             fg: colors.mono[950],
@@ -38,7 +38,7 @@ export const action = {
             fg: colors.mono[950],
             border: colors.secondary[300],
         },
-        active: {
+        pressed: {
             bg: colors.secondary[400],
             fg: colors.mono[950],
             border: colors.warning[300],
@@ -54,7 +54,7 @@ export const action = {
             border: 'transparent',
         },
     },
-    close: {
+    neutral: {
         default: {
             bg: colors.mono[50],
             fg: colors.mono[950],
@@ -65,7 +65,7 @@ export const action = {
             fg: colors.mono[950],
             border: colors.gray[950],
         },
-        active: {
+        pressed: {
             bg: colors.gray[400],
             fg: colors.mono[950],
             border: colors.gray[950],
@@ -92,7 +92,7 @@ export const action = {
             fg: colors.mono[950],
             border: colors.warning[300],
         },
-        active: {
+        pressed: {
             bg: colors.error[700],
             fg: colors.mono[50],
             border: colors.warning[300],

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

@@ -5,6 +5,6 @@ export declare const border: {
     readonly strong: "#FCD34D";
     readonly elevated: "#D1D5DB";
     readonly disabled: "#4B5563";
-    readonly focus: "#FCD34D";
+    readonly interactive: "#FCD34D";
 };
 //# sourceMappingURL=border.d.ts.map

package/dist/highContrast/semantic/border.js

@@ -6,5 +6,5 @@ export const border = {
     strong: colors.warning[300],
     elevated: colors.gray[300],
     disabled: colors.gray[600],
-    focus: colors.warning[300],
+    interactive: colors.warning[300],
 };

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

@@ -9,7 +9,7 @@ export declare const control: {
         readonly fg: "#FBBF24";
         readonly border: "#FCD34D";
     };
-    readonly active: {
+    readonly pressed: {
         readonly bg: "#374151";
         readonly fg: "#FFFFFF";
         readonly border: "#FDE68A";
@@ -30,7 +30,7 @@ export declare const control: {
             readonly fg: "#000000";
             readonly border: "#FDE68A";
         };
-        readonly active: {
+        readonly pressed: {
             readonly bg: "#FBBF24";
             readonly fg: "#000000";
             readonly border: "#FBBF24";

package/dist/highContrast/semantic/control.js

@@ -13,7 +13,7 @@ export const control = {
         fg: text.interactive,
         border: colors.warning[300],
     },
-    active: {
+    pressed: {
         bg: surface.active,
         fg: text.primary,
         border: colors.warning[200],
@@ -34,7 +34,7 @@ export const control = {
             fg: colors.mono[950],
             border: colors.warning[200],
         },
-        active: {
+        pressed: {
             bg: colors.warning[400],
             fg: colors.mono[950],
             border: colors.warning[400],

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

@@ -3,7 +3,7 @@ export declare const focus: {
         readonly color: "#FCD34D";
         readonly width: "2px";
         readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
-        readonly offset: "#000000";
+        readonly offsetColor: "#000000";
     };
 };
 //# sourceMappingURL=focus.d.ts.map

package/dist/highContrast/semantic/focus.js

@@ -4,6 +4,6 @@ export const focus = {
         color: colors.warning[300],
         width: '2px',
         shadow: '0 0 0 1px rgba(255, 255, 255, 0.28)',
-        offset: colors.mono[950],
+        offsetColor: colors.mono[950],
     },
 };

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

@@ -1,12 +1,12 @@
 export declare const icons: {
     readonly default: "#FFFFFF";
     readonly secondary: "#E5E7EB";
-    readonly muted: "#9CA3AF";
-    readonly subtle: "#D1D5DB";
+    readonly muted: "#D1D5DB";
+    readonly subtle: "#9CA3AF";
     readonly disabled: "#6B7280";
-    readonly primary: "#FCD34D";
+    readonly interactive: "#FCD34D";
     readonly brand: "#FCD34D";
-    readonly hover: "#FDE68A";
+    readonly interactiveHover: "#FDE68A";
     readonly success: "#5EEAD4";
     readonly danger: "#FDA4AF";
     readonly inverse: "#000000";

package/dist/highContrast/semantic/icons.js

@@ -2,12 +2,12 @@ import { colors } from '../../primitives/colors.js';
 export const icons = {
     default: colors.mono[50],
     secondary: colors.gray[200],
-    muted: colors.gray[400],
-    subtle: colors.gray[300],
+    muted: colors.gray[300],
+    subtle: colors.gray[400],
     disabled: colors.gray[500],
-    primary: colors.warning[300],
+    interactive: colors.warning[300],
     brand: colors.warning[300],
-    hover: colors.warning[200],
+    interactiveHover: colors.warning[200],
     success: colors.success[300],
     danger: colors.error[300],
     inverse: colors.mono[950],

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

@@ -5,7 +5,6 @@ export { divider } from './divider.js';
 export { focus } from './focus.js';
 export { icons } from './icons.js';
 export { menu } from './menu.js';
-export { navigation } from './navigation.js';
 export { overlay } from './overlay.js';
 export { shadow } from './shadow.js';
 export { skeleton } from './skeleton.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}

package/dist/highContrast/semantic/index.js

@@ -5,7 +5,6 @@ export { divider } from './divider.js';
 export { focus } from './focus.js';
 export { icons } from './icons.js';
 export { menu } from './menu.js';
-export { navigation } from './navigation.js';
 export { overlay } from './overlay.js';
 export { shadow } from './shadow.js';
 export { skeleton } from './skeleton.js';

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

@@ -5,11 +5,11 @@ export declare const overlay: {
         readonly fg: "#000000";
         readonly border: "#FCD34D";
     };
-    readonly popover: {
+    readonly floating: {
         readonly bg: "#111827";
         readonly border: "#9CA3AF";
     };
-    readonly modal: {
+    readonly dialog: {
         readonly bg: "#111827";
         readonly border: "#9CA3AF";
     };

package/dist/highContrast/semantic/overlay.js

@@ -9,11 +9,11 @@ export const overlay = {
         fg: colors.mono[950],
         border: colors.warning[300],
     },
-    popover: {
+    floating: {
         bg: surface.muted,
         border: border.default,
     },
-    modal: {
+    dialog: {
         bg: surface.muted,
         border: border.default,
     },

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

@@ -4,28 +4,28 @@ export declare const status: {
         readonly bg: "#042F2E";
         readonly border: "#5EEAD4";
         readonly ring: "#5EEAD4";
-        readonly strong: "#99F6E4";
+        readonly emphasisFg: "#99F6E4";
     };
     readonly error: {
         readonly fg: "#FB7185";
         readonly bg: "#4C0519";
         readonly border: "#FB7185";
         readonly ring: "#FB7185";
-        readonly strong: "#FECDD3";
+        readonly emphasisFg: "#FECDD3";
     };
     readonly warning: {
         readonly fg: "#FCD34D";
         readonly bg: "#451A03";
         readonly border: "#FCD34D";
         readonly ring: "#FCD34D";
-        readonly strong: "#FDE68A";
+        readonly emphasisFg: "#FDE68A";
     };
     readonly info: {
         readonly fg: "#7DD3FC";
         readonly bg: "#071927";
         readonly border: "#7DD3FC";
         readonly ring: "#7DD3FC";
-        readonly strong: "#BAE6FD";
+        readonly emphasisFg: "#BAE6FD";
     };
 };
 //# sourceMappingURL=status.d.ts.map

package/dist/highContrast/semantic/status.js

@@ -5,27 +5,27 @@ export const status = {
         bg: colors.success[950],
         border: colors.success[300],
         ring: colors.success[300],
-        strong: colors.success[200],
+        emphasisFg: colors.success[200],
     },
     error: {
         fg: colors.error[400],
         bg: colors.error[950],
         border: colors.error[400],
         ring: colors.error[400],
-        strong: colors.error[200],
+        emphasisFg: colors.error[200],
     },
     warning: {
         fg: colors.warning[300],
         bg: colors.warning[950],
         border: colors.warning[300],
         ring: colors.warning[300],
-        strong: colors.warning[200],
+        emphasisFg: colors.warning[200],
     },
     info: {
         fg: colors.info[200],
         bg: colors.info[950],
         border: colors.info[200],
         ring: colors.info[200],
-        strong: colors.info[150],
+        emphasisFg: colors.info[150],
     },
 };

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

@@ -4,7 +4,6 @@ export declare const surface: {
     readonly muted: "#111827";
     readonly subtle: "#1F2937";
     readonly elevated: "#374151";
-    readonly background: "#0B1120";
     readonly hover: "#374151";
     readonly active: "#374151";
     readonly pressed: "#4B5563";

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;;;;;;;;;;;;;CAgBV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAeV,CAAC"}

package/dist/highContrast/semantic/surface.js

@@ -6,7 +6,6 @@ export const surface = {
     muted: colors.gray[900],
     subtle: colors.gray[800],
     elevated: colors.gray[700],
-    background: colors.grayBlue[950],
     hover: colors.gray[700],
     active: colors.gray[700],
     pressed: colors.gray[600],

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

@@ -7,7 +7,7 @@ export declare const text: {
     readonly brand: "#FBBF24";
     readonly interactive: "#FBBF24";
     readonly interactiveHover: "#FCD34D";
-    readonly interactiveActive: "#FDE68A";
+    readonly interactivePressed: "#FDE68A";
     readonly inverse: "#000000";
 };
 //# sourceMappingURL=text.d.ts.map

package/dist/highContrast/semantic/text.js

@@ -8,6 +8,6 @@ export const text = {
     brand: colors.warning[400],
     interactive: colors.warning[400],
     interactiveHover: colors.warning[300],
-    interactiveActive: colors.warning[200],
+    interactivePressed: colors.warning[200],
     inverse: colors.mono[950],
 };

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

@@ -271,10 +271,10 @@ export declare const dropdown: {
             readonly fg: "#5037C8";
             readonly border: "#5037C8";
             readonly ring: {
-                readonly color: "#5037C8";
-                readonly width: "2px";
-                readonly shadow: "0 0 8px rgba(99, 70, 232, 0.14)";
-                readonly offset: "#FFFFFF";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
@@ -309,10 +309,10 @@ export declare const dropdown: {
         };
         readonly focus: {
             readonly ring: {
-                readonly color: "#5037C8";
-                readonly width: "2px";
-                readonly shadow: "0 0 8px rgba(99, 70, 232, 0.14)";
-                readonly offset: "#FFFFFF";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {

package/dist/light/components/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/light/components/dropdown.ts"],"names":[],"mappings":"AAwEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHX,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/light/components/dropdown.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHX,CAAC"}