@impulse-ui-native/theme 2.9.0 → 4.0.0

package/dist/theme/create-icon-button-tokens.js

@@ -24,44 +24,72 @@ function createIconButtonTokens(tokens) {
     },
     variants: {
       filled: {
-        backgroundColor: primary,
-        borderColor: primary,
-        color: primaryContrast,
-        disabledBackgroundColor: neutral["5"],
-        disabledBorderColor: neutral["5"],
-        disabledColor
+        default: {
+          backgroundColor: primary,
+          borderColor: primary,
+          color: primaryContrast
+        },
+        loading: {
+          backgroundColor: primary,
+          borderColor: primary,
+          color: primaryContrast
+        },
+        disabled: {
+          backgroundColor: neutral["5"],
+          borderColor: neutral["5"],
+          color: disabledColor
+        }
       },
       outlined: {
-        backgroundColor: "transparent",
-        borderColor: primary,
-        color: primary,
-        disabledBackgroundColor: "transparent",
-        disabledBorderColor: neutral["5"],
-        disabledColor
+        default: {
+          backgroundColor: "transparent",
+          borderColor: primary,
+          color: primary
+        },
+        loading: {
+          backgroundColor: "transparent",
+          borderColor: primary,
+          color: primary
+        },
+        disabled: {
+          backgroundColor: "transparent",
+          borderColor: neutral["5"],
+          color: disabledColor
+        }
       },
       soft: {
-        backgroundColor: secondary,
-        borderColor: secondary,
-        color: secondaryContrast,
-        disabledBackgroundColor: neutral["3"],
-        disabledBorderColor: neutral["3"],
-        disabledColor
+        default: {
+          backgroundColor: secondary,
+          borderColor: secondary,
+          color: secondaryContrast
+        },
+        loading: {
+          backgroundColor: secondary,
+          borderColor: secondary,
+          color: secondaryContrast
+        },
+        disabled: {
+          backgroundColor: neutral["3"],
+          borderColor: neutral["3"],
+          color: disabledColor
+        }
       },
       ghost: {
-        backgroundColor: "transparent",
-        borderColor: "transparent",
-        color: primary,
-        disabledBackgroundColor: "transparent",
-        disabledBorderColor: "transparent",
-        disabledColor
-      },
-      plain: {
-        backgroundColor: "transparent",
-        borderColor: "transparent",
-        color: primary,
-        disabledBackgroundColor: "transparent",
-        disabledBorderColor: "transparent",
-        disabledColor
+        default: {
+          backgroundColor: "transparent",
+          borderColor: "transparent",
+          color: primary
+        },
+        loading: {
+          backgroundColor: "transparent",
+          borderColor: "transparent",
+          color: primary
+        },
+        disabled: {
+          backgroundColor: "transparent",
+          borderColor: "transparent",
+          color: disabledColor
+        }
       }
     }
   };

package/dist/theme/create-icon-button-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-icon-button-tokens.ts"],"sourcesContent":["import { IconButtonTokens, PrimitiveThemeTokens } from \"../types\";\r\n\r\nexport function createIconButtonTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): IconButtonTokens {\r\n  const primary = tokens.colors.primary.value;\r\n  const primaryContrast = tokens.colors.primary.contrast;\r\n\r\n  const secondary = tokens.colors.secondary.value;\r\n  const secondaryContrast = tokens.colors.secondary.contrast;\r\n\r\n  const neutral = tokens.colors.neutral;\r\n  const disabledColor = tokens.colors.text.disabled;\r\n\r\n  return {\r\n    borderWidth: tokens.borderSize.sm,\r\n    borderRadius: tokens.radii.md,\r\n\r\n    sizes: {\r\n      small: {\r\n        size: 32,\r\n        padding: 6,\r\n      },\r\n      medium: {\r\n        size: 40,\r\n        padding: 8,\r\n      },\r\n      large: {\r\n        size: 48,\r\n        padding: 10,\r\n      },\r\n    },\r\n\r\n    variants: {\r\n      filled: {\r\n        backgroundColor: primary,\r\n        borderColor: primary,\r\n        color: primaryContrast,\r\n\r\n        disabledBackgroundColor: neutral[\"5\"],\r\n        disabledBorderColor: neutral[\"5\"],\r\n        disabledColor,\r\n      },\r\n\r\n      outlined: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: primary,\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: neutral[\"5\"],\r\n        disabledColor,\r\n      },\r\n\r\n      soft: {\r\n        backgroundColor: secondary,\r\n        borderColor: secondary,\r\n        color: secondaryContrast,\r\n\r\n        disabledBackgroundColor: neutral[\"3\"],\r\n        disabledBorderColor: neutral[\"3\"],\r\n        disabledColor,\r\n      },\r\n\r\n      ghost: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: \"transparent\",\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: \"transparent\",\r\n        disabledColor,\r\n      },\r\n\r\n      plain: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: \"transparent\",\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: \"transparent\",\r\n        disabledColor,\r\n      },\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAE9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB,QAAQ,GAAG;AAAA,QACpC,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB,QAAQ,GAAG;AAAA,QACpC,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,QACrB;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-icon-button-tokens.ts"],"sourcesContent":["import { IconButtonTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createIconButtonTokens(\n  tokens: PrimitiveThemeTokens,\n): IconButtonTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  const neutral = tokens.colors.neutral;\n  const disabledColor = tokens.colors.text.disabled;\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.md,\n\n    sizes: {\n      small: {\n        size: 32,\n        padding: 6,\n      },\n      medium: {\n        size: 40,\n        padding: 8,\n      },\n      large: {\n        size: 48,\n        padding: 10,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        loading: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        disabled: {\n          backgroundColor: neutral[\"5\"],\n          borderColor: neutral[\"5\"],\n          color: disabledColor,\n        },\n      },\n\n      outlined: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        loading: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: neutral[\"5\"],\n          color: disabledColor,\n        },\n      },\n\n      soft: {\n        default: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        loading: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        disabled: {\n          backgroundColor: neutral[\"3\"],\n          borderColor: neutral[\"3\"],\n          color: disabledColor,\n        },\n      },\n\n      ghost: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: primary,\n        },\n        loading: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: primary,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: disabledColor,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAE9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,QAAQ,GAAG;AAAA,UAC5B,aAAa,QAAQ,GAAG;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa,QAAQ,GAAG;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,QAAQ,GAAG;AAAA,UAC5B,aAAa,QAAQ,GAAG;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-progress-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';
@@ -17,6 +17,7 @@ import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';

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

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

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';
@@ -18,6 +18,7 @@ import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-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';

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';
@@ -18,6 +18,7 @@ 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/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-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

@@ -0,0 +1,31 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { SliderTokens } from '../types/slider-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/checkbox-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/select-tokens.types.mjs';
+import '../types/skeleton-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 createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens;
+
+export { createSliderTokens };

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

@@ -0,0 +1,182 @@
+function createSliderTokens(tokens) {
+  return {
+    trackBorderRadius: tokens.radii.round,
+    thumbBorderRadius: tokens.radii.round,
+    focusRingWidth: tokens.borderSize.md,
+    focusRingOffset: 2,
+    focusRingColor: tokens.colors.border.focus.value,
+    valueBubbleBorderRadius: tokens.radii.md,
+    valueBubbleBorderWidth: tokens.borderSize.sm,
+    valueBubblePaddingHorizontal: tokens.space.xs,
+    valueBubblePaddingVertical: tokens.space.xxs,
+    valueBubbleGap: tokens.space.xxs,
+    labelGap: tokens.space.xxs,
+    sizes: {
+      small: {
+        trackHeight: 4,
+        thumbSize: 16,
+        markSize: 6,
+        hitSlop: 16
+      },
+      medium: {
+        trackHeight: 6,
+        thumbSize: 20,
+        markSize: 6,
+        hitSlop: 14
+      },
+      large: {
+        trackHeight: 8,
+        thumbSize: 24,
+        markSize: 8,
+        hitSlop: 12
+      }
+    },
+    variants: {
+      filled: {
+        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: {
+        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: {
+        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
+        }
+      }
+    }
+  };
+}
+export {
+  createSliderTokens
+};
+//# sourceMappingURL=create-slider-tokens.js.map

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

@@ -0,0 +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    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';
@@ -18,6 +18,7 @@ import '../types/pressable-tokens.types.mjs';
 import '../types/progress-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';