@impulse-ui-native/theme 3.0.0 → 4.0.0

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.neutral["5"],
+          color: tokens.colors.text.disabled
+        },
+        disabledSelected: {
+          backgroundColor: tokens.colors.neutral["3"],
+          borderColor: tokens.colors.neutral["5"],
+          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.neutral["5"],
+          color: tokens.colors.text.disabled
+        },
+        disabledSelected: {
+          backgroundColor: tokens.colors.neutral["3"],
+          borderColor: tokens.colors.neutral["5"],
+          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.neutral["5"],
+          color: tokens.colors.text.disabled
+        },
+        disabledSelected: {
+          backgroundColor: tokens.colors.neutral["3"],
+          borderColor: tokens.colors.neutral["5"],
+          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.neutral[\"5\"],\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.neutral[\"3\"],\n          borderColor: tokens.colors.neutral[\"5\"],\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.neutral[\"5\"],\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.neutral[\"3\"],\n          borderColor: tokens.colors.neutral[\"5\"],\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.neutral[\"5\"],\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.neutral[\"3\"],\n          borderColor: tokens.colors.neutral[\"5\"],\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,QAAQ,GAAG;AAAA,UACtC,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,GAAG;AAAA,UAC1C,aAAa,OAAO,OAAO,QAAQ,GAAG;AAAA,UACtC,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,QAAQ,GAAG;AAAA,UACtC,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,GAAG;AAAA,UAC1C,aAAa,OAAO,OAAO,QAAQ,GAAG;AAAA,UACtC,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,QAAQ,GAAG;AAAA,UACtC,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,GAAG;AAAA,UAC1C,aAAa,OAAO,OAAO,QAAQ,GAAG;AAAA,UACtC,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -8,7 +8,7 @@ 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';

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

@@ -8,7 +8,7 @@ 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';

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.neutral[\"5\"];\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,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":[]}

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

@@ -8,7 +8,7 @@ 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';

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

@@ -2,16 +2,8 @@ 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,
@@ -41,34 +33,145 @@ function createSliderTokens(tokens) {
     },
     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.value,
+          activeTrackColor: tokens.colors.primary.value,
+          focusRingBorderWidth: 0,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.neutral["6"],
+          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.value,
+          activeTrackColor: tokens.colors.primary.value,
+          focusRingBorderWidth: tokens.borderSize.md,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.neutral["6"],
+          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.neutral["6"],
+          activeTrackColor: tokens.colors.neutral["5"],
+          focusRingBorderWidth: 0,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.text.disabled,
+          markColor: tokens.colors.neutral["6"],
+          thumbBackgroundColor: tokens.colors.neutral["6"],
+          thumbBorderColor: tokens.colors.neutral["6"],
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: tokens.colors.neutral["6"],
+          valueBubbleBorderColor: tokens.colors.neutral["6"],
+          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.value,
+          activeTrackColor: tokens.colors.primary.value,
+          focusRingBorderWidth: 0,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.neutral["6"],
+          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.value,
+          activeTrackColor: tokens.colors.primary.value,
+          focusRingBorderWidth: tokens.borderSize.md,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.primary.value,
+          markColor: tokens.colors.neutral["6"],
+          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.neutral["6"],
+          activeTrackColor: tokens.colors.neutral["5"],
+          focusRingBorderWidth: 0,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.text.disabled,
+          markColor: tokens.colors.neutral["6"],
+          thumbBackgroundColor: tokens.colors.neutral["6"],
+          thumbBorderColor: tokens.colors.neutral["6"],
+          thumbBorderWidth: tokens.borderSize.md,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: tokens.colors.neutral["6"],
+          valueBubbleBorderColor: tokens.colors.neutral["6"],
+          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.primary.value,
+          activeTrackColor: tokens.colors.secondary.value,
+          focusRingBorderWidth: 0,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.secondary.contrast,
+          markColor: tokens.colors.neutral["6"],
+          thumbBackgroundColor: tokens.colors.accent.value,
+          thumbBorderColor: tokens.colors.accent.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: tokens.colors.primary.value,
+          valueBubbleBackgroundColor: tokens.colors.secondary.value,
+          valueBubbleBorderColor: tokens.colors.secondary.value,
+          valueBubbleColor: tokens.colors.secondary.contrast
+        },
+        focused: {
+          activeMarkColor: tokens.colors.primary.value,
+          activeTrackColor: tokens.colors.secondary.value,
+          focusRingBorderWidth: tokens.borderSize.md,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.secondary.contrast,
+          markColor: tokens.colors.neutral["6"],
+          thumbBackgroundColor: tokens.colors.accent.value,
+          thumbBorderColor: tokens.colors.accent.value,
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: tokens.colors.primary.value,
+          valueBubbleBackgroundColor: tokens.colors.secondary.value,
+          valueBubbleBorderColor: tokens.colors.secondary.value,
+          valueBubbleColor: tokens.colors.secondary.contrast
+        },
+        disabled: {
+          activeMarkColor: tokens.colors.neutral["6"],
+          activeTrackColor: tokens.colors.neutral["5"],
+          focusRingBorderWidth: 0,
+          inactiveTrackColor: tokens.colors.neutral["5"],
+          labelColor: tokens.colors.text.disabled,
+          markColor: tokens.colors.neutral["6"],
+          thumbBackgroundColor: tokens.colors.neutral["6"],
+          thumbBorderColor: tokens.colors.neutral["6"],
+          thumbBorderWidth: tokens.borderSize.sm,
+          thumbHighlightColor: "transparent",
+          valueBubbleBackgroundColor: tokens.colors.neutral["6"],
+          valueBubbleBorderColor: tokens.colors.neutral["6"],
+          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    focusRingWidth: tokens.borderSize.md,\n    focusRingOffset: 2,\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        default: {\n          activeMarkColor: tokens.colors.primary.value,\n          activeTrackColor: tokens.colors.primary.value,\n          focusRingBorderWidth: 0,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.neutral[\"6\"],\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.value,\n          activeTrackColor: tokens.colors.primary.value,\n          focusRingBorderWidth: tokens.borderSize.md,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.neutral[\"6\"],\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.neutral[\"6\"],\n          activeTrackColor: tokens.colors.neutral[\"5\"],\n          focusRingBorderWidth: 0,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.text.disabled,\n          markColor: tokens.colors.neutral[\"6\"],\n          thumbBackgroundColor: tokens.colors.neutral[\"6\"],\n          thumbBorderColor: tokens.colors.neutral[\"6\"],\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: tokens.colors.neutral[\"6\"],\n          valueBubbleBorderColor: tokens.colors.neutral[\"6\"],\n          valueBubbleColor: tokens.colors.text.disabled,\n        },\n      },\n      outlined: {\n        default: {\n          activeMarkColor: tokens.colors.primary.value,\n          activeTrackColor: tokens.colors.primary.value,\n          focusRingBorderWidth: 0,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.neutral[\"6\"],\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.value,\n          activeTrackColor: tokens.colors.primary.value,\n          focusRingBorderWidth: tokens.borderSize.md,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.primary.value,\n          markColor: tokens.colors.neutral[\"6\"],\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.neutral[\"6\"],\n          activeTrackColor: tokens.colors.neutral[\"5\"],\n          focusRingBorderWidth: 0,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.text.disabled,\n          markColor: tokens.colors.neutral[\"6\"],\n          thumbBackgroundColor: tokens.colors.neutral[\"6\"],\n          thumbBorderColor: tokens.colors.neutral[\"6\"],\n          thumbBorderWidth: tokens.borderSize.md,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: tokens.colors.neutral[\"6\"],\n          valueBubbleBorderColor: tokens.colors.neutral[\"6\"],\n          valueBubbleColor: tokens.colors.text.disabled,\n        },\n      },\n      soft: {\n        default: {\n          activeMarkColor: tokens.colors.primary.value,\n          activeTrackColor: tokens.colors.secondary.value,\n          focusRingBorderWidth: 0,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.secondary.contrast,\n          markColor: tokens.colors.neutral[\"6\"],\n          thumbBackgroundColor: tokens.colors.accent.value,\n          thumbBorderColor: tokens.colors.accent.value,\n          thumbBorderWidth: tokens.borderSize.sm,\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        focused: {\n          activeMarkColor: tokens.colors.primary.value,\n          activeTrackColor: tokens.colors.secondary.value,\n          focusRingBorderWidth: tokens.borderSize.md,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.secondary.contrast,\n          markColor: tokens.colors.neutral[\"6\"],\n          thumbBackgroundColor: tokens.colors.accent.value,\n          thumbBorderColor: tokens.colors.accent.value,\n          thumbBorderWidth: tokens.borderSize.sm,\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        disabled: {\n          activeMarkColor: tokens.colors.neutral[\"6\"],\n          activeTrackColor: tokens.colors.neutral[\"5\"],\n          focusRingBorderWidth: 0,\n          inactiveTrackColor: tokens.colors.neutral[\"5\"],\n          labelColor: tokens.colors.text.disabled,\n          markColor: tokens.colors.neutral[\"6\"],\n          thumbBackgroundColor: tokens.colors.neutral[\"6\"],\n          thumbBorderColor: tokens.colors.neutral[\"6\"],\n          thumbBorderWidth: tokens.borderSize.sm,\n          thumbHighlightColor: \"transparent\",\n          valueBubbleBackgroundColor: tokens.colors.neutral[\"6\"],\n          valueBubbleBorderColor: tokens.colors.neutral[\"6\"],\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

@@ -8,7 +8,7 @@ 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';

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

@@ -8,7 +8,7 @@ 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';

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

@@ -8,7 +8,7 @@ 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';

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

@@ -8,12 +8,6 @@ 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,
     sizes: {
       small: {
@@ -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.surface.elevated.value
+        },
+        disabled: {
+          activeBackgroundColor: tokens.colors.neutral["3"],
+          activeBorderColor: tokens.colors.neutral["5"],
+          activeThumbColor: tokens.colors.neutral["7"],
+          inactiveBackgroundColor: tokens.colors.neutral["3"],
+          inactiveBorderColor: tokens.colors.neutral["5"],
+          inactiveThumbColor: tokens.colors.neutral["7"]
+        }
       },
       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.surface.elevated.value
+        },
+        disabled: {
+          activeBackgroundColor: tokens.colors.neutral["3"],
+          activeBorderColor: tokens.colors.neutral["5"],
+          activeThumbColor: tokens.colors.neutral["7"],
+          inactiveBackgroundColor: tokens.colors.neutral["3"],
+          inactiveBorderColor: tokens.colors.neutral["5"],
+          inactiveThumbColor: tokens.colors.neutral["7"]
+        }
       },
       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.surface.elevated.value
+        },
+        disabled: {
+          activeBackgroundColor: tokens.colors.neutral["3"],
+          activeBorderColor: tokens.colors.neutral["5"],
+          activeThumbColor: tokens.colors.neutral["7"],
+          inactiveBackgroundColor: tokens.colors.neutral["3"],
+          inactiveBorderColor: tokens.colors.neutral["5"],
+          inactiveThumbColor: tokens.colors.neutral["7"]
+        }
       }
     }
   };

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.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        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.surface.elevated.value,\n        },\n        disabled: {\n          activeBackgroundColor: tokens.colors.neutral[\"3\"],\n          activeBorderColor: tokens.colors.neutral[\"5\"],\n          activeThumbColor: tokens.colors.neutral[\"7\"],\n          inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n          inactiveBorderColor: tokens.colors.neutral[\"5\"],\n          inactiveThumbColor: tokens.colors.neutral[\"7\"],\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.surface.elevated.value,\n        },\n        disabled: {\n          activeBackgroundColor: tokens.colors.neutral[\"3\"],\n          activeBorderColor: tokens.colors.neutral[\"5\"],\n          activeThumbColor: tokens.colors.neutral[\"7\"],\n          inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n          inactiveBorderColor: tokens.colors.neutral[\"5\"],\n          inactiveThumbColor: tokens.colors.neutral[\"7\"],\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.surface.elevated.value,\n        },\n        disabled: {\n          activeBackgroundColor: tokens.colors.neutral[\"3\"],\n          activeBorderColor: tokens.colors.neutral[\"5\"],\n          activeThumbColor: tokens.colors.neutral[\"7\"],\n          inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n          inactiveBorderColor: tokens.colors.neutral[\"5\"],\n          inactiveThumbColor: tokens.colors.neutral[\"7\"],\n        },\n      },\n    },\n  };\n}\n"],"mappings":"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","names":[]}

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

@@ -8,7 +8,7 @@ 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';