@vellira-ui/tokens 2.98.7 → 2.99.0

package/dist/generated/token-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,whMA0LrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,0u2FAq8DtB,CAAC;AAEX,eAAO,MAAM,cAAc,guDAiEjB,CAAC;AAEX,eAAO,MAAM,UAAU,21qGAkzEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,05BAkDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,yjjFAkvExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,25kFAgyEnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAE7F,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,kjMA2LrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,i51FA87DtB,CAAC;AAEX,eAAO,MAAM,cAAc,guDAiEjB,CAAC;AAEX,eAAO,MAAM,UAAU,4hqGA4yEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,05BAkDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,wmjFAovExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,08kFAkyEnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,uBAAuB,GAC/D,CAAC,GACD;IACE,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/generated/token-types.js

@@ -296,6 +296,7 @@ export const semanticTokenPaths = [
     'semantic.surface.hover',
     'semantic.surface.inverse',
     'semantic.surface.muted',
+    'semantic.surface.panel',
     'semantic.surface.pressed',
     'semantic.surface.subtle',
     'semantic.text.brand',
@@ -1234,7 +1235,6 @@ export const componentTokenPaths = [
     'components.modal.content.gap',
     'components.modal.content.maxHeight',
     'components.modal.content.minWidth',
-    'components.modal.content.nativeMaxHeight',
     'components.modal.content.padding',
     'components.modal.content.radius',
     'components.modal.content.shadow',
@@ -1270,13 +1270,7 @@ export const componentTokenPaths = [
     'components.popover.content.minWidth',
     'components.popover.content.padding',
     'components.popover.content.radius',
-    'components.popover.content.shadow.native.blur',
-    'components.popover.content.shadow.native.color',
-    'components.popover.content.shadow.native.elevation',
-    'components.popover.content.shadow.native.opacity',
-    'components.popover.content.shadow.native.x',
-    'components.popover.content.shadow.native.y',
-    'components.popover.content.shadow.web',
+    'components.popover.content.shadow',
     'components.popover.description.fg',
     'components.popover.title.fg',
     'components.radio.danger.default.bg',
@@ -3406,7 +3400,6 @@ export const tokenPaths = [
     'components.modal.content.gap',
     'components.modal.content.maxHeight',
     'components.modal.content.minWidth',
-    'components.modal.content.nativeMaxHeight',
     'components.modal.content.padding',
     'components.modal.content.radius',
     'components.modal.content.shadow',
@@ -3442,13 +3435,7 @@ export const tokenPaths = [
     'components.popover.content.minWidth',
     'components.popover.content.padding',
     'components.popover.content.radius',
-    'components.popover.content.shadow.native.blur',
-    'components.popover.content.shadow.native.color',
-    'components.popover.content.shadow.native.elevation',
-    'components.popover.content.shadow.native.opacity',
-    'components.popover.content.shadow.native.x',
-    'components.popover.content.shadow.native.y',
-    'components.popover.content.shadow.web',
+    'components.popover.content.shadow',
     'components.popover.description.fg',
     'components.popover.title.fg',
     'components.radio.danger.default.bg',
@@ -4643,6 +4630,7 @@ export const tokenPaths = [
     'semantic.surface.hover',
     'semantic.surface.inverse',
     'semantic.surface.muted',
+    'semantic.surface.panel',
     'semantic.surface.pressed',
     'semantic.surface.subtle',
     'semantic.text.brand',
@@ -5985,6 +5973,7 @@ export const themeCssVariableNames = [
     '--popover-content-min-width',
     '--popover-content-padding',
     '--popover-content-radius',
+    '--popover-content-shadow',
     '--popover-content-shadow-native-blur',
     '--popover-content-shadow-native-color',
     '--popover-content-shadow-native-elevation',
@@ -6869,6 +6858,7 @@ export const themeCssVariableNames = [
     '--surface-hover',
     '--surface-inverse',
     '--surface-muted',
+    '--surface-panel',
     '--surface-pressed',
     '--surface-subtle',
     '--switch-disabled-thumb-bg',
@@ -8299,6 +8289,7 @@ export const cssVariableNames = [
     '--popover-content-min-width',
     '--popover-content-padding',
     '--popover-content-radius',
+    '--popover-content-shadow',
     '--popover-content-shadow-native-blur',
     '--popover-content-shadow-native-color',
     '--popover-content-shadow-native-elevation',
@@ -9200,6 +9191,7 @@ export const cssVariableNames = [
     '--surface-hover',
     '--surface-inverse',
     '--surface-muted',
+    '--surface-panel',
     '--surface-pressed',
     '--surface-subtle',
     '--switch-disabled-thumb-bg',

package/dist/highContrast/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/highContrast/components/contextMenu.d.ts.map

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

package/dist/highContrast/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/highContrast/components/dropdown.d.ts

@@ -273,7 +273,10 @@ export declare const dropdown: {
             readonly ring: {
                 readonly color: string;
                 readonly width: string;
-                readonly shadow: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
                 readonly offset: string;
             };
         };
@@ -287,7 +290,11 @@ export declare const dropdown: {
         readonly bg: "#111827";
         readonly fg: "#FFFFFF";
         readonly border: "#FFFFFF";
-        readonly shadow: "0 12px 40px rgba(0, 0, 0, 0.7)";
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
     };
     readonly item: {
         readonly default: {
@@ -311,7 +318,10 @@ export declare const dropdown: {
             readonly ring: {
                 readonly color: string;
                 readonly width: string;
-                readonly shadow: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
                 readonly offset: string;
             };
         };

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":"AAyEA,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,11 +1,11 @@
 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 { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.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';
@@ -113,7 +113,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,

package/dist/highContrast/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/highContrast/components/modal.d.ts.map

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

package/dist/highContrast/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/highContrast/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/highContrast/components/popover.d.ts.map

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

package/dist/highContrast/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/highContrast/components/select.d.ts

@@ -2411,7 +2411,11 @@ export declare const select: {
         readonly bg: "#111827";
         readonly fg: "#FFFFFF";
         readonly border: "#FFFFFF";
-        readonly shadow: "0 12px 40px rgba(0, 0, 0, 0.7)";
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
         readonly search: {
             readonly bg: "#000000";
             readonly fg: "#FFFFFF";
@@ -2462,7 +2466,10 @@ export declare const select: {
             readonly bg: "#1F2937";
             readonly fg: "#FDE68A";
             readonly border: "#FCD34D";
-            readonly shadow: "none";
+            readonly shadow: Readonly<{
+                kind: "shadow";
+                role: "none";
+            }>;
         };
         readonly disabled: {
             readonly border: "transparent";

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/select.ts"],"names":[],"mappings":"AAwHA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyOT,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/select.ts"],"names":[],"mappings":"AA2HA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyOT,CAAC"}

package/dist/highContrast/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';
@@ -214,7 +214,7 @@ export const select = {
         bg: menu.background,
         fg: menu.item.default.fg,
         border: menu.border,
-        shadow: shadow.lg,
+        shadow: createComponentShadowIntent('lg'),
         search: {
             bg: surface.default,
             fg: text.primary,
@@ -261,7 +261,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/highContrast/components/tooltip.d.ts.map

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

package/dist/highContrast/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/highContrast/semantic/surface.d.ts

@@ -1,6 +1,7 @@
 export declare const surface: {
     readonly canvas: "#000000";
     readonly default: "#000000";
+    readonly panel: "#0B1120";
     readonly muted: "#111827";
     readonly subtle: "#1F2937";
     readonly elevated: "#374151";

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

package/dist/highContrast/semantic/surface.js

@@ -3,6 +3,7 @@ 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],

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

@@ -273,7 +273,10 @@ export declare const dropdown: {
             readonly ring: {
                 readonly color: string;
                 readonly width: string;
-                readonly shadow: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
                 readonly offset: string;
             };
         };
@@ -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: {
@@ -311,7 +318,10 @@ export declare const dropdown: {
             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/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/light/components/dropdown.ts"],"names":[],"mappings":"AAyEA,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,12 +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 = {
@@ -137,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,

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"}