@vellira-ui/tokens 2.98.7 → 2.99.0

package/dist/factories/createContextMenuTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createContextMenuTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createContextMenuTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;CACrC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,aAAa,EAAE,oBAAoB,CAAC;IACpC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,uBAAuB,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,oBAAoB,CAAC;IACvC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB,CAAC;KACzB,CAAC;IACF,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC;YACxB,MAAM,EAAE,gBAAgB,CAAC;YACzB,OAAO,EAAE,gBAAgB,CAAC;YAC1B,QAAQ,EAAE,gBAAgB,CAAC;YAC3B,MAAM,EAAE,uBAAuB,CAAC;SACjC,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM,CAAC;QACpB,gBAAgB,EAAE,MAAM,CAAC;QACzB,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,QAAQ,uBAAuB;;;;;;;;;;;yBAjExD,MAAM;yBACN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHR,CAAC;AAEd,eAAO,MAAM,oCAAoC,GAAI,gCAKlD,yBAAyB;;;;;;;;;;;yBA3Hb,MAAM;yBACN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6IjB,CAAC"}
+{"version":3,"file":"createContextMenuTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createContextMenuTokens.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,wBAAwB,EACxB,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;CACrC,CAAC;AAEF,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAExE,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,aAAa,EAAE,oBAAoB,CAAC;IACpC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,uBAAuB,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,oBAAoB,CAAC;IACvC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB,CAAC;KACzB,CAAC;IACF,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC;YACxB,MAAM,EAAE,gBAAgB,CAAC;YACzB,OAAO,EAAE,gBAAgB,CAAC;YAC1B,QAAQ,EAAE,gBAAgB,CAAC;YAC3B,MAAM,EAAE,uBAAuB,CAAC;SACjC,CAAC;KACH,CAAC;IACF,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM,CAAC;QACpB,gBAAgB,EAAE,MAAM,CAAC;QACzB,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,QAAQ,uBAAuB;;;;;;;;;;;;;;;yBAxDxD,MAAM;yBACN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GR,CAAC;AAEd,eAAO,MAAM,oCAAoC,GAAI,wBAIlD,yBAAyB;;;;;;;;;;;;;;;yBAjHb,MAAM;yBACN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjB,CAAC"}

package/dist/factories/createContextMenuTokens.js

@@ -1,9 +1,10 @@
+import { createComponentShadowIntent } from '../platform-output/component-token-intents.js';
 import { createComponentFocusRing, } from './componentFocusRing.js';
 export const createContextMenuTokens = (config) => ({
     content: {
         bg: config.contentBg,
         border: config.contentBorder,
-        shadow: config.contentShadow,
+        shadow: createComponentShadowIntent('lg'),
     },
     item: {
         default: config.itemDefault,
@@ -47,10 +48,9 @@ export const createContextMenuTokens = (config) => ({
         fg: config.groupLabelFg,
     },
 });
-export const createContextMenuTokensFromSemantics = ({ focus, menu, shadow, text, }) => createContextMenuTokens({
+export const createContextMenuTokensFromSemantics = ({ focus, menu, text, }) => createContextMenuTokens({
     contentBg: menu.background,
     contentBorder: menu.border,
-    contentShadow: shadow.lg,
     itemDefault: menu.item.default,
     itemHover: menu.item.hover,
     itemActive: menu.item.active,

package/dist/factories/createModalTokens.d.ts

@@ -1,16 +1,10 @@
-import { type SemanticFocusRing } from './componentFocusRing.js';
-type ModalFocusRing = {
-    color: string;
-    width: string;
-    shadow: string;
-    offset: string;
-};
+import { createComponentFocusRing, type SemanticFocusRing } from './componentFocusRing.js';
+type ModalFocusRing = ReturnType<typeof createComponentFocusRing>;
 type ModalTokensConfig = {
     overlayBg: string;
     contentBg: string;
     contentFg: string;
     contentBorder: string;
-    contentShadow: string;
     titleFg: string;
     descriptionFg: string;
     closeButtonDefaultFg: string;
@@ -45,9 +39,6 @@ export type ModalThemeSemantics = {
         lg: number;
         full: number;
     };
-    shadow: {
-        xl: string;
-    };
     spacing: {
         1: number;
         3: number;
@@ -75,14 +66,20 @@ export declare const createModalTokens: (config: ModalTokensConfig) => {
         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;
@@ -132,7 +129,15 @@ export declare const createModalTokens: (config: ModalTokensConfig) => {
             readonly border: "transparent";
         };
         readonly focus: {
-            readonly ring: ModalFocusRing;
+            readonly ring: {
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
+                readonly offset: string;
+            };
         };
         readonly disabled: {
             readonly bg: "transparent";
@@ -146,7 +151,7 @@ export declare const createModalTokens: (config: ModalTokensConfig) => {
         readonly openDuration: "180ms";
     };
 };
-export declare const createModalTokensFromSemantics: ({ closeButtonHoverBg, closeButtonPressedBg, focus, overlay, radius, shadow, spacing, surface, text, }: ModalThemeSemantics) => {
+export declare const createModalTokensFromSemantics: ({ closeButtonHoverBg, closeButtonPressedBg, focus, overlay, radius, spacing, surface, text, }: ModalThemeSemantics) => {
     readonly overlay: {
         readonly bg: string;
         readonly blur: 4;
@@ -156,14 +161,20 @@ export declare const createModalTokensFromSemantics: ({ closeButtonHoverBg, clos
         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;
@@ -213,7 +224,15 @@ export declare const createModalTokensFromSemantics: ({ closeButtonHoverBg, clos
             readonly border: "transparent";
         };
         readonly focus: {
-            readonly ring: ModalFocusRing;
+            readonly ring: {
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: Readonly<{
+                    kind: "shadow";
+                    role: "focus-ring";
+                }>;
+                readonly offset: string;
+            };
         };
         readonly disabled: {
             readonly bg: "transparent";

package/dist/factories/createModalTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createModalTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createModalTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,cAAc,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB,CAAC;KACzB,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE;YACN,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAcF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F9C,CAAC;AAEd,eAAO,MAAM,8BAA8B,GAAI,uGAU5C,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBlB,CAAC"}
+{"version":3,"file":"createModalTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createModalTokens.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,wBAAwB,EACxB,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAElE,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,cAAc,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB,CAAC;KACzB,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE;YACN,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAaF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0F9C,CAAC;AAEd,eAAO,MAAM,8BAA8B,GAAI,+FAS5C,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBlB,CAAC"}

package/dist/factories/createModalTokens.js

@@ -1,7 +1,7 @@
+import { createComponentShadowIntent, createComponentViewportHeightIntent, } from '../platform-output/component-token-intents.js';
 import { createComponentFocusRing, } from './componentFocusRing.js';
 const modalLayout = {
-    maxHeight: '90vh',
-    nativeMaxHeight: '90%',
+    maxHeight: createComponentViewportHeightIntent(0.9),
     zIndexOffset: 1,
 };
 const modalMotion = {
@@ -19,14 +19,13 @@ export const createModalTokens = (config) => ({
         bg: config.contentBg,
         fg: config.contentFg,
         border: config.contentBorder,
-        shadow: config.contentShadow,
+        shadow: createComponentShadowIntent('xl'),
         borderWidth: 1,
         radius: config.radiusLg,
         padding: config.spacing4,
         gap: config.spacing4,
         minWidth: 320,
         maxHeight: modalLayout.maxHeight,
-        nativeMaxHeight: modalLayout.nativeMaxHeight,
         viewportMargin: config.spacing8,
         topOffset: config.spacing10,
         zIndexOffset: modalLayout.zIndexOffset,
@@ -86,12 +85,11 @@ export const createModalTokens = (config) => ({
     },
     motion: modalMotion,
 });
-export const createModalTokensFromSemantics = ({ closeButtonHoverBg, closeButtonPressedBg, focus, overlay, radius, shadow, spacing, surface, text, }) => createModalTokens({
+export const createModalTokensFromSemantics = ({ closeButtonHoverBg, closeButtonPressedBg, focus, overlay, radius, spacing, surface, text, }) => createModalTokens({
     overlayBg: overlay.backdrop,
     contentBg: overlay.dialog.bg,
     contentFg: text.primary,
     contentBorder: overlay.dialog.border,
-    contentShadow: shadow.xl,
     titleFg: text.primary,
     descriptionFg: text.secondary,
     closeButtonDefaultFg: text.secondary,

package/dist/factories/createPopoverTokens.d.ts

@@ -1,11 +1,7 @@
-import type { shadows } from '../tokens/shadows.js';
-type NativeShadowToken = (typeof shadows)[keyof typeof shadows];
 type PopoverTokensConfig = {
     contentBg: string;
     contentFg: string;
     contentBorder: string;
-    contentWebShadow: string;
-    contentNativeShadow: NativeShadowToken;
     titleFg: string;
     descriptionFg: string;
     radiusLg: number;
@@ -19,12 +15,6 @@ export type PopoverThemeSources = {
             border: string;
         };
     };
-    shadow: {
-        lg: string;
-    };
-    shadows: {
-        lg: NativeShadowToken;
-    };
     text: {
         primary: string;
         secondary: string;
@@ -41,10 +31,11 @@ export declare const createPopoverTokens: (config: PopoverTokensConfig) => {
         readonly bg: string;
         readonly fg: string;
         readonly border: string;
-        readonly shadow: {
-            readonly web: string;
-            readonly native: NativeShadowToken;
-        };
+        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;
@@ -64,15 +55,16 @@ export declare const createPopoverTokens: (config: PopoverTokensConfig) => {
         readonly border: string;
     };
 };
-export declare const createPopoverTokensFromTheme: ({ overlay, shadow, shadows, text, radius, spacing, }: PopoverThemeSources) => {
+export declare const createPopoverTokensFromTheme: ({ overlay, text, radius, spacing, }: PopoverThemeSources) => {
     readonly content: {
         readonly bg: string;
         readonly fg: string;
         readonly border: string;
-        readonly shadow: {
-            readonly web: string;
-            readonly native: NativeShadowToken;
-        };
+        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/factories/createPopoverTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createPopoverTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,KAAK,iBAAiB,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAEhE,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,iBAAiB,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE;QACP,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,EAAE,EAAE,iBAAiB,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClD,CAAC;AAEd,eAAO,MAAM,4BAA4B,GAAI,sDAO1C,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYlB,CAAC"}
+{"version":3,"file":"createPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createPopoverTokens.ts"],"names":[],"mappings":"AAEA,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE;QACP,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BlD,CAAC;AAEd,eAAO,MAAM,4BAA4B,GAAI,qCAK1C,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUlB,CAAC"}

package/dist/factories/createPopoverTokens.js

@@ -1,12 +1,10 @@
+import { createComponentShadowIntent } from '../platform-output/component-token-intents.js';
 export const createPopoverTokens = (config) => ({
     content: {
         bg: config.contentBg,
         fg: config.contentFg,
         border: config.contentBorder,
-        shadow: {
-            web: config.contentWebShadow,
-            native: config.contentNativeShadow,
-        },
+        shadow: createComponentShadowIntent('lg'),
         borderWidth: 1,
         radius: config.radiusLg,
         padding: config.spacing4,
@@ -26,12 +24,10 @@ export const createPopoverTokens = (config) => ({
         border: config.contentBorder,
     },
 });
-export const createPopoverTokensFromTheme = ({ overlay, shadow, shadows, text, radius, spacing, }) => createPopoverTokens({
+export const createPopoverTokensFromTheme = ({ overlay, text, radius, spacing, }) => createPopoverTokens({
     contentBg: overlay.floating.bg,
     contentFg: text.primary,
     contentBorder: overlay.floating.border,
-    contentWebShadow: shadow.lg,
-    contentNativeShadow: shadows.lg,
     titleFg: text.primary,
     descriptionFg: text.secondary,
     radiusLg: radius.lg,

package/dist/factories/createTooltipTokens.d.ts

@@ -1,8 +1,9 @@
+import { type ComponentElevationShadowIntent } from '../platform-output/component-token-intents.js';
 type TooltipContentTokens = {
     bg: string;
     fg: string;
     border: string;
-    shadow: string;
+    shadow: ComponentElevationShadowIntent;
     borderWidth: number;
     radius: number;
     paddingX: number;
@@ -28,7 +29,6 @@ type TooltipTokensConfig = {
     contentBg: string;
     contentFg: string;
     contentBorder: string;
-    contentShadow: string;
     contentBorderWidth?: number;
     contentRadius: number;
     contentPaddingX: number;
@@ -60,9 +60,6 @@ export type TooltipThemeSources = {
             border: string;
         };
     };
-    shadow: {
-        md: string;
-    };
     radius: {
         sm: number;
     };
@@ -80,7 +77,7 @@ export type TooltipThemeSources = {
         };
     };
 };
-export declare const createTooltipTokens: ({ contentBg, contentFg, contentBorder, contentShadow, contentBorderWidth, contentRadius, contentPaddingX, contentPaddingY, contentMaxWidth, contentCompactMaxWidth, contentCompactPaddingX, contentCompactPaddingY, contentFontSize, contentLineHeight, contentCompactFontSize, contentCompactLineHeight, contentAnimationDuration, contentTranslateY, contentScale, arrowBg, arrowSize, arrowCompactSize, }: TooltipTokensConfig) => TooltipTokens;
-export declare const createTooltipTokensFromTheme: ({ overlay, shadow, radius, spacing, typography, }: TooltipThemeSources) => TooltipTokens;
+export declare const createTooltipTokens: ({ contentBg, contentFg, contentBorder, contentBorderWidth, contentRadius, contentPaddingX, contentPaddingY, contentMaxWidth, contentCompactMaxWidth, contentCompactPaddingX, contentCompactPaddingY, contentFontSize, contentLineHeight, contentCompactFontSize, contentCompactLineHeight, contentAnimationDuration, contentTranslateY, contentScale, arrowBg, arrowSize, arrowCompactSize, }: TooltipTokensConfig) => TooltipTokens;
+export declare const createTooltipTokensFromTheme: ({ overlay, radius, spacing, typography, }: TooltipThemeSources) => TooltipTokens;
 export {};
 //# sourceMappingURL=createTooltipTokens.d.ts.map

package/dist/factories/createTooltipTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTooltipTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createTooltipTokens.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE;QACP,OAAO,EAAE;YACP,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,UAAU,EAAE;YACV,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,8YAuBjC,mBAAmB,KAAG,aA6BZ,CAAC;AAEd,eAAO,MAAM,4BAA4B,GAAI,mDAM1C,mBAAmB,kBAelB,CAAC"}
+{"version":3,"file":"createTooltipTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createTooltipTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,8BAA8B,EAEpC,MAAM,+CAA+C,CAAC;AAEvD,KAAK,oBAAoB,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,8BAA8B,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE;QACP,OAAO,EAAE;YACP,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,UAAU,EAAE;YACV,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,+XAsBjC,mBAAmB,KAAG,aA6BZ,CAAC;AAEd,eAAO,MAAM,4BAA4B,GAAI,2CAK1C,mBAAmB,kBAclB,CAAC"}

package/dist/factories/createTooltipTokens.js

@@ -1,9 +1,10 @@
-export const createTooltipTokens = ({ contentBg, contentFg, contentBorder, contentShadow, contentBorderWidth = 1, contentRadius, contentPaddingX, contentPaddingY, contentMaxWidth = 240, contentCompactMaxWidth = 200, contentCompactPaddingX, contentCompactPaddingY, contentFontSize, contentLineHeight, contentCompactFontSize, contentCompactLineHeight, contentAnimationDuration = '150ms', contentTranslateY = 2, contentScale = 0.98, arrowBg = contentBg, arrowSize = 10, arrowCompactSize = 6, }) => ({
+import { createComponentShadowIntent, } from '../platform-output/component-token-intents.js';
+export const createTooltipTokens = ({ contentBg, contentFg, contentBorder, contentBorderWidth = 1, contentRadius, contentPaddingX, contentPaddingY, contentMaxWidth = 240, contentCompactMaxWidth = 200, contentCompactPaddingX, contentCompactPaddingY, contentFontSize, contentLineHeight, contentCompactFontSize, contentCompactLineHeight, contentAnimationDuration = '150ms', contentTranslateY = 2, contentScale = 0.98, arrowBg = contentBg, arrowSize = 10, arrowCompactSize = 6, }) => ({
     content: {
         bg: contentBg,
         fg: contentFg,
         border: contentBorder,
-        shadow: contentShadow,
+        shadow: createComponentShadowIntent('md'),
         borderWidth: contentBorderWidth,
         radius: contentRadius,
         paddingX: contentPaddingX,
@@ -26,11 +27,10 @@ export const createTooltipTokens = ({ contentBg, contentFg, contentBorder, conte
         compactSize: arrowCompactSize,
     },
 });
-export const createTooltipTokensFromTheme = ({ overlay, shadow, radius, spacing, typography, }) => createTooltipTokens({
+export const createTooltipTokensFromTheme = ({ overlay, radius, spacing, typography, }) => createTooltipTokens({
     contentBg: overlay.tooltip.bg,
     contentFg: overlay.tooltip.fg,
     contentBorder: overlay.tooltip.border,
-    contentShadow: shadow.md,
     contentRadius: radius.sm,
     contentPaddingX: spacing[3],
     contentPaddingY: spacing[2],