@impulse-ui-native/theme 3.0.0 → 5.0.0

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

@@ -0,0 +1,35 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { PaginationTokens } from '../types/pagination-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-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/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';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createPaginationTokens(tokens: PrimitiveThemeTokens): PaginationTokens;
+
+export { createPaginationTokens };

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

@@ -0,0 +1,57 @@
+function createPaginationTokens(tokens) {
+  return {
+    borderRadius: tokens.radii.md,
+    borderWidth: tokens.borderSize.sm,
+    gap: tokens.space.xs,
+    sizes: {
+      small: {
+        compactMinWidth: 112,
+        controlSize: 32,
+        fontSize: tokens.fontSize.xsm,
+        hitSlop: 6,
+        iconSize: 16,
+        paddingHorizontal: tokens.space.mxs
+      },
+      medium: {
+        compactMinWidth: 144,
+        controlSize: 40,
+        fontSize: tokens.fontSize.sm,
+        hitSlop: 2,
+        iconSize: 18,
+        paddingHorizontal: tokens.space.sm
+      },
+      large: {
+        compactMinWidth: 176,
+        controlSize: 48,
+        fontSize: tokens.fontSize.sm,
+        hitSlop: 0,
+        iconSize: 20,
+        paddingHorizontal: tokens.space.msm
+      }
+    },
+    states: {
+      default: {
+        backgroundColor: tokens.colors.surface.elevated.value,
+        borderColor: tokens.colors.border.default.value,
+        color: tokens.colors.text.primary,
+        ellipsisColor: tokens.colors.text.tertiary
+      },
+      current: {
+        backgroundColor: tokens.colors.primary.value,
+        borderColor: tokens.colors.primary.value,
+        color: tokens.colors.primary.contrast,
+        ellipsisColor: tokens.colors.text.tertiary
+      },
+      disabled: {
+        backgroundColor: tokens.colors.surface.primary.value,
+        borderColor: tokens.colors.border.subtle.value,
+        color: tokens.colors.text.disabled,
+        ellipsisColor: tokens.colors.text.disabled
+      }
+    }
+  };
+}
+export {
+  createPaginationTokens
+};
+//# sourceMappingURL=create-pagination-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-pagination-tokens.ts"],"sourcesContent":["import type { PaginationTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createPaginationTokens(\n  tokens: PrimitiveThemeTokens,\n): PaginationTokens {\n  return {\n    borderRadius: tokens.radii.md,\n    borderWidth: tokens.borderSize.sm,\n    gap: tokens.space.xs,\n    sizes: {\n      small: {\n        compactMinWidth: 112,\n        controlSize: 32,\n        fontSize: tokens.fontSize.xsm,\n        hitSlop: 6,\n        iconSize: 16,\n        paddingHorizontal: tokens.space.mxs,\n      },\n      medium: {\n        compactMinWidth: 144,\n        controlSize: 40,\n        fontSize: tokens.fontSize.sm,\n        hitSlop: 2,\n        iconSize: 18,\n        paddingHorizontal: tokens.space.sm,\n      },\n      large: {\n        compactMinWidth: 176,\n        controlSize: 48,\n        fontSize: tokens.fontSize.sm,\n        hitSlop: 0,\n        iconSize: 20,\n        paddingHorizontal: tokens.space.msm,\n      },\n    },\n    states: {\n      default: {\n        backgroundColor: tokens.colors.surface.elevated.value,\n        borderColor: tokens.colors.border.default.value,\n        color: tokens.colors.text.primary,\n        ellipsisColor: tokens.colors.text.tertiary,\n      },\n      current: {\n        backgroundColor: tokens.colors.primary.value,\n        borderColor: tokens.colors.primary.value,\n        color: tokens.colors.primary.contrast,\n        ellipsisColor: tokens.colors.text.tertiary,\n      },\n      disabled: {\n        backgroundColor: tokens.colors.surface.primary.value,\n        borderColor: tokens.colors.border.subtle.value,\n        color: tokens.colors.text.disabled,\n        ellipsisColor: tokens.colors.text.disabled,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,KAAK,OAAO,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,UAAU,OAAO,SAAS;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,UAAU,OAAO,SAAS;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,UAAU,OAAO,SAAS;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,QAChD,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,QAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC1B,eAAe,OAAO,OAAO,KAAK;AAAA,MACpC;AAAA,MACA,SAAS;AAAA,QACP,iBAAiB,OAAO,OAAO,QAAQ;AAAA,QACvC,aAAa,OAAO,OAAO,QAAQ;AAAA,QACnC,OAAO,OAAO,OAAO,QAAQ;AAAA,QAC7B,eAAe,OAAO,OAAO,KAAK;AAAA,MACpC;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,QAC/C,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,QACzC,OAAO,OAAO,OAAO,KAAK;AAAA,QAC1B,eAAe,OAAO,OAAO,KAAK;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -2,19 +2,23 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { ProgressTokens } from '../types/progress-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/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-progress-tokens.js

@@ -27,15 +27,15 @@ function createProgressTokens(tokens) {
       },
       secondary: {
         indicatorColor: tokens.colors.text.secondary,
-        trackColor: tokens.colors.border.subtle.value
+        trackColor: tokens.colors.surface.primary.value
       },
       neutral: {
-        indicatorColor: tokens.colors.neutral["7"],
-        trackColor: tokens.colors.neutral["4"]
+        indicatorColor: tokens.colors.text.disabled,
+        trackColor: tokens.colors.surface.primary.value
       },
       inverse: {
         indicatorColor: tokens.colors.text.inverse,
-        trackColor: tokens.colors.neutral["9"]
+        trackColor: tokens.colors.border.subtle.contrast
       }
     }
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-progress-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, ProgressTokens } from \"../types\";\n\nexport function createProgressTokens(\n  tokens: PrimitiveThemeTokens,\n): ProgressTokens {\n  return {\n    animationDuration: 1000,\n    borderRadius: tokens.radii.round,\n    indeterminateLinearWidth: 0.4,\n    sizes: {\n      small: {\n        linearHeight: 4,\n        circularSize: 24,\n        circularStrokeWidth: 3,\n      },\n      medium: {\n        linearHeight: 6,\n        circularSize: 32,\n        circularStrokeWidth: 4,\n      },\n      large: {\n        linearHeight: 8,\n        circularSize: 40,\n        circularStrokeWidth: 5,\n      },\n    },\n    colors: {\n      primary: {\n        indicatorColor: tokens.colors.primary.value,\n        trackColor: tokens.colors.secondary.value,\n      },\n      secondary: {\n        indicatorColor: tokens.colors.text.secondary,\n        trackColor: tokens.colors.border.subtle.value,\n      },\n      neutral: {\n        indicatorColor: tokens.colors.neutral[\"7\"],\n        trackColor: tokens.colors.neutral[\"4\"],\n      },\n      inverse: {\n        indicatorColor: tokens.colors.text.inverse,\n        trackColor: tokens.colors.neutral[\"9\"],\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,QAAQ;AAAA,QACN,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,QAAQ;AAAA,QACtC,YAAY,OAAO,OAAO,UAAU;AAAA,MACtC;AAAA,MACA,WAAW;AAAA,QACT,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,OAAO,OAAO;AAAA,MAC1C;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzC,YAAY,OAAO,OAAO,QAAQ,GAAG;AAAA,MACvC;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,QAAQ,GAAG;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-progress-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, ProgressTokens } from \"../types\";\n\nexport function createProgressTokens(\n  tokens: PrimitiveThemeTokens,\n): ProgressTokens {\n  return {\n    animationDuration: 1000,\n    borderRadius: tokens.radii.round,\n    indeterminateLinearWidth: 0.4,\n    sizes: {\n      small: {\n        linearHeight: 4,\n        circularSize: 24,\n        circularStrokeWidth: 3,\n      },\n      medium: {\n        linearHeight: 6,\n        circularSize: 32,\n        circularStrokeWidth: 4,\n      },\n      large: {\n        linearHeight: 8,\n        circularSize: 40,\n        circularStrokeWidth: 5,\n      },\n    },\n    colors: {\n      primary: {\n        indicatorColor: tokens.colors.primary.value,\n        trackColor: tokens.colors.secondary.value,\n      },\n      secondary: {\n        indicatorColor: tokens.colors.text.secondary,\n        trackColor: tokens.colors.surface.primary.value,\n      },\n      neutral: {\n        indicatorColor: tokens.colors.text.disabled,\n        trackColor: tokens.colors.surface.primary.value,\n      },\n      inverse: {\n        indicatorColor: tokens.colors.text.inverse,\n        trackColor: tokens.colors.border.subtle.contrast,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,QAAQ;AAAA,QACN,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,QAAQ;AAAA,QACtC,YAAY,OAAO,OAAO,UAAU;AAAA,MACtC;AAAA,MACA,WAAW;AAAA,QACT,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,QAAQ,QAAQ;AAAA,MAC5C;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,QAAQ,QAAQ;AAAA,MAC5C;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,OAAO,OAAO;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -2,20 +2,24 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { RadioTokens } from '../types/radio-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/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-radio-tokens.js

@@ -6,11 +6,6 @@ function createRadioTokens(tokens) {
   return {
     borderWidth: tokens.borderSize.md,
     borderRadius: tokens.radii.round,
-    uncheckedBackgroundColor: "transparent",
-    uncheckedBorderColor: tokens.colors.border.strong.value,
-    disabledBackgroundColor: tokens.colors.neutral["3"],
-    disabledBorderColor: tokens.colors.neutral["5"],
-    disabledColor: tokens.colors.text.disabled,
     sizes: {
       small: {
         size: 20,
@@ -30,29 +25,70 @@ function createRadioTokens(tokens) {
     },
     variants: {
       filled: {
-        backgroundColor: primary,
-        borderColor: primary,
-        color: primaryContrast
+        unselected: {
+          backgroundColor: "transparent",
+          borderColor: tokens.colors.border.strong.value,
+          color: primaryContrast
+        },
+        selected: {
+          backgroundColor: primary,
+          borderColor: primary,
+          color: primaryContrast
+        },
+        disabledUnselected: {
+          backgroundColor: "transparent",
+          borderColor: tokens.colors.border.default.value,
+          color: tokens.colors.text.disabled
+        },
+        disabledSelected: {
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
+          color: tokens.colors.text.disabled
+        }
       },
       outlined: {
-        backgroundColor: "transparent",
-        borderColor: primary,
-        color: primary
+        unselected: {
+          backgroundColor: "transparent",
+          borderColor: tokens.colors.border.strong.value,
+          color: primary
+        },
+        selected: {
+          backgroundColor: "transparent",
+          borderColor: primary,
+          color: primary
+        },
+        disabledUnselected: {
+          backgroundColor: "transparent",
+          borderColor: tokens.colors.border.default.value,
+          color: tokens.colors.text.disabled
+        },
+        disabledSelected: {
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
+          color: 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
+        unselected: {
+          backgroundColor: "transparent",
+          borderColor: tokens.colors.border.strong.value,
+          color: secondaryContrast
+        },
+        selected: {
+          backgroundColor: secondary,
+          borderColor: secondary,
+          color: secondaryContrast
+        },
+        disabledUnselected: {
+          backgroundColor: "transparent",
+          borderColor: tokens.colors.border.default.value,
+          color: tokens.colors.text.disabled
+        },
+        disabledSelected: {
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
+          color: tokens.colors.text.disabled
+        }
       }
     }
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-radio-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, RadioTokens } from \"../types\";\n\nexport function createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens {\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    borderWidth: tokens.borderSize.md,\n    borderRadius: tokens.radii.round,\n    uncheckedBackgroundColor: \"transparent\",\n    uncheckedBorderColor: tokens.colors.border.strong.value,\n    disabledBackgroundColor: tokens.colors.neutral[\"3\"],\n    disabledBorderColor: tokens.colors.neutral[\"5\"],\n    disabledColor: tokens.colors.text.disabled,\n\n    sizes: {\n      small: {\n        size: 20,\n        indicatorSize: 8,\n        hitSlop: 12,\n      },\n      medium: {\n        size: 24,\n        indicatorSize: 10,\n        hitSlop: 10,\n      },\n      large: {\n        size: 28,\n        indicatorSize: 12,\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,kBAAkB,QAA2C;AAC3E,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,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,sBAAsB,OAAO,OAAO,OAAO,OAAO;AAAA,IAClD,yBAAyB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC9C,eAAe,OAAO,OAAO,KAAK;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,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-radio-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, RadioTokens } from \"../types\";\n\nexport function createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens {\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    borderWidth: tokens.borderSize.md,\n    borderRadius: tokens.radii.round,\n\n    sizes: {\n      small: {\n        size: 20,\n        indicatorSize: 8,\n        hitSlop: 12,\n      },\n      medium: {\n        size: 24,\n        indicatorSize: 10,\n        hitSlop: 10,\n      },\n      large: {\n        size: 28,\n        indicatorSize: 12,\n        hitSlop: 8,\n      },\n    },\n\n    variants: {\n      filled: {\n        unselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.strong.value,\n          color: primaryContrast,\n        },\n        selected: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        disabledUnselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n      },\n      outlined: {\n        unselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.strong.value,\n          color: primary,\n        },\n        selected: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        disabledUnselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n      },\n      soft: {\n        unselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.strong.value,\n          color: secondaryContrast,\n        },\n        selected: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        disabledUnselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,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,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,UAAU;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-segmented-control-tokens.d.mts

@@ -0,0 +1,35 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { SegmentedControlTokens } from '../types/segmented-control-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-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/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createSegmentedControlTokens(tokens: PrimitiveThemeTokens): SegmentedControlTokens;
+
+export { createSegmentedControlTokens };

package/dist/theme/create-segmented-control-tokens.js

@@ -0,0 +1,157 @@
+function createSegmentedControlTokens(tokens) {
+  const primary = tokens.colors.primary.value;
+  const primaryContrast = tokens.colors.primary.contrast;
+  const secondary = tokens.colors.secondary.value;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  const transparent = "transparent";
+  return {
+    borderRadius: tokens.radii.md,
+    borderWidth: tokens.borderSize.sm,
+    itemBorderRadius: tokens.radii.md,
+    itemBorderWidth: tokens.borderSize.sm,
+    rootBackgroundColor: tokens.colors.surface.primary.value,
+    rootBorderColor: tokens.colors.border.default.value,
+    rootGap: tokens.space.none,
+    rootPadding: tokens.space.none,
+    sizes: {
+      small: {
+        fontSize: tokens.fontSize.xsm,
+        height: 32,
+        hitSlop: 6,
+        iconSize: 16,
+        layouts: {
+          inline: {
+            flexDirection: "row",
+            gap: tokens.space.xxs,
+            paddingVertical: tokens.space.none
+          },
+          stacked: {
+            flexDirection: "column",
+            gap: tokens.space.xxs,
+            paddingVertical: tokens.space.xxs
+          }
+        },
+        minItemWidth: 64,
+        paddingHorizontal: tokens.space.xs
+      },
+      medium: {
+        fontSize: tokens.fontSize.sm,
+        height: 40,
+        hitSlop: 2,
+        iconSize: 18,
+        layouts: {
+          inline: {
+            flexDirection: "row",
+            gap: tokens.space.xxs,
+            paddingVertical: tokens.space.none
+          },
+          stacked: {
+            flexDirection: "column",
+            gap: tokens.space.xxs,
+            paddingVertical: tokens.space.xs
+          }
+        },
+        minItemWidth: 80,
+        paddingHorizontal: tokens.space.mxs
+      },
+      large: {
+        fontSize: tokens.fontSize.sm,
+        height: 48,
+        hitSlop: 0,
+        iconSize: 20,
+        layouts: {
+          inline: {
+            flexDirection: "row",
+            gap: tokens.space.xxs,
+            paddingVertical: tokens.space.none
+          },
+          stacked: {
+            flexDirection: "column",
+            gap: tokens.space.xxs,
+            paddingVertical: 10
+          }
+        },
+        minItemWidth: 96,
+        paddingHorizontal: tokens.space.sm
+      }
+    },
+    variants: {
+      filled: {
+        states: {
+          unselected: {
+            backgroundColor: transparent,
+            borderColor: transparent,
+            color: tokens.colors.text.secondary
+          },
+          selected: {
+            backgroundColor: primary,
+            borderColor: primary,
+            color: primaryContrast
+          },
+          disabledUnselected: {
+            backgroundColor: transparent,
+            borderColor: transparent,
+            color: tokens.colors.text.disabled
+          },
+          disabledSelected: {
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
+            color: tokens.colors.text.disabled
+          }
+        }
+      },
+      outlined: {
+        states: {
+          unselected: {
+            backgroundColor: transparent,
+            borderColor: transparent,
+            color: tokens.colors.text.secondary
+          },
+          selected: {
+            backgroundColor: tokens.colors.surface.elevated.value,
+            borderColor: primary,
+            color: primary
+          },
+          disabledUnselected: {
+            backgroundColor: transparent,
+            borderColor: transparent,
+            color: tokens.colors.text.disabled
+          },
+          disabledSelected: {
+            backgroundColor: transparent,
+            borderColor: tokens.colors.border.default.value,
+            color: tokens.colors.text.disabled
+          }
+        }
+      },
+      soft: {
+        states: {
+          unselected: {
+            backgroundColor: transparent,
+            borderColor: transparent,
+            color: tokens.colors.text.secondary
+          },
+          selected: {
+            backgroundColor: secondary,
+            borderColor: secondary,
+            color: secondaryContrast
+          },
+          disabledUnselected: {
+            backgroundColor: transparent,
+            borderColor: transparent,
+            color: tokens.colors.text.disabled
+          },
+          disabledSelected: {
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
+            color: tokens.colors.text.disabled
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  createSegmentedControlTokens
+};
+//# sourceMappingURL=create-segmented-control-tokens.js.map

package/dist/theme/create-segmented-control-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-segmented-control-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SegmentedControlTokens } from \"../types\";\n\nexport function createSegmentedControlTokens(\n  tokens: PrimitiveThemeTokens,\n): SegmentedControlTokens {\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  const transparent = \"transparent\";\n\n  return {\n    borderRadius: tokens.radii.md,\n    borderWidth: tokens.borderSize.sm,\n    itemBorderRadius: tokens.radii.md,\n    itemBorderWidth: tokens.borderSize.sm,\n    rootBackgroundColor: tokens.colors.surface.primary.value,\n    rootBorderColor: tokens.colors.border.default.value,\n    rootGap: tokens.space.none,\n    rootPadding: tokens.space.none,\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xsm,\n        height: 32,\n        hitSlop: 6,\n        iconSize: 16,\n        layouts: {\n          inline: {\n            flexDirection: \"row\",\n            gap: tokens.space.xxs,\n            paddingVertical: tokens.space.none,\n          },\n          stacked: {\n            flexDirection: \"column\",\n            gap: tokens.space.xxs,\n            paddingVertical: tokens.space.xxs,\n          },\n        },\n        minItemWidth: 64,\n        paddingHorizontal: tokens.space.xs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.sm,\n        height: 40,\n        hitSlop: 2,\n        iconSize: 18,\n        layouts: {\n          inline: {\n            flexDirection: \"row\",\n            gap: tokens.space.xxs,\n            paddingVertical: tokens.space.none,\n          },\n          stacked: {\n            flexDirection: \"column\",\n            gap: tokens.space.xxs,\n            paddingVertical: tokens.space.xs,\n          },\n        },\n        minItemWidth: 80,\n        paddingHorizontal: tokens.space.mxs,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n        height: 48,\n        hitSlop: 0,\n        iconSize: 20,\n        layouts: {\n          inline: {\n            flexDirection: \"row\",\n            gap: tokens.space.xxs,\n            paddingVertical: tokens.space.none,\n          },\n          stacked: {\n            flexDirection: \"column\",\n            gap: tokens.space.xxs,\n            paddingVertical: 10,\n          },\n        },\n        minItemWidth: 96,\n        paddingHorizontal: tokens.space.sm,\n      },\n    },\n    variants: {\n      filled: {\n        states: {\n          unselected: {\n            backgroundColor: transparent,\n            borderColor: transparent,\n            color: tokens.colors.text.secondary,\n          },\n          selected: {\n            backgroundColor: primary,\n            borderColor: primary,\n            color: primaryContrast,\n          },\n          disabledUnselected: {\n            backgroundColor: transparent,\n            borderColor: transparent,\n            color: tokens.colors.text.disabled,\n          },\n          disabledSelected: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      outlined: {\n        states: {\n          unselected: {\n            backgroundColor: transparent,\n            borderColor: transparent,\n            color: tokens.colors.text.secondary,\n          },\n          selected: {\n            backgroundColor: tokens.colors.surface.elevated.value,\n            borderColor: primary,\n            color: primary,\n          },\n          disabledUnselected: {\n            backgroundColor: transparent,\n            borderColor: transparent,\n            color: tokens.colors.text.disabled,\n          },\n          disabledSelected: {\n            backgroundColor: transparent,\n            borderColor: tokens.colors.border.default.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      soft: {\n        states: {\n          unselected: {\n            backgroundColor: transparent,\n            borderColor: transparent,\n            color: tokens.colors.text.secondary,\n          },\n          selected: {\n            backgroundColor: secondary,\n            borderColor: secondary,\n            color: secondaryContrast,\n          },\n          disabledUnselected: {\n            backgroundColor: transparent,\n            borderColor: transparent,\n            color: tokens.colors.text.disabled,\n          },\n          disabledSelected: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,6BACd,QACwB;AACxB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAClD,QAAM,cAAc;AAEpB,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,kBAAkB,OAAO,MAAM;AAAA,IAC/B,iBAAiB,OAAO,WAAW;AAAA,IACnC,qBAAqB,OAAO,OAAO,QAAQ,QAAQ;AAAA,IACnD,iBAAiB,OAAO,OAAO,OAAO,QAAQ;AAAA,IAC9C,SAAS,OAAO,MAAM;AAAA,IACtB,aAAa,OAAO,MAAM;AAAA,IAC1B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,SAAS;AAAA,UACP,QAAQ;AAAA,YACN,eAAe;AAAA,YACf,KAAK,OAAO,MAAM;AAAA,YAClB,iBAAiB,OAAO,MAAM;AAAA,UAChC;AAAA,UACA,SAAS;AAAA,YACP,eAAe;AAAA,YACf,KAAK,OAAO,MAAM;AAAA,YAClB,iBAAiB,OAAO,MAAM;AAAA,UAChC;AAAA,QACF;AAAA,QACA,cAAc;AAAA,QACd,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,SAAS;AAAA,UACP,QAAQ;AAAA,YACN,eAAe;AAAA,YACf,KAAK,OAAO,MAAM;AAAA,YAClB,iBAAiB,OAAO,MAAM;AAAA,UAChC;AAAA,UACA,SAAS;AAAA,YACP,eAAe;AAAA,YACf,KAAK,OAAO,MAAM;AAAA,YAClB,iBAAiB,OAAO,MAAM;AAAA,UAChC;AAAA,QACF;AAAA,QACA,cAAc;AAAA,QACd,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,SAAS;AAAA,UACP,QAAQ;AAAA,YACN,eAAe;AAAA,YACf,KAAK,OAAO,MAAM;AAAA,YAClB,iBAAiB,OAAO,MAAM;AAAA,UAChC;AAAA,UACA,SAAS;AAAA,YACP,eAAe;AAAA,YACf,KAAK,OAAO,MAAM;AAAA,YAClB,iBAAiB;AAAA,UACnB;AAAA,QACF;AAAA,QACA,cAAc;AAAA,QACd,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,YAAY;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO;AAAA,UACT;AAAA,UACA,oBAAoB;AAAA,YAClB,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,kBAAkB;AAAA,YAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,YAC/C,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,YACzC,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,QACF;AAAA,MACF;AAAA,MACA,UAAU;AAAA,QACR,QAAQ;AAAA,UACN,YAAY;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,YAChD,aAAa;AAAA,YACb,OAAO;AAAA,UACT;AAAA,UACA,oBAAoB;AAAA,YAClB,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,kBAAkB;AAAA,YAChB,iBAAiB;AAAA,YACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,YAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,QAAQ;AAAA,UACN,YAAY;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO;AAAA,UACT;AAAA,UACA,oBAAoB;AAAA,YAClB,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,kBAAkB;AAAA,YAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,YAC/C,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,YACzC,OAAO,OAAO,OAAO,KAAK;AAAA,UAC5B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -2,21 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { SelectTokens } from '../types/select-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/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

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

@@ -5,9 +5,16 @@ function createSelectTokens(tokens) {
     multiValueMarginHorizontal: tokens.space.xxs,
     option: {
       padding: tokens.space.sm,
-      selectedIconColor: tokens.colors.primary.value,
-      selectedIconVisibleOpacity: 1,
-      selectedIconHiddenOpacity: 0
+      states: {
+        default: {
+          iconColor: tokens.colors.primary.value,
+          iconOpacity: 0
+        },
+        selected: {
+          iconColor: tokens.colors.primary.value,
+          iconOpacity: 1
+        }
+      }
     }
   };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-select-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SelectTokens } from \"../types\";\n\nexport function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens {\n  return {\n    flyoutHeight: 300,\n    multiValueGap: tokens.space.xxs,\n    multiValueMarginHorizontal: tokens.space.xxs,\n\n    option: {\n      padding: tokens.space.sm,\n      selectedIconColor: tokens.colors.primary.value,\n      selectedIconVisibleOpacity: 1,\n      selectedIconHiddenOpacity: 0,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,cAAc;AAAA,IACd,eAAe,OAAO,MAAM;AAAA,IAC5B,4BAA4B,OAAO,MAAM;AAAA,IAEzC,QAAQ;AAAA,MACN,SAAS,OAAO,MAAM;AAAA,MACtB,mBAAmB,OAAO,OAAO,QAAQ;AAAA,MACzC,4BAA4B;AAAA,MAC5B,2BAA2B;AAAA,IAC7B;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-select-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SelectTokens } from \"../types\";\n\nexport function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens {\n  return {\n    flyoutHeight: 300,\n    multiValueGap: tokens.space.xxs,\n    multiValueMarginHorizontal: tokens.space.xxs,\n\n    option: {\n      padding: tokens.space.sm,\n      states: {\n        default: {\n          iconColor: tokens.colors.primary.value,\n          iconOpacity: 0,\n        },\n        selected: {\n          iconColor: tokens.colors.primary.value,\n          iconOpacity: 1,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,cAAc;AAAA,IACd,eAAe,OAAO,MAAM;AAAA,IAC5B,4BAA4B,OAAO,MAAM;AAAA,IAEzC,QAAQ;AAAA,MACN,SAAS,OAAO,MAAM;AAAA,MACtB,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,WAAW,OAAO,OAAO,QAAQ;AAAA,UACjC,aAAa;AAAA,QACf;AAAA,QACA,UAAU;AAAA,UACR,WAAW,OAAO,OAAO,QAAQ;AAAA,UACjC,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -2,21 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { SkeletonTokens } from '../types/skeleton-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/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

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

@@ -1,5 +1,5 @@
 function createSkeletonTokens(tokens) {
-  const boneColor = tokens.colors.neutral["5"];
+  const boneColor = tokens.colors.border.default.value;
   return {
     bone: {
       backgroundColor: boneColor,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-skeleton-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SkeletonTokens } from \"../types\";\r\n\r\nexport function createSkeletonTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): SkeletonTokens {\r\n  const boneColor = tokens.colors.neutral[\"5\"];\r\n\r\n  return {\r\n    bone: {\r\n      backgroundColor: boneColor,\r\n      borderColor: boneColor,\r\n      initialOpacity: 1,\r\n      animatedOpacity: 0.4,\r\n      animationDuration: 1000,\r\n    },\r\n\r\n    text: {\r\n      alignSelf: \"flex-start\",\r\n      textTransform: \"uppercase\",\r\n      opacity: 0,\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,QAAM,YAAY,OAAO,OAAO,QAAQ,GAAG;AAE3C,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,eAAe;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-skeleton-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SkeletonTokens } from \"../types\";\n\nexport function createSkeletonTokens(\n  tokens: PrimitiveThemeTokens,\n): SkeletonTokens {\n  const boneColor = tokens.colors.border.default.value;\n\n  return {\n    bone: {\n      backgroundColor: boneColor,\n      borderColor: boneColor,\n      initialOpacity: 1,\n      animatedOpacity: 0.4,\n      animationDuration: 1000,\n    },\n\n    text: {\n      alignSelf: \"flex-start\",\n      textTransform: \"uppercase\",\n      opacity: 0,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,QAAM,YAAY,OAAO,OAAO,OAAO,QAAQ;AAE/C,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,eAAe;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}