@vellira-ui/tokens 2.98.6 → 2.99.0

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

@@ -1,10 +1,10 @@
 export declare const surface: {
     readonly canvas: "#000000";
     readonly default: "#000000";
+    readonly panel: "#0B1120";
     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.js

@@ -3,10 +3,10 @@ import { withAlpha } from '../../utils/color.js';
 export const surface = {
     canvas: colors.mono[950],
     default: colors.mono[950],
+    panel: colors.grayBlue[950],
     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/light/components/contextMenu.d.ts

@@ -2,7 +2,11 @@ export declare const contextMenu: {
     readonly content: {
         readonly bg: string;
         readonly border: string;
-        readonly shadow: string;
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
     };
     readonly item: {
         readonly default: {
@@ -26,7 +30,10 @@ export declare const contextMenu: {
             readonly ring: {
                 readonly color: string;
                 readonly width: string;
-                readonly shadow: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
                 readonly offset: string;
             };
         };
@@ -72,7 +79,10 @@ export declare const contextMenu: {
             readonly ring: {
                 readonly color: string;
                 readonly width: string;
-                readonly shadow: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
                 readonly offset: string;
             };
         };

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

@@ -1 +1 @@
-{"version":3,"file":"contextMenu.d.ts","sourceRoot":"","sources":["../../../src/light/components/contextMenu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"contextMenu.d.ts","sourceRoot":"","sources":["../../../src/light/components/contextMenu.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAItB,CAAC"}

package/dist/light/components/contextMenu.js

@@ -1,11 +1,9 @@
 import { createContextMenuTokensFromSemantics } from '../../factories/createContextMenuTokens.js';
 import { focus } from '../semantic/focus.js';
 import { menu } from '../semantic/menu.js';
-import { shadow } from '../semantic/shadow.js';
 import { text } from '../semantic/text.js';
 export const contextMenu = createContextMenuTokensFromSemantics({
     focus,
     menu,
-    shadow,
     text,
 });

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

@@ -271,10 +271,13 @@ 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: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
+                readonly offset: string;
             };
         };
         readonly disabled: {
@@ -287,7 +290,11 @@ export declare const dropdown: {
         readonly bg: "#FFFFFF";
         readonly fg: "#3D3754";
         readonly border: "#E4DDF4";
-        readonly shadow: "0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1)";
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
     };
     readonly item: {
         readonly default: {
@@ -309,10 +316,13 @@ 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: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
+                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"}

package/dist/light/components/dropdown.js

@@ -1,11 +1,12 @@
+import { createComponentFocusRing } from '../../factories/componentFocusRing.js';
 import { createDropdownPalette } from '../../factories/createDropdownPalette.js';
 import { createInputColorPalette } from '../../factories/createInputPalette.js';
+import { createComponentShadowIntent } from '../../platform-output/component-token-intents.js';
 import { colors } from '../../primitives/colors.js';
 import { withAlpha } from '../../utils/color.js';
 import { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.js';
 import { menu } from '../semantic/menu.js';
-import { shadow } from '../semantic/shadow.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
 const dropdownPaletteDefaults = {
@@ -123,8 +124,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,
@@ -136,7 +137,7 @@ export const dropdown = {
         bg: menu.background,
         fg: menu.item.default.fg,
         border: menu.border,
-        shadow: shadow.lg,
+        shadow: createComponentShadowIntent('lg'),
     },
     item: {
         default: menu.item.default,
@@ -147,7 +148,7 @@ export const dropdown = {
         },
         pressed: menu.item.pressed,
         focus: {
-            ring: focus.ring,
+            ring: createComponentFocusRing(focus.ring),
         },
         disabled: menu.item.disabled,
         danger: {

package/dist/light/components/input.js

@@ -77,14 +77,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,
@@ -109,7 +109,7 @@ export const input = {
     },
     icon: {
         default: icons.default,
-        primary: icons.primary,
+        primary: icons.interactive,
         secondary: icons.secondary,
         success: icons.success,
         danger: icons.danger,

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

@@ -8,14 +8,20 @@ export declare const modal: {
         readonly bg: string;
         readonly fg: string;
         readonly border: string;
-        readonly shadow: string;
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
         readonly borderWidth: 1;
         readonly radius: number;
         readonly padding: number;
         readonly gap: number;
         readonly minWidth: 320;
-        readonly maxHeight: "90vh";
-        readonly nativeMaxHeight: "90%";
+        readonly maxHeight: Readonly<{
+            kind: "viewport-height";
+            ratio: number;
+        }>;
         readonly viewportMargin: number;
         readonly topOffset: number;
         readonly zIndexOffset: 1;
@@ -66,10 +72,13 @@ export declare const modal: {
         };
         readonly focus: {
             readonly ring: {
-                color: string;
-                width: string;
-                shadow: string;
-                offset: string;
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
+                readonly offset: string;
             };
         };
         readonly disabled: {

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/light/components/modal.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQhB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/light/components/modal.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOhB,CAAC"}

package/dist/light/components/modal.js

@@ -3,14 +3,12 @@ import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { focus } from '../semantic/focus.js';
 import { overlay } from '../semantic/overlay.js';
-import { shadow } from '../semantic/shadow.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
 export const modal = createModalTokensFromSemantics({
     focus,
     overlay,
     radius,
-    shadow,
     spacing,
     surface,
     text,

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

@@ -3,31 +3,11 @@ export declare const popover: {
         readonly bg: string;
         readonly fg: string;
         readonly border: string;
-        readonly shadow: {
-            readonly web: string;
-            readonly native: {
-                readonly x: 0;
-                readonly y: 1;
-                readonly blur: 3;
-                readonly color: "#000000";
-                readonly opacity: 0.04;
-                readonly elevation: 1;
-            } | {
-                readonly x: 0;
-                readonly y: 6;
-                readonly blur: 16;
-                readonly color: "#000000";
-                readonly opacity: 0.08;
-                readonly elevation: 4;
-            } | {
-                readonly x: 0;
-                readonly y: 12;
-                readonly blur: 32;
-                readonly color: "#000000";
-                readonly opacity: 0.1;
-                readonly elevation: 8;
-            };
-        };
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
         readonly borderWidth: 1;
         readonly radius: number;
         readonly padding: number;

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/light/components/popover.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOlB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/light/components/popover.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlB,CAAC"}

package/dist/light/components/popover.js

@@ -1,14 +1,10 @@
 import { createPopoverTokensFromTheme } from '../../factories/createPopoverTokens.js';
 import { radius } from '../../tokens/radius.js';
-import { shadows } from '../../tokens/shadows.js';
 import { spacing } from '../../tokens/spacing.js';
 import { overlay } from '../semantic/overlay.js';
-import { shadow } from '../semantic/shadow.js';
 import { text } from '../semantic/text.js';
 export const popover = createPopoverTokensFromTheme({
     overlay,
-    shadow,
-    shadows,
     text,
     radius,
     spacing,

package/dist/light/components/radio.js

@@ -128,7 +128,7 @@ export const radio = {
     },
     focus: {
         ring: focus.ring.color,
-        border: border.focus,
+        border: border.interactive,
     },
     disabled: control.disabled,
     selectedDisabled: {

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

@@ -2411,7 +2411,11 @@ export declare const select: {
         readonly bg: "#FFFFFF";
         readonly fg: "#3D3754";
         readonly border: "transparent";
-        readonly shadow: "0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1)";
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
         readonly search: {
             readonly bg: "#FAF8FF";
             readonly fg: "#3D3754";
@@ -2462,7 +2466,10 @@ export declare const select: {
             readonly bg: "#E9E6FF";
             readonly fg: "#342580";
             readonly border: "#B8A8FF";
-            readonly shadow: "none";
+            readonly shadow: Readonly<{
+                kind: "shadow";
+                role: "none";
+            }>;
         };
         readonly disabled: {
             readonly border: "transparent";

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/light/components/select.ts"],"names":[],"mappings":"AA0EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MT,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/light/components/select.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MT,CAAC"}

package/dist/light/components/select.js

@@ -1,12 +1,12 @@
 import { createInputColorPalette } from '../../factories/createInputPalette.js';
 import { createSelectPalette } from '../../factories/createSelectPalette.js';
+import { createComponentNoShadowIntent, createComponentShadowIntent, } from '../../platform-output/component-token-intents.js';
 import { colors } from '../../primitives/colors.js';
 import { border } from '../semantic/border.js';
 import { control } from '../semantic/control.js';
 import { focus } from '../semantic/focus.js';
 import { icons } from '../semantic/icons.js';
 import { menu } from '../semantic/menu.js';
-import { shadow } from '../semantic/shadow.js';
 import { status } from '../semantic/status.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
@@ -137,13 +137,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,
@@ -165,7 +165,7 @@ export const select = {
         bg: menu.background,
         fg: menu.item.default.fg,
         border: 'transparent',
-        shadow: shadow.lg,
+        shadow: createComponentShadowIntent('lg'),
         search: {
             bg: surface.default,
             fg: text.primary,
@@ -212,7 +212,7 @@ export const select = {
             bg: control.selected.muted.bg,
             fg: control.selected.muted.fg,
             border: control.selected.muted.border,
-            shadow: 'none',
+            shadow: createComponentNoShadowIntent(),
         },
         disabled: {
             ...menu.item.disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/light/components/tooltip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,gEAMlB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/light/components/tooltip.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,gEAKlB,CAAC"}

package/dist/light/components/tooltip.js

@@ -3,10 +3,8 @@ import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { typography } from '../../tokens/typography.js';
 import { overlay } from '../semantic/overlay.js';
-import { shadow } from '../semantic/shadow.js';
 export const tooltip = createTooltipTokensFromTheme({
     overlay,
-    shadow,
     radius,
     spacing,
     typography,

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

@@ -26,7 +26,7 @@ export declare const action: {
             readonly border: "transparent";
         };
     };
-    readonly secondary: {
+    readonly accent: {
         readonly default: {
             readonly bg: "#0B7D95";
             readonly fg: "#FFFFFF";
@@ -53,7 +53,7 @@ export declare const action: {
             readonly border: "transparent";
         };
     };
-    readonly close: {
+    readonly neutral: {
         readonly default: {
             readonly bg: "#D4CEE8";
             readonly fg: "#231F31";

package/dist/light/semantic/action.js

@@ -28,7 +28,7 @@ export const action = {
             border: 'transparent',
         },
     },
-    secondary: {
+    accent: {
         default: {
             bg: colors.secondary[700],
             fg: text.inverse,
@@ -55,7 +55,7 @@ export const action = {
             border: 'transparent',
         },
     },
-    close: {
+    neutral: {
         default: {
             bg: colors.vellira[250],
             fg: colors.vellira[900],

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

@@ -5,6 +5,6 @@ export declare const border: {
     readonly strong: "#6B6386";
     readonly elevated: "#D4CEE8";
     readonly disabled: "#E4DDF4";
-    readonly focus: "#5037C8";
+    readonly interactive: "#5037C8";
 };
 //# sourceMappingURL=border.d.ts.map

package/dist/light/semantic/border.js

@@ -6,5 +6,5 @@ export const border = {
     strong: colors.vellira[500],
     elevated: colors.vellira[250],
     disabled: colors.vellira[200],
-    focus: colors.primary[700],
+    interactive: colors.primary[700],
 };

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

@@ -3,7 +3,7 @@ export declare const focus: {
         readonly color: "#5037C8";
         readonly width: "2px";
         readonly shadow: "0 0 8px rgba(99, 70, 232, 0.14)";
-        readonly offset: "#FFFFFF";
+        readonly offsetColor: "#FFFFFF";
     };
 };
 //# sourceMappingURL=focus.d.ts.map

package/dist/light/semantic/focus.js

@@ -4,6 +4,6 @@ export const focus = {
         color: colors.primary[700],
         width: '2px',
         shadow: '0 0 8px rgba(99, 70, 232, 0.14)',
-        offset: colors.mono[50],
+        offsetColor: colors.mono[50],
     },
 };

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

@@ -4,9 +4,9 @@ export declare const icons: {
     readonly muted: "#958CB0";
     readonly subtle: "#958CB0";
     readonly disabled: "#958CB0";
-    readonly primary: "#5037C8";
+    readonly interactive: "#5037C8";
     readonly brand: "#5037C8";
-    readonly hover: "#402C9F";
+    readonly interactiveHover: "#402C9F";
     readonly success: "#14B8A6";
     readonly danger: "#BE123C";
     readonly inverse: "#FFFFFF";

package/dist/light/semantic/icons.js

@@ -5,9 +5,9 @@ export const icons = {
     muted: colors.vellira[400],
     subtle: colors.vellira[400],
     disabled: colors.vellira[400],
-    primary: colors.primary[700],
+    interactive: colors.primary[700],
     brand: colors.primary[700],
-    hover: colors.primary[800],
+    interactiveHover: colors.primary[800],
     success: colors.success[500],
     danger: colors.error[700],
     inverse: colors.mono[50],

package/dist/light/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/light/semantic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/light/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/light/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/light/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/light/semantic/menu.js

@@ -36,7 +36,7 @@ export const menu = {
             },
             active: {
                 bg: colors.error[100],
-                fg: status.error.strong,
+                fg: status.error.emphasisFg,
             },
             disabled: {
                 bg: 'transparent',