@impulse-ui-native/theme 4.0.0 → 5.0.0

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

@@ -37,12 +37,12 @@ function createCheckboxTokens(tokens) {
         },
         disabledUnselected: {
           backgroundColor: "transparent",
-          borderColor: tokens.colors.neutral["5"],
+          borderColor: tokens.colors.border.default.value,
           color: tokens.colors.text.disabled
         },
         disabledSelected: {
-          backgroundColor: tokens.colors.neutral["3"],
-          borderColor: tokens.colors.neutral["5"],
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
           color: tokens.colors.text.disabled
         }
       },
@@ -59,12 +59,12 @@ function createCheckboxTokens(tokens) {
         },
         disabledUnselected: {
           backgroundColor: "transparent",
-          borderColor: tokens.colors.neutral["5"],
+          borderColor: tokens.colors.border.default.value,
           color: tokens.colors.text.disabled
         },
         disabledSelected: {
-          backgroundColor: tokens.colors.neutral["3"],
-          borderColor: tokens.colors.neutral["5"],
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
           color: tokens.colors.text.disabled
         }
       },
@@ -81,12 +81,12 @@ function createCheckboxTokens(tokens) {
         },
         disabledUnselected: {
           backgroundColor: "transparent",
-          borderColor: tokens.colors.neutral["5"],
+          borderColor: tokens.colors.border.default.value,
           color: tokens.colors.text.disabled
         },
         disabledSelected: {
-          backgroundColor: tokens.colors.neutral["3"],
-          borderColor: tokens.colors.neutral["5"],
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
           color: tokens.colors.text.disabled
         }
       }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-checkbox-tokens.ts"],"sourcesContent":["import type { CheckboxTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createCheckboxTokens(\n  tokens: PrimitiveThemeTokens,\n): CheckboxTokens {\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.sm,\n\n    sizes: {\n      small: {\n        size: 20,\n        iconSize: 14,\n        hitSlop: 12,\n      },\n      medium: {\n        size: 24,\n        iconSize: 18,\n        hitSlop: 10,\n      },\n      large: {\n        size: 28,\n        iconSize: 22,\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,qBACd,QACgB;AAChB,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,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,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":[]}
+{"version":3,"sources":["../../src/theme/create-checkbox-tokens.ts"],"sourcesContent":["import type { CheckboxTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createCheckboxTokens(\n  tokens: PrimitiveThemeTokens,\n): CheckboxTokens {\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.sm,\n\n    sizes: {\n      small: {\n        size: 20,\n        iconSize: 14,\n        hitSlop: 12,\n      },\n      medium: {\n        size: 24,\n        iconSize: 18,\n        hitSlop: 10,\n      },\n      large: {\n        size: 28,\n        iconSize: 22,\n        hitSlop: 8,\n      },\n    },\n\n    variants: {\n      filled: {\n        unselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.strong.value,\n          color: primaryContrast,\n        },\n        selected: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        disabledUnselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n      },\n      outlined: {\n        unselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.strong.value,\n          color: primary,\n        },\n        selected: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        disabledUnselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n      },\n      soft: {\n        unselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.strong.value,\n          color: secondaryContrast,\n        },\n        selected: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        disabledUnselected: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n        disabledSelected: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\n          color: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,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,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,UAAU;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

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

@@ -49,12 +49,12 @@ function createControlContainerTokens(tokens) {
           opacity: 1
         },
         disabled: {
-          backgroundColor: tokens.colors.neutral["2"],
+          backgroundColor: tokens.colors.surface.primary.value,
           borderColor: "transparent",
           opacity: 0.7
         },
         disabledError: {
-          backgroundColor: tokens.colors.neutral["2"],
+          backgroundColor: tokens.colors.surface.primary.value,
           borderColor: tokens.colors.feedback.error.value,
           opacity: 0.7
         }
@@ -62,7 +62,7 @@ function createControlContainerTokens(tokens) {
       outlined: {
         default: {
           backgroundColor: "transparent",
-          borderColor: tokens.colors.neutral["5"],
+          borderColor: tokens.colors.border.default.value,
           opacity: 1
         },
         error: {
@@ -72,7 +72,7 @@ function createControlContainerTokens(tokens) {
         },
         disabled: {
           backgroundColor: "transparent",
-          borderColor: tokens.colors.neutral["5"],
+          borderColor: tokens.colors.border.default.value,
           opacity: 0.7
         },
         disabledError: {
@@ -111,7 +111,7 @@ function createControlInputTokens(tokens) {
       filled: {
         default: {
           color: tokens.colors.text.primary,
-          placeholderColor: tokens.colors.text.disabled
+          placeholderColor: tokens.colors.text.tertiary
         },
         error: {
           color: tokens.colors.text.primary,
@@ -129,7 +129,7 @@ function createControlInputTokens(tokens) {
       outlined: {
         default: {
           color: tokens.colors.text.primary,
-          placeholderColor: tokens.colors.text.disabled
+          placeholderColor: tokens.colors.text.tertiary
         },
         error: {
           color: tokens.colors.text.primary,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\n  ControlAddonTokens,\n  ControlContainerTokens,\n  ControlErrorTokens,\n  ControlInputTokens,\n  ControlLabelTokens,\n  PrimitiveThemeTokens,\n} from \"../types\";\n\nexport function createControlAddonTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlAddonTokens {\n  return {\n    marginHorizontal: tokens.space.xxs,\n    hitSlop: tokens.space.sm,\n    variants: {\n      filled: {\n        default: { iconColor: tokens.colors.text.primary },\n        error: { iconColor: tokens.colors.text.primary },\n        disabled: { iconColor: tokens.colors.text.disabled },\n        disabledError: { iconColor: tokens.colors.text.disabled },\n      },\n      outlined: {\n        default: { iconColor: tokens.colors.text.primary },\n        error: { iconColor: tokens.colors.text.primary },\n        disabled: { iconColor: tokens.colors.text.disabled },\n        disabledError: { iconColor: tokens.colors.text.disabled },\n      },\n    },\n  };\n}\n\nexport function createControlContainerTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlContainerTokens {\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.sm,\n\n    sizes: {\n      small: {\n        height: 32,\n        paddingHorizontal: tokens.space.xs,\n      },\n      medium: {\n        height: 40,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        height: 48,\n        paddingHorizontal: tokens.space.xs,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          backgroundColor: tokens.colors.surface.secondary.value,\n          borderColor: \"transparent\",\n          opacity: 1,\n        },\n        error: {\n          backgroundColor: tokens.colors.surface.secondary.value,\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 1,\n        },\n        disabled: {\n          backgroundColor: tokens.colors.neutral[\"2\"],\n          borderColor: \"transparent\",\n          opacity: 0.7,\n        },\n        disabledError: {\n          backgroundColor: tokens.colors.neutral[\"2\"],\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 0.7,\n        },\n      },\n\n      outlined: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.neutral[\"5\"],\n          opacity: 1,\n        },\n        error: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 1,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.neutral[\"5\"],\n          opacity: 0.7,\n        },\n        disabledError: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 0.7,\n        },\n      },\n    },\n  };\n}\n\nexport function createControlErrorTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlErrorTokens {\n  return {\n    marginTop: tokens.space.xxs,\n    color: tokens.colors.feedback.error.value,\n    fontSize: tokens.fontSize.xs,\n  };\n}\n\nexport function createControlInputTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlInputTokens {\n  return {\n    flex: 1,\n    fontFamily: tokens.fontFamily.normal[400],\n    paddingHorizontal: tokens.space.xxs,\n\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        error: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.feedback.error.value,\n        },\n        disabled: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        disabledError: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n      },\n\n      outlined: {\n        default: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        error: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.feedback.error.value,\n        },\n        disabled: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        disabledError: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n\nexport function createControlLabelTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlLabelTokens {\n  return {\n    marginBottom: tokens.space.xxs,\n    fontSize: tokens.fontSize.xsm,\n    states: {\n      default: { color: tokens.colors.text.secondary },\n      error: { color: tokens.colors.feedback.error.value },\n      disabled: { color: tokens.colors.text.disabled },\n      disabledError: { color: tokens.colors.text.disabled },\n    },\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\n  ControlAddonTokens,\n  ControlContainerTokens,\n  ControlErrorTokens,\n  ControlInputTokens,\n  ControlLabelTokens,\n  PrimitiveThemeTokens,\n} from \"../types\";\n\nexport function createControlAddonTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlAddonTokens {\n  return {\n    marginHorizontal: tokens.space.xxs,\n    hitSlop: tokens.space.sm,\n    variants: {\n      filled: {\n        default: { iconColor: tokens.colors.text.primary },\n        error: { iconColor: tokens.colors.text.primary },\n        disabled: { iconColor: tokens.colors.text.disabled },\n        disabledError: { iconColor: tokens.colors.text.disabled },\n      },\n      outlined: {\n        default: { iconColor: tokens.colors.text.primary },\n        error: { iconColor: tokens.colors.text.primary },\n        disabled: { iconColor: tokens.colors.text.disabled },\n        disabledError: { iconColor: tokens.colors.text.disabled },\n      },\n    },\n  };\n}\n\nexport function createControlContainerTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlContainerTokens {\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.sm,\n\n    sizes: {\n      small: {\n        height: 32,\n        paddingHorizontal: tokens.space.xs,\n      },\n      medium: {\n        height: 40,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        height: 48,\n        paddingHorizontal: tokens.space.xs,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          backgroundColor: tokens.colors.surface.secondary.value,\n          borderColor: \"transparent\",\n          opacity: 1,\n        },\n        error: {\n          backgroundColor: tokens.colors.surface.secondary.value,\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 1,\n        },\n        disabled: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: \"transparent\",\n          opacity: 0.7,\n        },\n        disabledError: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 0.7,\n        },\n      },\n\n      outlined: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          opacity: 1,\n        },\n        error: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 1,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          opacity: 0.7,\n        },\n        disabledError: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 0.7,\n        },\n      },\n    },\n  };\n}\n\nexport function createControlErrorTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlErrorTokens {\n  return {\n    marginTop: tokens.space.xxs,\n    color: tokens.colors.feedback.error.value,\n    fontSize: tokens.fontSize.xs,\n  };\n}\n\nexport function createControlInputTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlInputTokens {\n  return {\n    flex: 1,\n    fontFamily: tokens.fontFamily.normal[400],\n    paddingHorizontal: tokens.space.xxs,\n\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.text.tertiary,\n        },\n        error: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.feedback.error.value,\n        },\n        disabled: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        disabledError: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n      },\n\n      outlined: {\n        default: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.text.tertiary,\n        },\n        error: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.feedback.error.value,\n        },\n        disabled: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        disabledError: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n\nexport function createControlLabelTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlLabelTokens {\n  return {\n    marginBottom: tokens.space.xxs,\n    fontSize: tokens.fontSize.xsm,\n    states: {\n      default: { color: tokens.colors.text.secondary },\n      error: { color: tokens.colors.feedback.error.value },\n      disabled: { color: tokens.colors.text.disabled },\n      disabledError: { color: tokens.colors.text.disabled },\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/theme/create-data-state-tokens.d.mts

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/create-datetime-picker.d.mts

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/data-state-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/create-datetime-picker.js

@@ -14,7 +14,7 @@ function createDatetimePickerTokens(tokens) {
         },
         outsideMonth: {
           backgroundColor: "transparent",
-          color: tokens.colors.neutral["5"]
+          color: tokens.colors.text.disabled
         },
         range: {
           backgroundColor: tokens.colors.secondary.value,

package/dist/theme/create-datetime-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-datetime-picker.ts"],"sourcesContent":["import { DatetimePickerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createDatetimePickerTokens(\n  tokens: PrimitiveThemeTokens,\n): DatetimePickerTokens {\n  return {\n    calendar: {\n      dayNamesMarginBottom: tokens.space.msm,\n      weeksGap: tokens.space.xxs,\n    },\n    day: {\n      size: 40,\n      borderRadius: tokens.radii.sm,\n      states: {\n        default: {\n          backgroundColor: \"transparent\",\n          color: tokens.colors.text.primary,\n        },\n        outsideMonth: {\n          backgroundColor: \"transparent\",\n          color: tokens.colors.neutral[\"5\"],\n        },\n        range: {\n          backgroundColor: tokens.colors.secondary.value,\n          color: tokens.colors.secondary.contrast,\n        },\n        selected: {\n          backgroundColor: tokens.colors.primary.value,\n          color: tokens.colors.primary.contrast,\n        },\n      },\n    },\n    datePickerFlyout: {\n      gap: tokens.space.msm,\n    },\n    datetimePickerFlyout: {\n      gap: tokens.space.msm,\n    },\n    datetimeRangePickerFlyout: {\n      gap: tokens.space.msm,\n      timeInputsGap: tokens.space.xs,\n    },\n    flyoutActions: {\n      gap: tokens.space.msm,\n      buttonsGap: tokens.space.xs,\n      clearColor: tokens.colors.primary.value,\n    },\n    quickDateOptions: {\n      gap: tokens.space.xs,\n    },\n    visibleDateSelect: {\n      gap: tokens.space.xs,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,2BACd,QACsB;AACtB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,sBAAsB,OAAO,MAAM;AAAA,MACnC,UAAU,OAAO,MAAM;AAAA,IACzB;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,cAAc,OAAO,MAAM;AAAA,MAC3B,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,cAAc;AAAA,UACZ,iBAAiB;AAAA,UACjB,OAAO,OAAO,OAAO,QAAQ,GAAG;AAAA,QAClC;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB,OAAO,OAAO,UAAU;AAAA,UACzC,OAAO,OAAO,OAAO,UAAU;AAAA,QACjC;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,OAAO,OAAO,QAAQ;AAAA,UACvC,OAAO,OAAO,OAAO,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,sBAAsB;AAAA,MACpB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,2BAA2B;AAAA,MACzB,KAAK,OAAO,MAAM;AAAA,MAClB,eAAe,OAAO,MAAM;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,MACb,KAAK,OAAO,MAAM;AAAA,MAClB,YAAY,OAAO,MAAM;AAAA,MACzB,YAAY,OAAO,OAAO,QAAQ;AAAA,IACpC;AAAA,IACA,kBAAkB;AAAA,MAChB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,mBAAmB;AAAA,MACjB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-datetime-picker.ts"],"sourcesContent":["import { DatetimePickerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createDatetimePickerTokens(\n  tokens: PrimitiveThemeTokens,\n): DatetimePickerTokens {\n  return {\n    calendar: {\n      dayNamesMarginBottom: tokens.space.msm,\n      weeksGap: tokens.space.xxs,\n    },\n    day: {\n      size: 40,\n      borderRadius: tokens.radii.sm,\n      states: {\n        default: {\n          backgroundColor: \"transparent\",\n          color: tokens.colors.text.primary,\n        },\n        outsideMonth: {\n          backgroundColor: \"transparent\",\n          color: tokens.colors.text.disabled,\n        },\n        range: {\n          backgroundColor: tokens.colors.secondary.value,\n          color: tokens.colors.secondary.contrast,\n        },\n        selected: {\n          backgroundColor: tokens.colors.primary.value,\n          color: tokens.colors.primary.contrast,\n        },\n      },\n    },\n    datePickerFlyout: {\n      gap: tokens.space.msm,\n    },\n    datetimePickerFlyout: {\n      gap: tokens.space.msm,\n    },\n    datetimeRangePickerFlyout: {\n      gap: tokens.space.msm,\n      timeInputsGap: tokens.space.xs,\n    },\n    flyoutActions: {\n      gap: tokens.space.msm,\n      buttonsGap: tokens.space.xs,\n      clearColor: tokens.colors.primary.value,\n    },\n    quickDateOptions: {\n      gap: tokens.space.xs,\n    },\n    visibleDateSelect: {\n      gap: tokens.space.xs,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,2BACd,QACsB;AACtB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,sBAAsB,OAAO,MAAM;AAAA,MACnC,UAAU,OAAO,MAAM;AAAA,IACzB;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,cAAc,OAAO,MAAM;AAAA,MAC3B,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,cAAc;AAAA,UACZ,iBAAiB;AAAA,UACjB,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB,OAAO,OAAO,UAAU;AAAA,UACzC,OAAO,OAAO,OAAO,UAAU;AAAA,QACjC;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,OAAO,OAAO,QAAQ;AAAA,UACvC,OAAO,OAAO,OAAO,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,sBAAsB;AAAA,MACpB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,2BAA2B;AAAA,MACzB,KAAK,OAAO,MAAM;AAAA,MAClB,eAAe,OAAO,MAAM;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,MACb,KAAK,OAAO,MAAM;AAAA,MAClB,YAAY,OAAO,MAAM;AAAA,MACzB,YAAY,OAAO,OAAO,QAAQ;AAAA,IACpC;AAAA,IACA,kBAAkB;AAAA,MAChB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,mBAAmB;AAAA,MACjB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,EACF;AACF;","names":[]}

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

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { DividerTokens } from '../types/divider-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

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

@@ -1,4 +1,6 @@
 function createDividerTokens(tokens) {
+  const inset = tokens.space.sm;
+  const thickness = tokens.borderSize.sm;
   return {
     colors: {
       subtle: tokens.colors.border.subtle.value,
@@ -7,8 +9,68 @@ function createDividerTokens(tokens) {
       primary: tokens.colors.primary.value,
       inverse: tokens.colors.text.inverse
     },
-    inset: tokens.space.sm,
-    thickness: tokens.borderSize.sm
+    layouts: {
+      horizontal: {
+        none: {
+          height: thickness,
+          marginBottom: 0,
+          marginEnd: 0,
+          marginStart: 0,
+          marginTop: 0
+        },
+        start: {
+          height: thickness,
+          marginBottom: 0,
+          marginEnd: 0,
+          marginStart: inset,
+          marginTop: 0
+        },
+        end: {
+          height: thickness,
+          marginBottom: 0,
+          marginEnd: inset,
+          marginStart: 0,
+          marginTop: 0
+        },
+        both: {
+          height: thickness,
+          marginBottom: 0,
+          marginEnd: inset,
+          marginStart: inset,
+          marginTop: 0
+        }
+      },
+      vertical: {
+        none: {
+          marginBottom: 0,
+          marginEnd: 0,
+          marginStart: 0,
+          marginTop: 0,
+          width: thickness
+        },
+        start: {
+          marginBottom: 0,
+          marginEnd: 0,
+          marginStart: 0,
+          marginTop: inset,
+          width: thickness
+        },
+        end: {
+          marginBottom: inset,
+          marginEnd: 0,
+          marginStart: 0,
+          marginTop: 0,
+          width: thickness
+        },
+        both: {
+          marginBottom: inset,
+          marginEnd: 0,
+          marginStart: 0,
+          marginTop: inset,
+          width: thickness
+        }
+      }
+    }
   };
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-divider-tokens.ts"],"sourcesContent":["import type { DividerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createDividerTokens(\n  tokens: PrimitiveThemeTokens,\n): DividerTokens {\n  return {\n    colors: {\n      subtle: tokens.colors.border.subtle.value,\n      default: tokens.colors.border.default.value,\n      strong: tokens.colors.border.strong.value,\n      primary: tokens.colors.primary.value,\n      inverse: tokens.colors.text.inverse,\n    },\n    inset: tokens.space.sm,\n    thickness: tokens.borderSize.sm,\n  };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,OAAO,QAAQ;AAAA,MACtC,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,IACA,OAAO,OAAO,MAAM;AAAA,IACpB,WAAW,OAAO,WAAW;AAAA,EAC/B;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-divider-tokens.ts"],"sourcesContent":["import type { DividerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createDividerTokens(\n  tokens: PrimitiveThemeTokens,\n): DividerTokens {\n  const inset = tokens.space.sm;\n  const thickness = tokens.borderSize.sm;\n\n  return {\n    colors: {\n      subtle: tokens.colors.border.subtle.value,\n      default: tokens.colors.border.default.value,\n      strong: tokens.colors.border.strong.value,\n      primary: tokens.colors.primary.value,\n      inverse: tokens.colors.text.inverse,\n    },\n    layouts: {\n      horizontal: {\n        none: {\n          height: thickness,\n          marginBottom: 0,\n          marginEnd: 0,\n          marginStart: 0,\n          marginTop: 0,\n        },\n        start: {\n          height: thickness,\n          marginBottom: 0,\n          marginEnd: 0,\n          marginStart: inset,\n          marginTop: 0,\n        },\n        end: {\n          height: thickness,\n          marginBottom: 0,\n          marginEnd: inset,\n          marginStart: 0,\n          marginTop: 0,\n        },\n        both: {\n          height: thickness,\n          marginBottom: 0,\n          marginEnd: inset,\n          marginStart: inset,\n          marginTop: 0,\n        },\n      },\n      vertical: {\n        none: {\n          marginBottom: 0,\n          marginEnd: 0,\n          marginStart: 0,\n          marginTop: 0,\n          width: thickness,\n        },\n        start: {\n          marginBottom: 0,\n          marginEnd: 0,\n          marginStart: 0,\n          marginTop: inset,\n          width: thickness,\n        },\n        end: {\n          marginBottom: inset,\n          marginEnd: 0,\n          marginStart: 0,\n          marginTop: 0,\n          width: thickness,\n        },\n        both: {\n          marginBottom: inset,\n          marginEnd: 0,\n          marginStart: 0,\n          marginTop: inset,\n          width: thickness,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,QAAM,QAAQ,OAAO,MAAM;AAC3B,QAAM,YAAY,OAAO,WAAW;AAEpC,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,OAAO,QAAQ;AAAA,MACtC,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,IACA,SAAS;AAAA,MACP,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,QACb;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,QACb;AAAA,QACA,KAAK;AAAA,UACH,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,QACb;AAAA,QACA,MAAM;AAAA,UACJ,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,QACb;AAAA,MACF;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO;AAAA,QACT;AAAA,QACA,KAAK;AAAA,UACH,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO;AAAA,QACT;AAAA,QACA,MAAM;AAAA,UACJ,cAAc;AAAA,UACd,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

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

@@ -1,4 +1,6 @@
 function createFlyoutTokens(tokens) {
+  const borderRadius = tokens.radii.xl;
+  const handleContainerHeight = 32;
   return {
     zIndexBase: 100,
     maxHeightRatio: 0.7,
@@ -6,18 +8,44 @@ function createFlyoutTokens(tokens) {
     overlayVisibleOpacity: 0.4,
     backgroundColor: tokens.colors.surface.secondary.value,
     contentPaddingHorizontal: tokens.space.md,
-    borderRadius: tokens.radii.xl,
     hiddenOpacity: 0,
     title: {
       paddingVertical: tokens.space.msm,
       paddingHorizontal: tokens.space.md
     },
     handle: {
-      containerHeight: 32,
       width: "25%",
       height: 6,
       borderRadius: tokens.radii.round,
-      backgroundColor: tokens.colors.surface.primary.value
+      backgroundColor: tokens.colors.text.tertiary
+    },
+    placements: {
+      top: {
+        container: {
+          top: 0,
+          borderTopLeftRadius: 0,
+          borderTopRightRadius: 0,
+          borderBottomLeftRadius: borderRadius,
+          borderBottomRightRadius: borderRadius
+        },
+        handleContainer: {
+          bottom: -handleContainerHeight,
+          height: handleContainerHeight
+        }
+      },
+      bottom: {
+        container: {
+          bottom: 0,
+          borderTopLeftRadius: borderRadius,
+          borderTopRightRadius: borderRadius,
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0
+        },
+        handleContainer: {
+          top: -handleContainerHeight,
+          height: handleContainerHeight
+        }
+      }
     }
   };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n  return {\n    zIndexBase: 100,\n\n    maxHeightRatio: 0.7,\n\n    overlayColor: tokens.colors.black,\n    overlayVisibleOpacity: 0.4,\n\n    backgroundColor: tokens.colors.surface.secondary.value,\n    contentPaddingHorizontal: tokens.space.md,\n\n    borderRadius: tokens.radii.xl,\n\n    hiddenOpacity: 0,\n\n    title: {\n      paddingVertical: tokens.space.msm,\n      paddingHorizontal: tokens.space.md,\n    },\n\n    handle: {\n      containerHeight: 32,\n      width: \"25%\",\n      height: 6,\n      borderRadius: tokens.radii.round,\n      backgroundColor: tokens.colors.surface.primary.value,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO;AAAA,IAC5B,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACjD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,cAAc,OAAO,MAAM;AAAA,IAE3B,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n  const borderRadius = tokens.radii.xl;\n  const handleContainerHeight = 32;\n\n  return {\n    zIndexBase: 100,\n\n    maxHeightRatio: 0.7,\n\n    overlayColor: tokens.colors.black,\n    overlayVisibleOpacity: 0.4,\n\n    backgroundColor: tokens.colors.surface.secondary.value,\n    contentPaddingHorizontal: tokens.space.md,\n\n    hiddenOpacity: 0,\n\n    title: {\n      paddingVertical: tokens.space.msm,\n      paddingHorizontal: tokens.space.md,\n    },\n\n    handle: {\n      width: \"25%\",\n      height: 6,\n      borderRadius: tokens.radii.round,\n      backgroundColor: tokens.colors.text.tertiary,\n    },\n\n    placements: {\n      top: {\n        container: {\n          top: 0,\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomLeftRadius: borderRadius,\n          borderBottomRightRadius: borderRadius,\n        },\n        handleContainer: {\n          bottom: -handleContainerHeight,\n          height: handleContainerHeight,\n        },\n      },\n      bottom: {\n        container: {\n          bottom: 0,\n          borderTopLeftRadius: borderRadius,\n          borderTopRightRadius: borderRadius,\n          borderBottomLeftRadius: 0,\n          borderBottomRightRadius: 0,\n        },\n        handleContainer: {\n          top: -handleContainerHeight,\n          height: handleContainerHeight,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,eAAe,OAAO,MAAM;AAClC,QAAM,wBAAwB;AAE9B,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO;AAAA,IAC5B,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACjD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,KAAK;AAAA,IACtC;AAAA,IAEA,YAAY;AAAA,MACV,KAAK;AAAA,QACH,WAAW;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,QAAQ,CAAC;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,CAAC;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-icon-button-tokens.d.mts

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

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

@@ -3,7 +3,6 @@ function createIconButtonTokens(tokens) {
   const primaryContrast = tokens.colors.primary.contrast;
   const secondary = tokens.colors.secondary.value;
   const secondaryContrast = tokens.colors.secondary.contrast;
-  const neutral = tokens.colors.neutral;
   const disabledColor = tokens.colors.text.disabled;
   return {
     borderWidth: tokens.borderSize.sm,
@@ -35,8 +34,8 @@ function createIconButtonTokens(tokens) {
           color: primaryContrast
         },
         disabled: {
-          backgroundColor: neutral["5"],
-          borderColor: neutral["5"],
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
           color: disabledColor
         }
       },
@@ -53,7 +52,7 @@ function createIconButtonTokens(tokens) {
         },
         disabled: {
           backgroundColor: "transparent",
-          borderColor: neutral["5"],
+          borderColor: tokens.colors.border.default.value,
           color: disabledColor
         }
       },
@@ -69,8 +68,8 @@ function createIconButtonTokens(tokens) {
           color: secondaryContrast
         },
         disabled: {
-          backgroundColor: neutral["3"],
-          borderColor: neutral["3"],
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.subtle.value,
           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\";\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":[]}
+{"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 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: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\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: tokens.colors.border.default.value,\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: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.subtle.value,\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,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,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,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,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,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,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,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-list-tokens.d.mts

@@ -0,0 +1,35 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { ListTokens } from '../types/list-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
+import '../types/control-tokens.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createListTokens(tokens: PrimitiveThemeTokens): ListTokens;
+
+export { createListTokens };

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

@@ -0,0 +1,14 @@
+function createListTokens(tokens) {
+  return {
+    backgroundColor: tokens.colors.surface.elevated.value,
+    borderColor: tokens.colors.border.subtle.value,
+    borderWidth: tokens.borderSize.sm,
+    borderRadius: tokens.radii.lg,
+    item: { gap: tokens.space.mxs, padding: tokens.space.sm },
+    content: { gap: tokens.space.xxs }
+  };
+}
+export {
+  createListTokens
+};
+//# sourceMappingURL=create-list-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-list-tokens.ts"],"sourcesContent":["import type { ListTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createListTokens(tokens: PrimitiveThemeTokens): ListTokens {\n  return {\n    backgroundColor: tokens.colors.surface.elevated.value,\n    borderColor: tokens.colors.border.subtle.value,\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.lg,\n    item: { gap: tokens.space.mxs, padding: tokens.space.sm },\n    content: { gap: tokens.space.xxs },\n  };\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,QAA0C;AACzE,SAAO;AAAA,IACL,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,MAAM,EAAE,KAAK,OAAO,MAAM,KAAK,SAAS,OAAO,MAAM,GAAG;AAAA,IACxD,SAAS,EAAE,KAAK,OAAO,MAAM,IAAI;AAAA,EACnC;AACF;","names":[]}