@vellira-ui/tokens 2.95.2 → 2.97.0

package/dist/factories/createModalTokens.js

@@ -85,3 +85,26 @@ export const createModalTokens = (config) => ({
     },
     motion: modalMotion,
 });
+export const createModalTokensFromSemantics = ({ closeButtonHoverBg, closeButtonPressedBg, focus, overlay, radius, shadow, spacing, surface, text, }) => createModalTokens({
+    overlayBg: overlay.backdrop,
+    contentBg: overlay.modal.bg,
+    contentFg: text.primary,
+    contentBorder: overlay.modal.border,
+    contentShadow: shadow.xl,
+    titleFg: text.primary,
+    descriptionFg: text.secondary,
+    closeButtonDefaultFg: text.secondary,
+    closeButtonHoverBg: closeButtonHoverBg ?? surface.hover,
+    closeButtonHoverFg: text.primary,
+    closeButtonPressedBg: closeButtonPressedBg ?? surface.pressed,
+    closeButtonPressedFg: text.primary,
+    closeButtonDisabledFg: text.disabled,
+    closeButtonFocusRing: focus.ring,
+    radiusLg: radius.lg,
+    radiusFull: radius.full,
+    spacing1: spacing[1],
+    spacing3: spacing[3],
+    spacing4: spacing[4],
+    spacing8: spacing[8],
+    spacing10: spacing[10],
+});

package/dist/factories/createPopoverTokens.d.ts

@@ -12,6 +12,30 @@ type PopoverTokensConfig = {
     spacing3: number;
     spacing4: number;
 };
+export type PopoverThemeSources = {
+    overlay: {
+        popover: {
+            bg: string;
+            border: string;
+        };
+    };
+    shadow: {
+        lg: string;
+    };
+    shadows: {
+        lg: NativeShadowToken;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+    };
+    radius: {
+        lg: number;
+    };
+    spacing: {
+        readonly [key: number]: number;
+    };
+};
 export declare const createPopoverTokens: (config: PopoverTokensConfig) => {
     readonly content: {
         readonly bg: string;
@@ -40,5 +64,33 @@ export declare const createPopoverTokens: (config: PopoverTokensConfig) => {
         readonly border: string;
     };
 };
+export declare const createPopoverTokensFromTheme: ({ overlay, shadow, shadows, text, radius, spacing, }: PopoverThemeSources) => {
+    readonly content: {
+        readonly bg: string;
+        readonly fg: string;
+        readonly border: string;
+        readonly shadow: {
+            readonly web: string;
+            readonly native: NativeShadowToken;
+        };
+        readonly borderWidth: 1;
+        readonly radius: number;
+        readonly padding: number;
+        readonly gap: number;
+        readonly minWidth: 220;
+        readonly maxWidth: 320;
+    };
+    readonly title: {
+        readonly fg: string;
+    };
+    readonly description: {
+        readonly fg: string;
+    };
+    readonly arrow: {
+        readonly size: 10;
+        readonly bg: string;
+        readonly border: string;
+    };
+};
 export {};
 //# sourceMappingURL=createPopoverTokens.d.ts.map

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,eAAO,MAAM,mBAAmB,GAAI,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClD,CAAC"}
+{"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,OAAO,EAAE;YACP,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"}

package/dist/factories/createPopoverTokens.js

@@ -26,3 +26,15 @@ export const createPopoverTokens = (config) => ({
         border: config.contentBorder,
     },
 });
+export const createPopoverTokensFromTheme = ({ overlay, shadow, shadows, text, radius, spacing, }) => createPopoverTokens({
+    contentBg: overlay.popover.bg,
+    contentFg: text.primary,
+    contentBorder: overlay.popover.border,
+    contentWebShadow: shadow.lg,
+    contentNativeShadow: shadows.lg,
+    titleFg: text.primary,
+    descriptionFg: text.secondary,
+    radiusLg: radius.lg,
+    spacing3: spacing[3],
+    spacing4: spacing[4],
+});

package/dist/factories/createRadioGroupTokens.d.ts

@@ -5,6 +5,9 @@ type RadioGroupTokensConfig = {
     spacing4: number;
     spacing5: number;
 };
+type SpacingScale = {
+    readonly [key: number]: number;
+};
 export declare const createRadioGroupTokens: (config: RadioGroupTokensConfig) => {
     readonly size: {
         readonly sm: {
@@ -21,5 +24,21 @@ export declare const createRadioGroupTokens: (config: RadioGroupTokensConfig) =>
         };
     };
 };
+export declare const createRadioGroupTokensFromSpacing: (spacing: SpacingScale) => {
+    readonly size: {
+        readonly sm: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+        readonly md: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+        readonly lg: {
+            readonly itemGap: number;
+            readonly horizontalGap: number;
+        };
+    };
+};
 export {};
 //# sourceMappingURL=createRadioGroupTokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createRadioGroupTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioGroupTokens.ts"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,sBAAsB;;;;;;;;;;;;;;;CAgBxD,CAAC"}
+{"version":3,"file":"createRadioGroupTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioGroupTokens.ts"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,sBAAsB;;;;;;;;;;;;;;;CAgBxD,CAAC;AAEd,eAAO,MAAM,iCAAiC,GAAI,SAAS,YAAY;;;;;;;;;;;;;;;CAOnE,CAAC"}

package/dist/factories/createRadioGroupTokens.js

@@ -14,3 +14,10 @@ export const createRadioGroupTokens = (config) => ({
         },
     },
 });
+export const createRadioGroupTokensFromSpacing = (spacing) => createRadioGroupTokens({
+    spacing1: spacing[1],
+    spacing2: spacing[2],
+    spacing3: spacing[3],
+    spacing4: spacing[4],
+    spacing5: spacing[5],
+});

package/dist/factories/createSwitchTokens.d.ts

@@ -27,5 +27,34 @@ export type SwitchTokensConfig = {
     errorRing: string;
     disabled: SwitchVisualState;
 };
+type SwitchSemanticState = {
+    bg: string;
+    border: string;
+    fg: string;
+};
+export type SwitchThemeSemantics = {
+    control: {
+        default: SwitchSemanticState;
+        selected: {
+            default: SwitchSemanticState;
+            hover: SwitchSemanticState;
+            active: SwitchSemanticState;
+        };
+        disabled: SwitchSemanticState;
+    };
+    focus: {
+        ring: {
+            color: string;
+        };
+    };
+    status: {
+        error: {
+            border: string;
+            ring: string;
+        };
+    };
+};
 export declare const createSwitchTokens: (config: SwitchTokensConfig) => SwitchTokensConfig;
+export declare const createSwitchTokensFromSemantics: ({ control, focus, status, }: SwitchThemeSemantics) => SwitchTokensConfig;
+export {};
 //# sourceMappingURL=createSwitchTokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createSwitchTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createSwitchTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,GAAG,EAAE,iBAAiB,CAAC;IACvB,EAAE,EAAE;QACF,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,iBAAiB,CAAC;QACzB,OAAO,EAAE,iBAAiB,CAAC;KAC5B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,kBAAkB,uBAAW,CAAC"}
+{"version":3,"file":"createSwitchTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createSwitchTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,GAAG,EAAE,iBAAiB,CAAC;IACvB,EAAE,EAAE;QACF,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,iBAAiB,CAAC;QACzB,OAAO,EAAE,iBAAiB,CAAC;KAC5B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE;QACP,OAAO,EAAE,mBAAmB,CAAC;QAC7B,QAAQ,EAAE;YACR,OAAO,EAAE,mBAAmB,CAAC;YAC7B,KAAK,EAAE,mBAAmB,CAAC;YAC3B,MAAM,EAAE,mBAAmB,CAAC;SAC7B,CAAC;QACF,QAAQ,EAAE,mBAAmB,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,MAAM,CAAC;YACf,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,CAAC;CACH,CAAC;AAcF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,kBAAkB,uBAAW,CAAC;AAEzE,eAAO,MAAM,+BAA+B,GAAI,6BAI7C,oBAAoB,uBAiCnB,CAAC"}

package/dist/factories/createSwitchTokens.js

@@ -1 +1,45 @@
+const switchGeometry = {
+    trackWidth: 44,
+    trackHeight: 24,
+    borderWidth: 2,
+    padding: 1,
+    thumbSize: 18,
+    thumbTravel: 20,
+    focusRingWidth: 2,
+    focusRingOffset: 2,
+    pressScale: 0.98,
+};
 export const createSwitchTokens = (config) => config;
+export const createSwitchTokensFromSemantics = ({ control, focus, status, }) => createSwitchTokens({
+    geometry: switchGeometry,
+    off: {
+        trackBg: control.default.bg,
+        trackBorder: control.default.border,
+        thumbBg: control.default.fg,
+    },
+    on: {
+        default: {
+            trackBg: control.selected.default.bg,
+            trackBorder: control.selected.default.border,
+            thumbBg: control.selected.default.fg,
+        },
+        hover: {
+            trackBg: control.selected.hover.bg,
+            trackBorder: control.selected.hover.border,
+            thumbBg: control.selected.hover.fg,
+        },
+        pressed: {
+            trackBg: control.selected.active.bg,
+            trackBorder: control.selected.active.border,
+            thumbBg: control.selected.active.fg,
+        },
+    },
+    focusRing: focus.ring.color,
+    errorBorder: status.error.border,
+    errorRing: status.error.ring,
+    disabled: {
+        trackBg: control.disabled.bg,
+        trackBorder: control.disabled.border,
+        thumbBg: control.disabled.fg,
+    },
+});

package/dist/factories/createTooltipTokens.d.ts

@@ -52,6 +52,35 @@ export type TooltipTokens = {
     content: TooltipContentTokens;
     arrow: TooltipArrowTokens;
 };
+export type TooltipThemeSources = {
+    overlay: {
+        tooltip: {
+            bg: string;
+            fg: string;
+            border: string;
+        };
+    };
+    shadow: {
+        md: string;
+    };
+    radius: {
+        sm: number;
+    };
+    spacing: {
+        readonly [key: number]: number;
+    };
+    typography: {
+        size: {
+            sm: number;
+            xs: number;
+        };
+        lineHeight: {
+            sm: number;
+            xs: number;
+        };
+    };
+};
 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 {};
 //# 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,eAAO,MAAM,mBAAmB,GAAI,8YAuBjC,mBAAmB,KAAG,aA6BZ,CAAC"}
+{"version":3,"file":"createTooltipTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createTooltipTokens.ts"],"names":[],"mappings":"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"}

package/dist/factories/createTooltipTokens.js

@@ -26,3 +26,18 @@ export const createTooltipTokens = ({ contentBg, contentFg, contentBorder, conte
         compactSize: arrowCompactSize,
     },
 });
+export const createTooltipTokensFromTheme = ({ overlay, shadow, 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],
+    contentCompactPaddingX: spacing[2],
+    contentCompactPaddingY: spacing[1],
+    contentFontSize: typography.size.sm,
+    contentLineHeight: typography.lineHeight.sm,
+    contentCompactFontSize: typography.size.xs,
+    contentCompactLineHeight: typography.lineHeight.xs,
+});

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0EAiC1B,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0EAK1B,CAAC"}

package/dist/highContrast/components/accordion.js

@@ -1,39 +1,11 @@
-import { createAccordionTokens } from '../../factories/createAccordionTokens.js';
+import { createAccordionTokensFromSemantics } from '../../factories/createAccordionTokens.js';
 import { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
-export const accordionTokens = createAccordionTokens({
-    root: {
-        bg: surface.default,
-        border: border.muted,
-    },
-    divider: border.muted,
-    trigger: {
-        default: {
-            bg: surface.default,
-            fg: text.primary,
-        },
-        expanded: {
-            bg: surface.subtle,
-        },
-        hover: {
-            bg: surface.hover,
-            fg: text.primary,
-        },
-        pressed: {
-            bg: surface.pressed,
-            fg: text.primary,
-        },
-        disabled: {
-            bg: surface.disabled,
-            fg: text.disabled,
-        },
-    },
-    indicator: text.secondary,
-    content: {
-        bg: surface.subtle,
-        fg: text.secondary,
-    },
-    focusRing: focus.ring.color,
+export const accordionTokens = createAccordionTokensFromSemantics({
+    border,
+    focus,
+    surface,
+    text,
 });

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

@@ -1,89 +1,89 @@
 export declare const contextMenu: {
     readonly content: {
-        readonly bg: "#111827";
-        readonly border: "#FFFFFF";
-        readonly shadow: "0 12px 40px rgba(0, 0, 0, 0.7)";
+        readonly bg: string;
+        readonly border: string;
+        readonly shadow: string;
     };
     readonly item: {
         readonly default: {
-            readonly bg: "transparent";
-            readonly fg: "#FFFFFF";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly hover: {
-            readonly bg: "#FCD34D";
-            readonly fg: "#000000";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly active: {
             readonly ring: "transparent";
-            readonly bg: "#FBBF24";
-            readonly fg: "#000000";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly pressed: {
-            readonly bg: "#F59E0B";
-            readonly fg: "#000000";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly focus: {
             readonly ring: {
-                readonly color: "#FCD34D";
-                readonly width: "2px";
-                readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
-                readonly offset: "#000000";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
-            readonly bg: "transparent";
-            readonly fg: "#6B7280";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly danger: {
             readonly default: {
-                readonly bg: "transparent";
-                readonly fg: "#FB7185";
+                readonly bg: string;
+                readonly fg: string;
             };
             readonly hover: {
-                readonly bg: "#FB7185";
-                readonly fg: "#000000";
+                readonly bg: string;
+                readonly fg: string;
             };
             readonly active: {
-                readonly bg: "#E11D48";
-                readonly fg: "#FFFFFF";
+                readonly bg: string;
+                readonly fg: string;
             };
             readonly disabled: {
-                readonly bg: "transparent";
-                readonly fg: "#6B7280";
+                readonly bg: string;
+                readonly fg: string;
             };
         };
     };
     readonly trigger: {
         readonly default: {
             readonly bg: "transparent";
-            readonly fg: "#FBBF24";
+            readonly fg: string;
             readonly border: "transparent";
         };
         readonly hover: {
-            readonly bg: "#FCD34D";
-            readonly fg: "#FCD34D";
+            readonly bg: string;
+            readonly fg: string;
             readonly border: "transparent";
             readonly ring: "transparent";
         };
         readonly focus: {
             readonly bg: "transparent";
-            readonly fg: "#FBBF24";
+            readonly fg: string;
             readonly border: "transparent";
             readonly ring: {
-                readonly color: "#FCD34D";
-                readonly width: "2px";
-                readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
-                readonly offset: "#000000";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#6B7280";
+            readonly fg: string;
             readonly border: "transparent";
         };
     };
     readonly groupLabel: {
-        readonly fg: "#EEE8FA";
+        readonly fg: string;
     };
 };
 //# sourceMappingURL=contextMenu.d.ts.map

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":"AAKA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDd,CAAC"}
+{"version":3,"file":"contextMenu.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/contextMenu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

package/dist/highContrast/components/contextMenu.js

@@ -1,52 +1,11 @@
+import { createContextMenuTokensFromSemantics } from '../../factories/createContextMenuTokens.js';
 import { focus } from '../semantic/focus.js';
-import { menu as semanticMenu } from '../semantic/menu.js';
+import { menu } from '../semantic/menu.js';
 import { shadow } from '../semantic/shadow.js';
 import { text } from '../semantic/text.js';
-export const contextMenu = {
-    content: {
-        bg: semanticMenu.background,
-        border: semanticMenu.border,
-        shadow: shadow.lg,
-    },
-    item: {
-        default: semanticMenu.item.default,
-        hover: semanticMenu.item.hover,
-        active: {
-            ...semanticMenu.item.active,
-            ring: 'transparent',
-        },
-        pressed: semanticMenu.item.pressed,
-        focus: {
-            ring: focus.ring,
-        },
-        disabled: semanticMenu.item.disabled,
-        danger: semanticMenu.item.danger,
-    },
-    trigger: {
-        default: {
-            bg: 'transparent',
-            fg: text.interactive,
-            border: 'transparent',
-        },
-        hover: {
-            bg: semanticMenu.item.hover.bg,
-            fg: text.interactiveHover,
-            border: 'transparent',
-            ring: 'transparent',
-        },
-        focus: {
-            bg: 'transparent',
-            fg: text.interactive,
-            border: 'transparent',
-            ring: focus.ring,
-        },
-        disabled: {
-            bg: 'transparent',
-            fg: text.disabled,
-            border: 'transparent',
-        },
-    },
-    groupLabel: {
-        fg: text.secondary,
-    },
-};
+export const contextMenu = createContextMenuTokensFromSemantics({
+    focus,
+    menu,
+    shadow,
+    text,
+});