@vellira-ui/tokens 2.98.6 → 2.98.7

package/dist/dark/components/modal.js

@@ -7,7 +7,7 @@ import { shadow } from '../semantic/shadow.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
 const closeButtonHoverBg = surface.elevated;
-const closeButtonPressedBg = surface.active;
+const closeButtonPressedBg = surface.pressed;
 export const modal = createModalTokensFromSemantics({
     closeButtonHoverBg,
     closeButtonPressedBg,

package/dist/dark/components/radio.js

@@ -123,7 +123,7 @@ export const radio = {
     danger,
     focus: {
         ring: focus.ring.color,
-        border: border.focus,
+        border: border.interactive,
     },
     invalid: {
         ...control.default,

package/dist/dark/components/select.js

@@ -157,13 +157,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,

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

@@ -26,7 +26,7 @@ export declare const action: {
             readonly border: "transparent";
         };
     };
-    readonly secondary: {
+    readonly accent: {
         readonly default: {
             readonly bg: "#1FBEDB";
             readonly fg: "#000000";
@@ -53,7 +53,7 @@ export declare const action: {
             readonly border: "transparent";
         };
     };
-    readonly close: {
+    readonly neutral: {
         readonly default: {
             readonly bg: "#BBB2D2";
             readonly fg: "#000000";

package/dist/dark/semantic/action.js

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

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

@@ -5,6 +5,6 @@ export declare const border: {
     readonly strong: "#6B6386";
     readonly elevated: "#4F4867";
     readonly disabled: "#3D3754";
-    readonly focus: "#B8A8FF";
+    readonly interactive: "#B8A8FF";
 };
 //# sourceMappingURL=border.d.ts.map

package/dist/dark/semantic/border.js

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

package/dist/dark/semantic/control.js

@@ -11,7 +11,7 @@ export const control = {
     hover: {
         bg: surface.hover,
         fg: text.interactive,
-        border: border.focus,
+        border: border.interactive,
     },
     pressed: {
         bg: surface.active,

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

@@ -3,7 +3,7 @@ export declare const focus: {
         readonly color: "#B8A8FF";
         readonly width: "2px";
         readonly shadow: "0 0 8px rgba(184, 168, 255, 0.14)";
-        readonly offset: "#181521";
+        readonly offsetColor: "#181521";
     };
 };
 //# sourceMappingURL=focus.d.ts.map

package/dist/dark/semantic/focus.js

@@ -4,6 +4,6 @@ export const focus = {
         color: colors.primary[300],
         width: '2px',
         shadow: '0 0 8px rgba(184, 168, 255, 0.14)',
-        offset: colors.vellira[950],
+        offsetColor: colors.vellira[950],
     },
 };

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

@@ -4,9 +4,9 @@ export declare const icons: {
     readonly muted: "#958CB0";
     readonly subtle: "#6B6386";
     readonly disabled: "#6B6386";
-    readonly primary: "#B8A8FF";
+    readonly interactive: "#B8A8FF";
     readonly brand: "#B8A8FF";
-    readonly hover: "#D4CCFF";
+    readonly interactiveHover: "#D4CCFF";
     readonly success: "#2DD4BF";
     readonly danger: "#FB7185";
     readonly inverse: "#000000";

package/dist/dark/semantic/icons.js

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

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

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

@@ -5,11 +5,11 @@ export declare const overlay: {
         readonly fg: "#F4F1FB";
         readonly border: "#4F4867";
     };
-    readonly popover: {
+    readonly floating: {
         readonly bg: "#242034";
         readonly border: "#3D3754";
     };
-    readonly modal: {
+    readonly dialog: {
         readonly bg: "#242034";
         readonly border: "#3D3754";
     };

package/dist/dark/semantic/overlay.js

@@ -9,11 +9,11 @@ export const overlay = {
         fg: colors.vellira[100],
         border: border.default,
     },
-    popover: {
+    floating: {
         bg: surface.subtle,
         border: border.muted,
     },
-    modal: {
+    dialog: {
         bg: surface.subtle,
         border: border.muted,
     },

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

@@ -4,28 +4,28 @@ export declare const status: {
         readonly bg: "rgba(52, 211, 153, 0.14)";
         readonly border: "#2DD4BF";
         readonly ring: "#5EEAD4";
-        readonly strong: "#0F9E94";
+        readonly emphasisFg: "#0F9E94";
     };
     readonly error: {
         readonly fg: "#FB7185";
         readonly bg: "rgba(251, 113, 133, 0.16)";
         readonly border: "#FB7185";
         readonly ring: "#FB7185";
-        readonly strong: "#E11D48";
+        readonly emphasisFg: "#E11D48";
     };
     readonly warning: {
         readonly fg: "#FBBF24";
         readonly bg: "rgba(251, 191, 36, 0.14)";
         readonly border: "#FBBF24";
-        readonly ring: "#FB7185";
-        readonly strong: "#D97706";
+        readonly ring: "#FCD34D";
+        readonly emphasisFg: "#D97706";
     };
     readonly info: {
         readonly fg: "#7DD3FC";
         readonly bg: "rgba(56, 189, 248, 0.14)";
         readonly border: "#7DD3FC";
-        readonly ring: "#FB7185";
-        readonly strong: "#0369A1";
+        readonly ring: "#7DD3FC";
+        readonly emphasisFg: "#0369A1";
     };
 };
 //# sourceMappingURL=status.d.ts.map

package/dist/dark/semantic/status.js

@@ -5,27 +5,27 @@ export const status = {
         bg: 'rgba(52, 211, 153, 0.14)',
         border: colors.success[400],
         ring: colors.success[300],
-        strong: colors.success[600],
+        emphasisFg: colors.success[600],
     },
     error: {
         fg: colors.error[400],
         bg: 'rgba(251, 113, 133, 0.16)',
         border: colors.error[400],
         ring: colors.error[400],
-        strong: colors.error[600],
+        emphasisFg: colors.error[600],
     },
     warning: {
         fg: colors.warning[400],
         bg: 'rgba(251, 191, 36, 0.14)',
         border: colors.warning[400],
-        ring: colors.error[400],
-        strong: colors.warning[600],
+        ring: colors.warning[300],
+        emphasisFg: colors.warning[600],
     },
     info: {
         fg: colors.info[200],
         bg: 'rgba(56, 189, 248, 0.14)',
         border: colors.info[200],
-        ring: colors.error[400],
-        strong: colors.info[500],
+        ring: colors.info[200],
+        emphasisFg: colors.info[500],
     },
 };

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

@@ -4,7 +4,6 @@ export declare const surface: {
     readonly muted: "#231F31";
     readonly subtle: "#242034";
     readonly elevated: "#2F2A42";
-    readonly background: "#181521";
     readonly hover: "#2F2A42";
     readonly active: "#3D3754";
     readonly pressed: "#4F4867";

package/dist/dark/semantic/surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAgBV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAeV,CAAC"}

package/dist/dark/semantic/surface.js

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

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

@@ -1,8 +1,8 @@
 export declare const text: {
     readonly primary: "#F4F1FB";
     readonly secondary: "#BBB2D2";
-    readonly muted: "#958CB0";
-    readonly subtle: "#9CA3AF";
+    readonly muted: "#9CA3AF";
+    readonly subtle: "#958CB0";
     readonly disabled: "#6B6386";
     readonly brand: "#B8A8FF";
     readonly interactive: "#B8A8FF";

package/dist/dark/semantic/text.js

@@ -2,8 +2,8 @@ import { colors } from '../../primitives/colors.js';
 export const text = {
     primary: colors.vellira[100],
     secondary: colors.vellira[300],
-    muted: colors.vellira[400],
-    subtle: colors.mono[500],
+    muted: colors.mono[500],
+    subtle: colors.vellira[400],
     disabled: colors.vellira[500],
     brand: colors.primary[300],
     interactive: colors.primary[300],

package/dist/factories/componentFocusRing.d.ts

@@ -0,0 +1,13 @@
+export type SemanticFocusRing = {
+    readonly color: string;
+    readonly width: string;
+    readonly shadow: string;
+    readonly offsetColor: string;
+};
+export declare const createComponentFocusRing: (ring: SemanticFocusRing) => {
+    readonly color: string;
+    readonly width: string;
+    readonly shadow: string;
+    readonly offset: string;
+};
+//# sourceMappingURL=componentFocusRing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentFocusRing.d.ts","sourceRoot":"","sources":["../../src/factories/componentFocusRing.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,iBAAiB;;;;;CAMnD,CAAC"}

package/dist/factories/componentFocusRing.js

@@ -0,0 +1,6 @@
+export const createComponentFocusRing = (ring) => ({
+    color: ring.color,
+    width: ring.width,
+    shadow: ring.shadow,
+    offset: ring.offsetColor,
+});

package/dist/factories/createContextMenuTokens.d.ts

@@ -1,3 +1,4 @@
+import { type SemanticFocusRing } from './componentFocusRing.js';
 type ContextMenuState = {
     readonly bg: string;
     readonly fg: string;
@@ -35,7 +36,7 @@ type ContextMenuTokensConfig = {
 };
 export type ContextMenuThemeSemantics = {
     focus: {
-        ring: ContextMenuFocusRing;
+        ring: SemanticFocusRing;
     };
     menu: {
         background: string;

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

@@ -1 +1 @@
-{"version":3,"file":"createContextMenuTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createContextMenuTokens.ts"],"names":[],"mappings":"AAAA,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,oBAAoB,CAAC;KAC5B,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":"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"}

package/dist/factories/createContextMenuTokens.js

@@ -1,3 +1,4 @@
+import { createComponentFocusRing, } from './componentFocusRing.js';
 export const createContextMenuTokens = (config) => ({
     content: {
         bg: config.contentBg,
@@ -54,14 +55,14 @@ export const createContextMenuTokensFromSemantics = ({ focus, menu, shadow, text
     itemHover: menu.item.hover,
     itemActive: menu.item.active,
     itemPressed: menu.item.pressed,
-    itemFocusRing: focus.ring,
+    itemFocusRing: createComponentFocusRing(focus.ring),
     itemDisabled: menu.item.disabled,
     itemDanger: menu.item.danger,
     triggerDefaultFg: text.interactive,
     triggerHoverBg: menu.item.hover.bg,
     triggerHoverFg: text.interactiveHover,
     triggerFocusFg: text.interactive,
-    triggerFocusRing: focus.ring,
+    triggerFocusRing: createComponentFocusRing(focus.ring),
     triggerDisabledFg: text.disabled,
     groupLabelFg: text.secondary,
 });

package/dist/factories/createModalTokens.d.ts

@@ -1,3 +1,4 @@
+import { type SemanticFocusRing } from './componentFocusRing.js';
 type ModalFocusRing = {
     color: string;
     width: string;
@@ -31,11 +32,11 @@ export type ModalThemeSemantics = {
     closeButtonHoverBg?: string;
     closeButtonPressedBg?: string;
     focus: {
-        ring: ModalFocusRing;
+        ring: SemanticFocusRing;
     };
     overlay: {
         backdrop: string;
-        modal: {
+        dialog: {
             bg: string;
             border: string;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"createModalTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createModalTokens.ts"],"names":[],"mappings":"AAAA,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,cAAc,CAAC;KACtB,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE;YACL,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":"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"}

package/dist/factories/createModalTokens.js

@@ -1,3 +1,4 @@
+import { createComponentFocusRing, } from './componentFocusRing.js';
 const modalLayout = {
     maxHeight: '90vh',
     nativeMaxHeight: '90%',
@@ -87,9 +88,9 @@ export const createModalTokens = (config) => ({
 });
 export const createModalTokensFromSemantics = ({ closeButtonHoverBg, closeButtonPressedBg, focus, overlay, radius, shadow, spacing, surface, text, }) => createModalTokens({
     overlayBg: overlay.backdrop,
-    contentBg: overlay.modal.bg,
+    contentBg: overlay.dialog.bg,
     contentFg: text.primary,
-    contentBorder: overlay.modal.border,
+    contentBorder: overlay.dialog.border,
     contentShadow: shadow.xl,
     titleFg: text.primary,
     descriptionFg: text.secondary,
@@ -99,7 +100,7 @@ export const createModalTokensFromSemantics = ({ closeButtonHoverBg, closeButton
     closeButtonPressedBg: closeButtonPressedBg ?? surface.pressed,
     closeButtonPressedFg: text.primary,
     closeButtonDisabledFg: text.disabled,
-    closeButtonFocusRing: focus.ring,
+    closeButtonFocusRing: createComponentFocusRing(focus.ring),
     radiusLg: radius.lg,
     radiusFull: radius.full,
     spacing1: spacing[1],

package/dist/factories/createPopoverTokens.d.ts

@@ -14,7 +14,7 @@ type PopoverTokensConfig = {
 };
 export type PopoverThemeSources = {
     overlay: {
-        popover: {
+        floating: {
             bg: string;
             border: string;
         };

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,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"}
+{"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"}

package/dist/factories/createPopoverTokens.js

@@ -27,9 +27,9 @@ export const createPopoverTokens = (config) => ({
     },
 });
 export const createPopoverTokensFromTheme = ({ overlay, shadow, shadows, text, radius, spacing, }) => createPopoverTokens({
-    contentBg: overlay.popover.bg,
+    contentBg: overlay.floating.bg,
     contentFg: text.primary,
-    contentBorder: overlay.popover.border,
+    contentBorder: overlay.floating.border,
     contentWebShadow: shadow.lg,
     contentNativeShadow: shadows.lg,
     titleFg: text.primary,