@vellira-ui/tokens 2.25.1 → 2.26.1

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

@@ -1,56 +1,56 @@
 export declare const action: {
     readonly primary: {
         readonly default: {
-            readonly bg: "#6346E8";
+            readonly bg: "#7352F8";
             readonly fg: "#FFFFFF";
-            readonly border: "#6346E8";
+            readonly border: "#FFFFFF";
         };
         readonly hover: {
-            readonly bg: "#7C5CFF";
-            readonly fg: "#FFFFFF";
-            readonly border: "#7C5CFF";
+            readonly bg: "#9B7CFF";
+            readonly fg: "#000000";
+            readonly border: "#FCD34D";
         };
         readonly active: {
-            readonly bg: "#9B7CFF";
+            readonly bg: "#6346E8";
             readonly fg: "#FFFFFF";
-            readonly border: "#9B7CFF";
+            readonly border: "#FCD34D";
         };
         readonly muted: {
-            readonly bg: "#B8A8FF";
-            readonly fg: "#FFFFFF";
+            readonly bg: "#21164F";
+            readonly fg: "#E9E6FF";
             readonly border: "#B8A8FF";
         };
         readonly subtle: {
-            readonly bg: "#D4CCFF";
-            readonly fg: "#F9FAFB";
-            readonly border: "#D4CCFF";
+            readonly bg: "#111827";
+            readonly fg: "#D4CCFF";
+            readonly border: "transparent";
         };
     };
     readonly secondary: {
         readonly default: {
-            readonly bg: "#3ED5EE";
+            readonly bg: "#79E8F8";
             readonly fg: "#000000";
-            readonly border: "#3ED5EE";
+            readonly border: "#FFFFFF";
         };
         readonly hover: {
-            readonly bg: "#79E8F8";
+            readonly bg: "#B4F4FD";
             readonly fg: "#000000";
-            readonly border: "#79E8F8";
+            readonly border: "#FCD34D";
         };
         readonly active: {
-            readonly bg: "#B4F4FD";
+            readonly bg: "#3ED5EE";
             readonly fg: "#000000";
-            readonly border: "#B4F4FD";
+            readonly border: "#FCD34D";
         };
         readonly muted: {
-            readonly bg: "#79E8F8";
-            readonly fg: "#FFFFFF";
+            readonly bg: "#062F3B";
+            readonly fg: "#D9FBFF";
             readonly border: "#79E8F8";
         };
         readonly subtle: {
-            readonly bg: "#B4F4FD";
-            readonly fg: "#000000";
-            readonly border: "#B4F4FD";
+            readonly bg: "#111827";
+            readonly fg: "#B4F4FD";
+            readonly border: "transparent";
         };
     };
     readonly close: {
@@ -60,41 +60,51 @@ export declare const action: {
             readonly border: "#FFFFFF";
         };
         readonly hover: {
-            readonly bg: "#D1D5DB";
+            readonly bg: "#E5E7EB";
             readonly fg: "#000000";
-            readonly border: "#D1D5DB";
+            readonly border: "#FCD34D";
         };
         readonly active: {
             readonly bg: "#9CA3AF";
             readonly fg: "#000000";
-            readonly border: "#9CA3AF";
+            readonly border: "#FCD34D";
+        };
+        readonly muted: {
+            readonly bg: "#1F2937";
+            readonly fg: "#FFFFFF";
+            readonly border: "#D1D5DB";
+        };
+        readonly subtle: {
+            readonly bg: "#111827";
+            readonly fg: "#FFFFFF";
+            readonly border: "transparent";
         };
     };
     readonly danger: {
         readonly default: {
             readonly bg: "#E11D48";
             readonly fg: "#FFFFFF";
-            readonly border: "#E11D48";
+            readonly border: "#FFFFFF";
         };
         readonly hover: {
             readonly bg: "#F43F5E";
-            readonly fg: "#FFFFFF";
-            readonly border: "#F43F5E";
+            readonly fg: "#000000";
+            readonly border: "#FCD34D";
         };
         readonly active: {
-            readonly bg: "#9F1239";
+            readonly bg: "#BE123C";
             readonly fg: "#FFFFFF";
-            readonly border: "#9F1239";
+            readonly border: "#FCD34D";
         };
         readonly muted: {
-            readonly bg: "#FB7185";
-            readonly fg: "#FB7185";
-            readonly border: "#FB7185";
+            readonly bg: "#4C0519";
+            readonly fg: "#FECDD3";
+            readonly border: "#FDA4AF";
         };
         readonly subtle: {
-            readonly bg: "#FDA4AF";
+            readonly bg: "#111827";
             readonly fg: "#FDA4AF";
-            readonly border: "#FDA4AF";
+            readonly border: "transparent";
         };
     };
 };

package/dist/highContrast/semantic/action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGT,CAAC"}
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/action.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHT,CAAC"}

package/dist/highContrast/semantic/action.js

@@ -1,102 +1,111 @@
 import { colors } from '../../primitives/colors.js';
-import { text } from './text.js';
 export const action = {
     primary: {
         default: {
-            bg: colors.primary[600],
-            fg: text.primary,
-            border: colors.primary[600],
+            bg: colors.primary[500],
+            fg: colors.mono[50],
+            border: colors.mono[50],
         },
         hover: {
-            bg: colors.primary[500],
-            fg: text.primary,
-            border: colors.primary[500],
+            bg: colors.primary[400],
+            fg: colors.mono[950],
+            border: colors.warning[300],
         },
         active: {
-            bg: colors.primary[400],
-            fg: text.primary,
-            border: colors.primary[400],
+            bg: colors.primary[600],
+            fg: colors.mono[50],
+            border: colors.warning[300],
         },
         muted: {
-            bg: colors.primary[300],
-            fg: colors.mono[50],
+            bg: colors.primary[950],
+            fg: colors.primary[100],
             border: colors.primary[300],
         },
         subtle: {
-            bg: colors.primary[200],
-            fg: text.inverse,
-            border: colors.primary[200],
+            bg: colors.gray[900],
+            fg: colors.primary[200],
+            border: 'transparent',
         },
     },
     secondary: {
         default: {
-            bg: colors.secondary[400],
-            fg: text.onInverse,
-            border: colors.secondary[400],
+            bg: colors.secondary[300],
+            fg: colors.mono[950],
+            border: colors.mono[50],
         },
         hover: {
-            bg: colors.secondary[300],
-            fg: text.onInverse,
-            border: colors.secondary[300],
+            bg: colors.secondary[200],
+            fg: colors.mono[950],
+            border: colors.warning[300],
         },
         active: {
-            bg: colors.secondary[200],
-            fg: text.onInverse,
-            border: colors.secondary[200],
+            bg: colors.secondary[400],
+            fg: colors.mono[950],
+            border: colors.warning[300],
         },
         muted: {
-            bg: colors.secondary[300],
-            fg: colors.mono[50],
+            bg: colors.secondary[950],
+            fg: colors.secondary[100],
             border: colors.secondary[300],
         },
         subtle: {
-            bg: colors.secondary[200],
-            fg: text.onInverse,
-            border: colors.secondary[200],
+            bg: colors.gray[900],
+            fg: colors.secondary[200],
+            border: 'transparent',
         },
     },
     close: {
         default: {
             bg: colors.mono[50],
-            fg: text.onInverse,
+            fg: colors.mono[950],
             border: colors.mono[50],
         },
         hover: {
-            bg: colors.gray[300],
-            fg: text.onInverse,
-            border: colors.gray[300],
+            bg: colors.gray[200],
+            fg: colors.mono[950],
+            border: colors.warning[300],
         },
         active: {
             bg: colors.gray[400],
-            fg: text.onInverse,
-            border: colors.gray[400],
+            fg: colors.mono[950],
+            border: colors.warning[300],
+        },
+        muted: {
+            bg: colors.gray[800],
+            fg: colors.mono[50],
+            border: colors.gray[300],
+        },
+        subtle: {
+            bg: colors.gray[900],
+            fg: colors.mono[50],
+            border: 'transparent',
         },
     },
     danger: {
         default: {
             bg: colors.error[600],
-            fg: text.primary,
-            border: colors.error[600],
+            fg: colors.mono[50],
+            border: colors.mono[50],
         },
         hover: {
             bg: colors.error[500],
-            fg: text.primary,
-            border: colors.error[500],
+            fg: colors.mono[950],
+            border: colors.warning[300],
         },
         active: {
-            bg: colors.error[800],
-            fg: text.primary,
-            border: colors.error[800],
+            bg: colors.error[700],
+            fg: colors.mono[50],
+            border: colors.warning[300],
         },
         muted: {
-            bg: colors.error[400],
-            fg: colors.error[400],
-            border: colors.error[400],
+            bg: colors.error[950],
+            fg: colors.error[200],
+            border: colors.error[300],
         },
         subtle: {
-            bg: colors.error[300],
+            bg: colors.gray[900],
             fg: colors.error[300],
-            border: colors.error[300],
+            border: 'transparent',
         },
     },
 };

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

@@ -1,10 +1,10 @@
 export declare const border: {
-    readonly default: "#FFFFFF";
-    readonly muted: "#4B5563";
     readonly subtle: "#374151";
+    readonly muted: "#6B7280";
+    readonly default: "#9CA3AF";
+    readonly strong: "#FCD34D";
     readonly elevated: "#D1D5DB";
-    readonly strong: "#F9FAFB";
     readonly disabled: "#4B5563";
-    readonly focus: "#FBBF24";
+    readonly focus: "#FCD34D";
 };
 //# sourceMappingURL=border.d.ts.map

package/dist/highContrast/semantic/border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;CAST,CAAC"}
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;CAUT,CAAC"}

package/dist/highContrast/semantic/border.js

@@ -1,10 +1,10 @@
 import { colors } from '../../primitives/colors.js';
 export const border = {
-    default: colors.mono[50],
-    muted: colors.gray[600],
     subtle: colors.gray[700],
+    muted: colors.gray[500],
+    default: colors.gray[400],
+    strong: colors.warning[300],
     elevated: colors.gray[300],
-    strong: colors.mono[100],
     disabled: colors.gray[600],
-    focus: colors.warning[400],
+    focus: colors.warning[300],
 };

package/dist/highContrast/semantic/control.d.ts

@@ -1,49 +1,44 @@
 export declare const control: {
     readonly default: {
-        readonly bg: "#1F2937";
+        readonly bg: "#000000";
         readonly fg: "#FFFFFF";
-        readonly border: "#4B5563";
+        readonly border: "#9CA3AF";
     };
     readonly hover: {
-        readonly bg: "#111827";
-        readonly fg: "#B8A8FF";
-        readonly border: "#7C5CFF";
+        readonly bg: "#374151";
+        readonly fg: "#FBBF24";
+        readonly border: "#FCD34D";
     };
     readonly active: {
-        readonly bg: "#E9E6FF";
-        readonly fg: "#342580";
-        readonly border: "#402C9F";
+        readonly bg: "#374151";
+        readonly fg: "#FFFFFF";
+        readonly border: "#FDE68A";
     };
-    readonly radioHover: {
+    readonly disabled: {
         readonly bg: "#111827";
-        readonly fg: "#B8A8FF";
-        readonly border: "#B8A8FF";
+        readonly fg: "#6B7280";
+        readonly border: "#4B5563";
     };
     readonly selected: {
         readonly default: {
-            readonly bg: "#9B7CFF";
-            readonly fg: "#FFFFFF";
-            readonly border: "#9B7CFF";
+            readonly bg: "#FCD34D";
+            readonly fg: "#000000";
+            readonly border: "#FCD34D";
         };
         readonly hover: {
-            readonly bg: "#0369A1";
-            readonly fg: "#F9FAFB";
-            readonly border: "#0369A1";
+            readonly bg: "#FDE68A";
+            readonly fg: "#000000";
+            readonly border: "#FDE68A";
         };
         readonly active: {
-            readonly bg: "#402C9F";
-            readonly fg: "#F9FAFB";
-            readonly border: "#402C9F";
+            readonly bg: "#FBBF24";
+            readonly fg: "#000000";
+            readonly border: "#FBBF24";
         };
         readonly muted: {
-            readonly bg: "#6346E8";
-            readonly fg: "#FFFFFF";
-            readonly border: "#6346E8";
-        };
-        readonly radioDefault: {
-            readonly bg: "#9B7CFF";
-            readonly fg: "#7C5CFF";
-            readonly border: "#B8A8FF";
+            readonly bg: "#1F2937";
+            readonly fg: "#FDE68A";
+            readonly border: "#FCD34D";
         };
     };
 };

package/dist/highContrast/semantic/control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/control.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDV,CAAC"}
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/control.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDV,CAAC"}

package/dist/highContrast/semantic/control.js

@@ -4,50 +4,45 @@ import { surface } from './surface.js';
 import { text } from './text.js';
 export const control = {
     default: {
-        bg: surface.muted,
+        bg: surface.default,
         fg: text.primary,
-        border: border.muted,
+        border: border.default,
     },
     hover: {
-        bg: colors.gray[900],
-        fg: text.brand,
-        border: colors.primary[500],
+        bg: surface.hover,
+        fg: text.interactive,
+        border: colors.warning[300],
     },
     active: {
-        bg: colors.primary[100],
-        fg: colors.primary[900],
-        border: colors.primary[800],
+        bg: surface.active,
+        fg: text.primary,
+        border: colors.warning[200],
     },
-    radioHover: {
-        bg: colors.gray[900],
-        fg: colors.primary[300],
-        border: colors.primary[300],
+    disabled: {
+        bg: surface.disabled,
+        fg: text.disabled,
+        border: border.disabled,
     },
     selected: {
         default: {
-            bg: colors.primary[400],
-            fg: text.primary,
-            border: colors.primary[400],
+            bg: colors.warning[300],
+            fg: colors.mono[950],
+            border: colors.warning[300],
         },
         hover: {
-            bg: colors.info[500],
-            fg: text.inverse,
-            border: colors.info[500],
+            bg: colors.warning[200],
+            fg: colors.mono[950],
+            border: colors.warning[200],
         },
         active: {
-            bg: colors.primary[800],
-            fg: text.inverse,
-            border: colors.primary[800],
+            bg: colors.warning[400],
+            fg: colors.mono[950],
+            border: colors.warning[400],
         },
         muted: {
-            bg: colors.primary[600],
-            fg: colors.mono[50],
-            border: colors.primary[600],
-        },
-        radioDefault: {
-            bg: colors.primary[400],
-            fg: colors.primary[500],
-            border: colors.primary[300],
+            bg: colors.gray[800],
+            fg: colors.warning[200],
+            border: colors.warning[300],
         },
     },
 };

package/dist/highContrast/semantic/divider.d.ts

@@ -1,6 +1,6 @@
 export declare const divider: {
+    readonly muted: "#374151";
     readonly default: "#FFFFFF";
-    readonly muted: "#4B5563";
-    readonly strong: "#FFFFFF";
+    readonly strong: "#FCD34D";
 };
 //# sourceMappingURL=divider.d.ts.map

package/dist/highContrast/semantic/divider.js

@@ -1,6 +1,6 @@
 import { colors } from '../../primitives/colors.js';
 export const divider = {
+    muted: colors.gray[700],
     default: colors.mono[50],
-    muted: colors.gray[600],
-    strong: colors.mono[50],
+    strong: colors.warning[300],
 };

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

@@ -1,5 +1,9 @@
 export declare const focus: {
-    readonly ring: "#F59E0B";
-    readonly ringOffset: "#000000";
+    readonly ring: {
+        readonly color: "#FCD34D";
+        readonly width: "2px";
+        readonly shadow: "0 0 0 1px rgba(255, 255, 255, 0.28)";
+        readonly offset: "#000000";
+    };
 };
 //# sourceMappingURL=focus.d.ts.map

package/dist/highContrast/semantic/focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;CAGR,CAAC"}
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC"}

package/dist/highContrast/semantic/focus.js

@@ -1,5 +1,9 @@
 import { colors } from '../../primitives/colors.js';
 export const focus = {
-    ring: colors.warning[500],
-    ringOffset: colors.mono[950],
+    ring: {
+        color: colors.warning[300],
+        width: '2px',
+        shadow: '0 0 0 1px rgba(255, 255, 255, 0.28)',
+        offset: colors.mono[950],
+    },
 };

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

@@ -1,15 +1,14 @@
 export declare const icons: {
-    readonly default: "#0F0F0F";
-    readonly primary: "#B8A8FF";
-    readonly secondary: "#9CA3AF";
-    readonly success: "#10B981";
+    readonly default: "#FFFFFF";
+    readonly secondary: "#E5E7EB";
     readonly muted: "#9CA3AF";
-    readonly disabled: "#D1D5DB";
-    readonly subtle: "#FFFFFF";
-    readonly danger: "#F43F5E";
-    readonly hover: "#9B7CFF";
-    readonly inverse: "#1A1A1A";
-    readonly onInverse: "#000000";
-    readonly brand: "#9B7CFF";
+    readonly subtle: "#D1D5DB";
+    readonly disabled: "#6B7280";
+    readonly primary: "#FCD34D";
+    readonly brand: "#FCD34D";
+    readonly hover: "#FDE68A";
+    readonly success: "#6EE7B7";
+    readonly danger: "#FDA4AF";
+    readonly inverse: "#000000";
 };
 //# sourceMappingURL=icons.d.ts.map

package/dist/highContrast/semantic/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAgBR,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;CAeR,CAAC"}

package/dist/highContrast/semantic/icons.js

@@ -1,15 +1,14 @@
 import { colors } from '../../primitives/colors.js';
 export const icons = {
-    default: colors.mono[900],
-    primary: colors.primary[300],
-    secondary: colors.mono[500],
-    success: colors.success[500],
-    muted: colors.mono[500],
-    disabled: colors.mono[400],
-    subtle: colors.mono[50],
-    danger: colors.error[500],
-    hover: colors.primary[400],
-    inverse: colors.mono[800],
-    onInverse: colors.mono[950],
-    brand: colors.primary[400],
+    default: colors.mono[50],
+    secondary: colors.gray[200],
+    muted: colors.gray[400],
+    subtle: colors.gray[300],
+    disabled: colors.gray[500],
+    primary: colors.warning[300],
+    brand: colors.warning[300],
+    hover: colors.warning[200],
+    success: colors.success[300],
+    danger: colors.error[300],
+    inverse: colors.mono[950],
 };

package/dist/highContrast/semantic/index.d.ts

@@ -3,7 +3,11 @@ export { border } from './border.js';
 export { control } from './control.js';
 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';
 export { status } from './status.js';
 export { surface } from './surface.js';

package/dist/highContrast/semantic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/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,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,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/highContrast/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"}

package/dist/highContrast/semantic/index.js

@@ -3,7 +3,11 @@ export { border } from './border.js';
 export { control } from './control.js';
 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';
 export { status } from './status.js';
 export { surface } from './surface.js';