@impulse-ui-native/theme 3.0.0 → 5.0.0

package/dist/theme/create-slider-tokens.d.mts

@@ -2,21 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { SliderTokens } from '../types/slider-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/create-slider-tokens.js

@@ -2,73 +2,169 @@ function createSliderTokens(tokens) {
   return {
     trackBorderRadius: tokens.radii.round,
     thumbBorderRadius: tokens.radii.round,
-    thumbBorderWidth: tokens.borderSize.sm,
-    outlinedThumbBorderWidth: tokens.borderSize.md,
-    focusRingWidth: tokens.borderSize.md,
-    focusRingOffset: 2,
-    inactiveTrackColor: tokens.colors.neutral["5"],
-    markColor: tokens.colors.neutral["6"],
-    activeMarkColor: tokens.colors.primary.value,
-    disabledTrackColor: tokens.colors.neutral["5"],
-    disabledThumbColor: tokens.colors.neutral["6"],
-    disabledTextColor: tokens.colors.text.disabled,
-    focusRingColor: tokens.colors.border.focus.value,
     valueBubbleBorderRadius: tokens.radii.md,
     valueBubbleBorderWidth: tokens.borderSize.sm,
     valueBubblePaddingHorizontal: tokens.space.xs,
     valueBubblePaddingVertical: tokens.space.xxs,
     valueBubbleGap: tokens.space.xxs,
     labelGap: tokens.space.xxs,
+    layouts: {
+      default: {
+        reservedVerticalSpace: 0
+      },
+      valueBubble: {
+        reservedVerticalSpace: 28 + tokens.space.xxs
+      }
+    },
     sizes: {
       small: {
         trackHeight: 4,
         thumbSize: 16,
-        markSize: 6,
-        hitSlop: 16
+        markSize: 6
       },
       medium: {
         trackHeight: 6,
         thumbSize: 20,
-        markSize: 6,
-        hitSlop: 14
+        markSize: 6
       },
       large: {
         trackHeight: 8,
         thumbSize: 24,
-        markSize: 8,
-        hitSlop: 12
+        markSize: 8
       }
     },
     variants: {
       filled: {
-        activeTrackColor: tokens.colors.primary.value,
-        labelColor: tokens.colors.primary.value,
-        thumbBackgroundColor: tokens.colors.primary.value,
-        thumbBorderColor: tokens.colors.primary.value,
-        thumbHighlightColor: tokens.colors.primary.contrast,
-        valueBubbleBackgroundColor: tokens.colors.primary.value,
-        valueBubbleBorderColor: tokens.colors.primary.value,
-        valueBubbleColor: tokens.colors.primary.contrast
+        default: {
+          activeMarkColor: tokens.colors.primary.contrast,
+          activeTrackColor: tokens.colors.primary.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.primary.value,
+          thumbBorderColor: tokens.colors.primary.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: tokens.colors.primary.contrast,
+          valueBubbleBackgroundColor: tokens.colors.primary.value,
+          valueBubbleBorderColor: tokens.colors.primary.value,
+          valueBubbleColor: tokens.colors.primary.contrast
+        },
+        focused: {
+          activeMarkColor: tokens.colors.primary.contrast,
+          activeTrackColor: tokens.colors.primary.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.primary.value,
+          thumbBorderColor: tokens.colors.primary.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: tokens.colors.primary.contrast,
+          valueBubbleBackgroundColor: tokens.colors.primary.value,
+          valueBubbleBorderColor: tokens.colors.primary.value,
+          valueBubbleColor: tokens.colors.primary.contrast
+        },
+        disabled: {
+          activeMarkColor: tokens.colors.surface.elevated.value,
+          activeTrackColor: tokens.colors.border.strong.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.text.disabled,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.border.strong.value,
+          thumbBorderColor: tokens.colors.border.strong.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
+          valueBubbleBorderColor: tokens.colors.border.default.value,
+          valueBubbleColor: tokens.colors.text.disabled
+        }
       },
       outlined: {
-        activeTrackColor: tokens.colors.primary.value,
-        labelColor: tokens.colors.primary.value,
-        thumbBackgroundColor: tokens.colors.surface.elevated.value,
-        thumbBorderColor: tokens.colors.primary.value,
-        thumbHighlightColor: "transparent",
-        valueBubbleBackgroundColor: "transparent",
-        valueBubbleBorderColor: tokens.colors.primary.value,
-        valueBubbleColor: tokens.colors.primary.value
+        default: {
+          activeMarkColor: tokens.colors.primary.contrast,
+          activeTrackColor: tokens.colors.primary.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.surface.elevated.value,
+          thumbBorderColor: tokens.colors.primary.value,
+          thumbBorderWidth: tokens.borderSize.md,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: "transparent",
+          valueBubbleBorderColor: tokens.colors.primary.value,
+          valueBubbleColor: tokens.colors.primary.value
+        },
+        focused: {
+          activeMarkColor: tokens.colors.primary.contrast,
+          activeTrackColor: tokens.colors.primary.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.surface.elevated.value,
+          thumbBorderColor: tokens.colors.primary.value,
+          thumbBorderWidth: tokens.borderSize.md,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: "transparent",
+          valueBubbleBorderColor: tokens.colors.primary.value,
+          valueBubbleColor: tokens.colors.primary.value
+        },
+        disabled: {
+          activeMarkColor: tokens.colors.surface.elevated.value,
+          activeTrackColor: tokens.colors.border.strong.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.text.disabled,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.border.strong.value,
+          thumbBorderColor: tokens.colors.border.strong.value,
+          thumbBorderWidth: tokens.borderSize.md,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
+          valueBubbleBorderColor: tokens.colors.border.default.value,
+          valueBubbleColor: tokens.colors.text.disabled
+        }
       },
       soft: {
-        activeTrackColor: tokens.colors.secondary.value,
-        labelColor: tokens.colors.secondary.contrast,
-        thumbBackgroundColor: tokens.colors.accent.value,
-        thumbBorderColor: tokens.colors.accent.value,
-        thumbHighlightColor: tokens.colors.primary.value,
-        valueBubbleBackgroundColor: tokens.colors.secondary.value,
-        valueBubbleBorderColor: tokens.colors.secondary.value,
-        valueBubbleColor: tokens.colors.secondary.contrast
+        default: {
+          activeMarkColor: tokens.colors.secondary.contrast,
+          activeTrackColor: tokens.colors.secondary.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.secondary.contrast,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.accent.value,
+          thumbBorderColor: tokens.colors.accent.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: tokens.colors.accent.contrast,
+          valueBubbleBackgroundColor: tokens.colors.secondary.value,
+          valueBubbleBorderColor: tokens.colors.secondary.value,
+          valueBubbleColor: tokens.colors.secondary.contrast
+        },
+        focused: {
+          activeMarkColor: tokens.colors.secondary.contrast,
+          activeTrackColor: tokens.colors.secondary.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.secondary.contrast,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.accent.value,
+          thumbBorderColor: tokens.colors.accent.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: tokens.colors.accent.contrast,
+          valueBubbleBackgroundColor: tokens.colors.secondary.value,
+          valueBubbleBorderColor: tokens.colors.secondary.value,
+          valueBubbleColor: tokens.colors.secondary.contrast
+        },
+        disabled: {
+          activeMarkColor: tokens.colors.surface.elevated.value,
+          activeTrackColor: tokens.colors.border.strong.value,
+          inactiveTrackColor: tokens.colors.border.subtle.value,
+          labelColor: tokens.colors.text.disabled,
+          markColor: tokens.colors.text.primary,
+          thumbBackgroundColor: tokens.colors.border.strong.value,
+          thumbBorderColor: tokens.colors.border.strong.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
+          valueBubbleBorderColor: tokens.colors.border.default.value,
+          valueBubbleColor: tokens.colors.text.disabled
+        }
       }
     }
   };

package/dist/theme/create-slider-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-slider-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SliderTokens } from \"../types\";\n\nexport function createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens {\n  return {\n    trackBorderRadius: tokens.radii.round,\n    thumbBorderRadius: tokens.radii.round,\n    thumbBorderWidth: tokens.borderSize.sm,\n    outlinedThumbBorderWidth: tokens.borderSize.md,\n    focusRingWidth: tokens.borderSize.md,\n    focusRingOffset: 2,\n    inactiveTrackColor: tokens.colors.neutral[\"5\"],\n    markColor: tokens.colors.neutral[\"6\"],\n    activeMarkColor: tokens.colors.primary.value,\n    disabledTrackColor: tokens.colors.neutral[\"5\"],\n    disabledThumbColor: tokens.colors.neutral[\"6\"],\n    disabledTextColor: tokens.colors.text.disabled,\n    focusRingColor: tokens.colors.border.focus.value,\n    valueBubbleBorderRadius: tokens.radii.md,\n    valueBubbleBorderWidth: tokens.borderSize.sm,\n    valueBubblePaddingHorizontal: tokens.space.xs,\n    valueBubblePaddingVertical: tokens.space.xxs,\n    valueBubbleGap: tokens.space.xxs,\n    labelGap: tokens.space.xxs,\n    sizes: {\n      small: {\n        trackHeight: 4,\n        thumbSize: 16,\n        markSize: 6,\n        hitSlop: 16,\n      },\n      medium: {\n        trackHeight: 6,\n        thumbSize: 20,\n        markSize: 6,\n        hitSlop: 14,\n      },\n      large: {\n        trackHeight: 8,\n        thumbSize: 24,\n        markSize: 8,\n        hitSlop: 12,\n      },\n    },\n    variants: {\n      filled: {\n        activeTrackColor: tokens.colors.primary.value,\n        labelColor: tokens.colors.primary.value,\n        thumbBackgroundColor: tokens.colors.primary.value,\n        thumbBorderColor: tokens.colors.primary.value,\n        thumbHighlightColor: tokens.colors.primary.contrast,\n        valueBubbleBackgroundColor: tokens.colors.primary.value,\n        valueBubbleBorderColor: tokens.colors.primary.value,\n        valueBubbleColor: tokens.colors.primary.contrast,\n      },\n      outlined: {\n        activeTrackColor: tokens.colors.primary.value,\n        labelColor: tokens.colors.primary.value,\n        thumbBackgroundColor: tokens.colors.surface.elevated.value,\n        thumbBorderColor: tokens.colors.primary.value,\n        thumbHighlightColor: \"transparent\",\n        valueBubbleBackgroundColor: \"transparent\",\n        valueBubbleBorderColor: tokens.colors.primary.value,\n        valueBubbleColor: tokens.colors.primary.value,\n      },\n      soft: {\n        activeTrackColor: tokens.colors.secondary.value,\n        labelColor: tokens.colors.secondary.contrast,\n        thumbBackgroundColor: tokens.colors.accent.value,\n        thumbBorderColor: tokens.colors.accent.value,\n        thumbHighlightColor: tokens.colors.primary.value,\n        valueBubbleBackgroundColor: tokens.colors.secondary.value,\n        valueBubbleBorderColor: tokens.colors.secondary.value,\n        valueBubbleColor: tokens.colors.secondary.contrast,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,mBAAmB,OAAO,MAAM;AAAA,IAChC,mBAAmB,OAAO,MAAM;AAAA,IAChC,kBAAkB,OAAO,WAAW;AAAA,IACpC,0BAA0B,OAAO,WAAW;AAAA,IAC5C,gBAAgB,OAAO,WAAW;AAAA,IAClC,iBAAiB;AAAA,IACjB,oBAAoB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC7C,WAAW,OAAO,OAAO,QAAQ,GAAG;AAAA,IACpC,iBAAiB,OAAO,OAAO,QAAQ;AAAA,IACvC,oBAAoB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC7C,oBAAoB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC7C,mBAAmB,OAAO,OAAO,KAAK;AAAA,IACtC,gBAAgB,OAAO,OAAO,OAAO,MAAM;AAAA,IAC3C,yBAAyB,OAAO,MAAM;AAAA,IACtC,wBAAwB,OAAO,WAAW;AAAA,IAC1C,8BAA8B,OAAO,MAAM;AAAA,IAC3C,4BAA4B,OAAO,MAAM;AAAA,IACzC,gBAAgB,OAAO,MAAM;AAAA,IAC7B,UAAU,OAAO,MAAM;AAAA,IACvB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,aAAa;AAAA,QACb,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,aAAa;AAAA,QACb,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,kBAAkB,OAAO,OAAO,QAAQ;AAAA,QACxC,YAAY,OAAO,OAAO,QAAQ;AAAA,QAClC,sBAAsB,OAAO,OAAO,QAAQ;AAAA,QAC5C,kBAAkB,OAAO,OAAO,QAAQ;AAAA,QACxC,qBAAqB,OAAO,OAAO,QAAQ;AAAA,QAC3C,4BAA4B,OAAO,OAAO,QAAQ;AAAA,QAClD,wBAAwB,OAAO,OAAO,QAAQ;AAAA,QAC9C,kBAAkB,OAAO,OAAO,QAAQ;AAAA,MAC1C;AAAA,MACA,UAAU;AAAA,QACR,kBAAkB,OAAO,OAAO,QAAQ;AAAA,QACxC,YAAY,OAAO,OAAO,QAAQ;AAAA,QAClC,sBAAsB,OAAO,OAAO,QAAQ,SAAS;AAAA,QACrD,kBAAkB,OAAO,OAAO,QAAQ;AAAA,QACxC,qBAAqB;AAAA,QACrB,4BAA4B;AAAA,QAC5B,wBAAwB,OAAO,OAAO,QAAQ;AAAA,QAC9C,kBAAkB,OAAO,OAAO,QAAQ;AAAA,MAC1C;AAAA,MACA,MAAM;AAAA,QACJ,kBAAkB,OAAO,OAAO,UAAU;AAAA,QAC1C,YAAY,OAAO,OAAO,UAAU;AAAA,QACpC,sBAAsB,OAAO,OAAO,OAAO;AAAA,QAC3C,kBAAkB,OAAO,OAAO,OAAO;AAAA,QACvC,qBAAqB,OAAO,OAAO,QAAQ;AAAA,QAC3C,4BAA4B,OAAO,OAAO,UAAU;AAAA,QACpD,wBAAwB,OAAO,OAAO,UAAU;AAAA,QAChD,kBAAkB,OAAO,OAAO,UAAU;AAAA,MAC5C;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-slider-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SliderTokens } from \"../types\";\n\nexport function createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens {\n  return {\n    trackBorderRadius: tokens.radii.round,\n    thumbBorderRadius: tokens.radii.round,\n    valueBubbleBorderRadius: tokens.radii.md,\n    valueBubbleBorderWidth: tokens.borderSize.sm,\n    valueBubblePaddingHorizontal: tokens.space.xs,\n    valueBubblePaddingVertical: tokens.space.xxs,\n    valueBubbleGap: tokens.space.xxs,\n    labelGap: tokens.space.xxs,\n    layouts: {\n      default: {\n        reservedVerticalSpace: 0,\n      },\n      valueBubble: {\n        reservedVerticalSpace: 28 + tokens.space.xxs,\n      },\n    },\n    sizes: {\n      small: {\n        trackHeight: 4,\n        thumbSize: 16,\n        markSize: 6,\n      },\n      medium: {\n        trackHeight: 6,\n        thumbSize: 20,\n        markSize: 6,\n      },\n      large: {\n        trackHeight: 8,\n        thumbSize: 24,\n        markSize: 8,\n      },\n    },\n    variants: {\n      filled: {\n        default: {\n          activeMarkColor: tokens.colors.primary.contrast,\n          activeTrackColor: tokens.colors.primary.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.primary.value,\n          thumbBorderColor: tokens.colors.primary.value,\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: tokens.colors.primary.contrast,\n          valueBubbleBackgroundColor: tokens.colors.primary.value,\n          valueBubbleBorderColor: tokens.colors.primary.value,\n          valueBubbleColor: tokens.colors.primary.contrast,\n        },\n        focused: {\n          activeMarkColor: tokens.colors.primary.contrast,\n          activeTrackColor: tokens.colors.primary.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.primary.value,\n          thumbBorderColor: tokens.colors.primary.value,\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: tokens.colors.primary.contrast,\n          valueBubbleBackgroundColor: tokens.colors.primary.value,\n          valueBubbleBorderColor: tokens.colors.primary.value,\n          valueBubbleColor: tokens.colors.primary.contrast,\n        },\n        disabled: {\n          activeMarkColor: tokens.colors.surface.elevated.value,\n          activeTrackColor: tokens.colors.border.strong.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.text.disabled,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.border.strong.value,\n          thumbBorderColor: tokens.colors.border.strong.value,\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n          valueBubbleBorderColor: tokens.colors.border.default.value,\n          valueBubbleColor: tokens.colors.text.disabled,\n        },\n      },\n      outlined: {\n        default: {\n          activeMarkColor: tokens.colors.primary.contrast,\n          activeTrackColor: tokens.colors.primary.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.surface.elevated.value,\n          thumbBorderColor: tokens.colors.primary.value,\n          thumbBorderWidth: tokens.borderSize.md,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: \"transparent\",\n          valueBubbleBorderColor: tokens.colors.primary.value,\n          valueBubbleColor: tokens.colors.primary.value,\n        },\n        focused: {\n          activeMarkColor: tokens.colors.primary.contrast,\n          activeTrackColor: tokens.colors.primary.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.surface.elevated.value,\n          thumbBorderColor: tokens.colors.primary.value,\n          thumbBorderWidth: tokens.borderSize.md,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: \"transparent\",\n          valueBubbleBorderColor: tokens.colors.primary.value,\n          valueBubbleColor: tokens.colors.primary.value,\n        },\n        disabled: {\n          activeMarkColor: tokens.colors.surface.elevated.value,\n          activeTrackColor: tokens.colors.border.strong.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.text.disabled,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.border.strong.value,\n          thumbBorderColor: tokens.colors.border.strong.value,\n          thumbBorderWidth: tokens.borderSize.md,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n          valueBubbleBorderColor: tokens.colors.border.default.value,\n          valueBubbleColor: tokens.colors.text.disabled,\n        },\n      },\n      soft: {\n        default: {\n          activeMarkColor: tokens.colors.secondary.contrast,\n          activeTrackColor: tokens.colors.secondary.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.secondary.contrast,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.accent.value,\n          thumbBorderColor: tokens.colors.accent.value,\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: tokens.colors.accent.contrast,\n          valueBubbleBackgroundColor: tokens.colors.secondary.value,\n          valueBubbleBorderColor: tokens.colors.secondary.value,\n          valueBubbleColor: tokens.colors.secondary.contrast,\n        },\n        focused: {\n          activeMarkColor: tokens.colors.secondary.contrast,\n          activeTrackColor: tokens.colors.secondary.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.secondary.contrast,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.accent.value,\n          thumbBorderColor: tokens.colors.accent.value,\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: tokens.colors.accent.contrast,\n          valueBubbleBackgroundColor: tokens.colors.secondary.value,\n          valueBubbleBorderColor: tokens.colors.secondary.value,\n          valueBubbleColor: tokens.colors.secondary.contrast,\n        },\n        disabled: {\n          activeMarkColor: tokens.colors.surface.elevated.value,\n          activeTrackColor: tokens.colors.border.strong.value,\n          inactiveTrackColor: tokens.colors.border.subtle.value,\n          labelColor: tokens.colors.text.disabled,\n          markColor: tokens.colors.text.primary,\n          thumbBackgroundColor: tokens.colors.border.strong.value,\n          thumbBorderColor: tokens.colors.border.strong.value,\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n          valueBubbleBorderColor: tokens.colors.border.default.value,\n          valueBubbleColor: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/theme/create-spinner-tokens.d.mts

@@ -2,20 +2,24 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { SpinnerTokens } from '../types/spinner-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/create-spinner-tokens.js

@@ -8,7 +8,7 @@ function createSpinnerTokens(tokens) {
     },
     colors: {
       primary: tokens.colors.primary.value,
-      secondary: tokens.colors.secondary.value,
+      secondary: tokens.colors.secondary.contrast,
       neutral: tokens.colors.text.secondary,
       inverse: tokens.colors.text.inverse
     }

package/dist/theme/create-spinner-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-spinner-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SpinnerTokens } from \"../types\";\n\nexport function createSpinnerTokens(\n  tokens: PrimitiveThemeTokens,\n): SpinnerTokens {\n  return {\n    baseSize: 20,\n    sizes: {\n      small: 16,\n      medium: 20,\n      large: 24,\n    },\n    colors: {\n      primary: tokens.colors.primary.value,\n      secondary: tokens.colors.secondary.value,\n      neutral: tokens.colors.text.secondary,\n      inverse: tokens.colors.text.inverse,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,WAAW,OAAO,OAAO,UAAU;AAAA,MACnC,SAAS,OAAO,OAAO,KAAK;AAAA,MAC5B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-spinner-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SpinnerTokens } from \"../types\";\n\nexport function createSpinnerTokens(\n  tokens: PrimitiveThemeTokens,\n): SpinnerTokens {\n  return {\n    baseSize: 20,\n    sizes: {\n      small: 16,\n      medium: 20,\n      large: 24,\n    },\n    colors: {\n      primary: tokens.colors.primary.value,\n      secondary: tokens.colors.secondary.contrast,\n      neutral: tokens.colors.text.secondary,\n      inverse: tokens.colors.text.inverse,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,WAAW,OAAO,OAAO,UAAU;AAAA,MACnC,SAAS,OAAO,OAAO,KAAK;AAAA,MAC5B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-stepper-tokens.d.mts

@@ -2,21 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { StepperTokens } from '../types/stepper-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/create-switch-tokens.d.mts

@@ -2,21 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { SwitchTokens } from '../types/switch-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/create-switch-tokens.js

@@ -8,13 +8,7 @@ function createSwitchTokens(tokens) {
     borderWidth: tokens.borderSize.sm,
     borderRadius: tokens.radii.round,
     thumbBorderRadius: tokens.radii.round,
-    uncheckedBackgroundColor: tokens.colors.surface.primary.value,
-    uncheckedBorderColor: tokens.colors.border.strong.value,
-    uncheckedThumbColor: tokens.colors.surface.elevated.value,
-    disabledBackgroundColor: tokens.colors.neutral["3"],
-    disabledBorderColor: tokens.colors.neutral["5"],
-    disabledThumbColor: tokens.colors.neutral["7"],
-    loadingIndicatorColor: tokens.colors.surface.elevated.value,
+    loadingIndicatorColor: tokens.colors.text.primary,
     sizes: {
       small: {
         width: 36,
@@ -43,29 +37,58 @@ function createSwitchTokens(tokens) {
     },
     variants: {
       filled: {
-        backgroundColor: primary,
-        borderColor: primary,
-        color: primaryContrast
+        default: {
+          activeBackgroundColor: primary,
+          activeBorderColor: primary,
+          activeThumbColor: primaryContrast,
+          inactiveBackgroundColor: tokens.colors.surface.primary.value,
+          inactiveBorderColor: tokens.colors.border.strong.value,
+          inactiveThumbColor: tokens.colors.text.secondary
+        },
+        disabled: {
+          activeBackgroundColor: tokens.colors.surface.primary.value,
+          activeBorderColor: tokens.colors.border.default.value,
+          activeThumbColor: tokens.colors.text.disabled,
+          inactiveBackgroundColor: tokens.colors.surface.primary.value,
+          inactiveBorderColor: tokens.colors.border.default.value,
+          inactiveThumbColor: tokens.colors.text.disabled
+        }
       },
       outlined: {
-        backgroundColor: "transparent",
-        borderColor: primary,
-        color: primary
+        default: {
+          activeBackgroundColor: "transparent",
+          activeBorderColor: primary,
+          activeThumbColor: primary,
+          inactiveBackgroundColor: tokens.colors.surface.primary.value,
+          inactiveBorderColor: tokens.colors.border.strong.value,
+          inactiveThumbColor: tokens.colors.text.secondary
+        },
+        disabled: {
+          activeBackgroundColor: tokens.colors.surface.primary.value,
+          activeBorderColor: tokens.colors.border.default.value,
+          activeThumbColor: tokens.colors.text.disabled,
+          inactiveBackgroundColor: tokens.colors.surface.primary.value,
+          inactiveBorderColor: tokens.colors.border.default.value,
+          inactiveThumbColor: tokens.colors.text.disabled
+        }
       },
       soft: {
-        backgroundColor: secondary,
-        borderColor: secondary,
-        color: secondaryContrast
-      },
-      ghost: {
-        backgroundColor: "transparent",
-        borderColor: "transparent",
-        color: primary
-      },
-      plain: {
-        backgroundColor: "transparent",
-        borderColor: "transparent",
-        color: primary
+        default: {
+          activeBackgroundColor: secondary,
+          activeBorderColor: secondary,
+          activeThumbColor: secondaryContrast,
+          inactiveBackgroundColor: tokens.colors.surface.primary.value,
+          inactiveBorderColor: tokens.colors.border.strong.value,
+          inactiveThumbColor: tokens.colors.text.secondary
+        },
+        disabled: {
+          activeBackgroundColor: tokens.colors.surface.primary.value,
+          activeBorderColor: tokens.colors.border.default.value,
+          activeThumbColor: tokens.colors.text.disabled,
+          inactiveBackgroundColor: tokens.colors.surface.primary.value,
+          inactiveBorderColor: tokens.colors.border.default.value,
+          inactiveThumbColor: tokens.colors.text.disabled
+        }
       }
     }
   };

package/dist/theme/create-switch-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  return {\n    animationDuration: 180,\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.round,\n    thumbBorderRadius: tokens.radii.round,\n    uncheckedBackgroundColor: tokens.colors.surface.primary.value,\n    uncheckedBorderColor: tokens.colors.border.strong.value,\n    uncheckedThumbColor: tokens.colors.surface.elevated.value,\n    disabledBackgroundColor: tokens.colors.neutral[\"3\"],\n    disabledBorderColor: tokens.colors.neutral[\"5\"],\n    disabledThumbColor: tokens.colors.neutral[\"7\"],\n    loadingIndicatorColor: tokens.colors.surface.elevated.value,\n\n    sizes: {\n      small: {\n        width: 36,\n        height: 20,\n        thumbSize: 16,\n        trackPadding: 1,\n        loadingIndicatorScale: 0.5,\n        hitSlop: 12,\n      },\n      medium: {\n        width: 44,\n        height: 24,\n        thumbSize: 20,\n        trackPadding: 1,\n        loadingIndicatorScale: 0.6,\n        hitSlop: 10,\n      },\n      large: {\n        width: 52,\n        height: 28,\n        thumbSize: 24,\n        trackPadding: 1,\n        loadingIndicatorScale: 0.7,\n        hitSlop: 8,\n      },\n    },\n\n    variants: {\n      filled: {\n        backgroundColor: primary,\n        borderColor: primary,\n        color: primaryContrast,\n      },\n      outlined: {\n        backgroundColor: \"transparent\",\n        borderColor: primary,\n        color: primary,\n      },\n      soft: {\n        backgroundColor: secondary,\n        borderColor: secondary,\n        color: secondaryContrast,\n      },\n      ghost: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n      plain: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,mBAAmB,OAAO,MAAM;AAAA,IAChC,0BAA0B,OAAO,OAAO,QAAQ,QAAQ;AAAA,IACxD,sBAAsB,OAAO,OAAO,OAAO,OAAO;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,SAAS;AAAA,IACpD,yBAAyB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC9C,oBAAoB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC7C,uBAAuB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAEtD,OAAO;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,cAAc;AAAA,QACd,uBAAuB;AAAA,QACvB,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,cAAc;AAAA,QACd,uBAAuB;AAAA,QACvB,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,cAAc;AAAA,QACd,uBAAuB;AAAA,QACvB,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  return {\n    animationDuration: 180,\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.round,\n    thumbBorderRadius: tokens.radii.round,\n    loadingIndicatorColor: tokens.colors.text.primary,\n\n    sizes: {\n      small: {\n        width: 36,\n        height: 20,\n        thumbSize: 16,\n        trackPadding: 1,\n        loadingIndicatorScale: 0.5,\n        hitSlop: 12,\n      },\n      medium: {\n        width: 44,\n        height: 24,\n        thumbSize: 20,\n        trackPadding: 1,\n        loadingIndicatorScale: 0.6,\n        hitSlop: 10,\n      },\n      large: {\n        width: 52,\n        height: 28,\n        thumbSize: 24,\n        trackPadding: 1,\n        loadingIndicatorScale: 0.7,\n        hitSlop: 8,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          activeBackgroundColor: primary,\n          activeBorderColor: primary,\n          activeThumbColor: primaryContrast,\n          inactiveBackgroundColor: tokens.colors.surface.primary.value,\n          inactiveBorderColor: tokens.colors.border.strong.value,\n          inactiveThumbColor: tokens.colors.text.secondary,\n        },\n        disabled: {\n          activeBackgroundColor: tokens.colors.surface.primary.value,\n          activeBorderColor: tokens.colors.border.default.value,\n          activeThumbColor: tokens.colors.text.disabled,\n          inactiveBackgroundColor: tokens.colors.surface.primary.value,\n          inactiveBorderColor: tokens.colors.border.default.value,\n          inactiveThumbColor: tokens.colors.text.disabled,\n        },\n      },\n      outlined: {\n        default: {\n          activeBackgroundColor: \"transparent\",\n          activeBorderColor: primary,\n          activeThumbColor: primary,\n          inactiveBackgroundColor: tokens.colors.surface.primary.value,\n          inactiveBorderColor: tokens.colors.border.strong.value,\n          inactiveThumbColor: tokens.colors.text.secondary,\n        },\n        disabled: {\n          activeBackgroundColor: tokens.colors.surface.primary.value,\n          activeBorderColor: tokens.colors.border.default.value,\n          activeThumbColor: tokens.colors.text.disabled,\n          inactiveBackgroundColor: tokens.colors.surface.primary.value,\n          inactiveBorderColor: tokens.colors.border.default.value,\n          inactiveThumbColor: tokens.colors.text.disabled,\n        },\n      },\n      soft: {\n        default: {\n          activeBackgroundColor: secondary,\n          activeBorderColor: secondary,\n          activeThumbColor: secondaryContrast,\n          inactiveBackgroundColor: tokens.colors.surface.primary.value,\n          inactiveBorderColor: tokens.colors.border.strong.value,\n          inactiveThumbColor: tokens.colors.text.secondary,\n        },\n        disabled: {\n          activeBackgroundColor: tokens.colors.surface.primary.value,\n          activeBorderColor: tokens.colors.border.default.value,\n          activeThumbColor: tokens.colors.text.disabled,\n          inactiveBackgroundColor: tokens.colors.surface.primary.value,\n          inactiveBorderColor: tokens.colors.border.default.value,\n          inactiveThumbColor: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/theme/create-tag-tokens.d.mts

@@ -2,21 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { TagTokens } from '../types/tag-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';