@impulse-ui-native/theme 2.9.0 → 4.0.0

package/dist/theme/dark.theme.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/index.d.mts

@@ -1,6 +1,7 @@
 export { DarkTheme } from './dark.theme.mjs';
 export { LightTheme } from './light.theme.mjs';
 export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
+export { createSliderTokens } from './create-slider-tokens.mjs';
 import '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
@@ -10,7 +11,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';
@@ -21,6 +22,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/index.js

@@ -1,6 +1,7 @@
 import { DarkTheme } from "./dark.theme";
 import { LightTheme } from "./light.theme";
 export * from "./tokens.theme";
+export * from "./create-slider-tokens";
 export {
   DarkTheme,
   LightTheme

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;","names":[]}
+{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\nexport * from \"./create-slider-tokens\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;","names":[]}

package/dist/theme/light.theme.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/tokens.theme.d.mts

@@ -9,7 +9,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';
@@ -20,6 +20,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/tokens.theme.js

@@ -22,6 +22,7 @@ import { createProgressTokens } from "./create-progress-tokens";
 import { createRadioTokens } from "./create-radio-tokens";
 import { createSelectTokens } from "./create-select-tokens";
 import { createSkeletonTokens } from "./create-skeleton-tokens";
+import { createSliderTokens } from "./create-slider-tokens";
 import { createSpinnerTokens } from "./create-spinner-tokens";
 import { createStepperTokens } from "./create-stepper-tokens";
 import { createSwitchTokens } from "./create-switch-tokens";
@@ -270,6 +271,7 @@ function createComponentsTokens(tokens) {
     timePicker: createTimePickerTokens(tokens),
     flyout: createFlyoutTokens(tokens),
     skeleton: createSkeletonTokens(tokens),
+    slider: createSliderTokens(tokens),
     spinner: createSpinnerTokens(tokens),
     stepper: createStepperTokens(tokens),
     switch: createSwitchTokens(tokens),

package/dist/theme/tokens.theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n  BorderSize,\n  ChartColorPalette,\n  ComponentsTokens,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  FontWeightItalic,\n  FontWeightNormal,\n  FontWeightValue,\n  LetterSpacings,\n  LineHeight,\n  NeutralColor,\n  PrimitiveThemeTokens,\n  Radii,\n  Space,\n  ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n  createControlAddonTokens,\n  createControlContainerTokens,\n  createControlErrorTokens,\n  createControlInputTokens,\n  createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n  \"#f55d6b\",\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#9333ea\",\n  \"#ea580c\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n  \"#4f46e5\",\n  \"#0d9488\",\n  \"#ca8a04\",\n  \"#c026d3\",\n  \"#0284c7\",\n  \"#7c3aed\",\n  \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n  none: 0,\n  xxs: 4,\n  xs: 8,\n  mxs: 12,\n  sm: 16,\n  msm: 24,\n  md: 32,\n  lg: 48,\n  xl: 64,\n  xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n  sm: 1,\n  md: 2,\n  lg: 3,\n  xl: 5,\n  xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n  sm: 4,\n  md: 8,\n  lg: 16,\n  xl: 32,\n  xxl: 64,\n  xxxl: 128,\n  round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n  xxs: 8,\n  xs: 12,\n  xsm: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 24,\n  xxl: 28,\n  xxxl: 32,\n  huge: 36,\n  massive: 40,\n  giant: 48,\n  colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n  xxs: 12,\n  xs: 16,\n  xsm: 20,\n  sm: 24,\n  md: 26,\n  lg: 28,\n  xl: 32,\n  xxl: 36,\n  xxxl: 40,\n  huge: 44,\n  massive: 48,\n  giant: 56,\n  colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n  tightest: -1,\n  tighter: -0.5,\n  tight: -0.25,\n  normal: 0,\n  wide: 0.25,\n  wider: 0.5,\n  widest: 0.75,\n  ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n  thin: 100,\n  extraLight: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semiBold: 600,\n  bold: 700,\n  extraBold: 800,\n  black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n  FontWeightValue,\n  FontWeightNormal\n> = {\n  100: \"Montserrat_100Thin\",\n  200: \"Montserrat_200ExtraLight\",\n  300: \"Montserrat_300Light\",\n  400: \"Montserrat_400Regular\",\n  500: \"Montserrat_500Medium\",\n  600: \"Montserrat_600SemiBold\",\n  700: \"Montserrat_700Bold\",\n  800: \"Montserrat_800ExtraBold\",\n  900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n  FontWeightValue,\n  FontWeightItalic\n> = {\n  100: \"Montserrat_100Thin_Italic\",\n  200: \"Montserrat_200ExtraLight_Italic\",\n  300: \"Montserrat_300Light_Italic\",\n  400: \"Montserrat_400Regular_Italic\",\n  500: \"Montserrat_500Medium_Italic\",\n  600: \"Montserrat_600SemiBold_Italic\",\n  700: \"Montserrat_700Bold_Italic\",\n  800: \"Montserrat_800ExtraBold_Italic\",\n  900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n  normal: FontFamilyWeightsNormalTokens,\n  italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n  \"0\": \"#ffffff\",\n  \"1\": \"#f8f9fa\",\n  \"2\": \"#f1f3f5\",\n  \"3\": \"#e9ecef\",\n  \"4\": \"#dee2e6\",\n  \"5\": \"#ced4da\",\n  \"6\": \"#adb5bd\",\n  \"7\": \"#868e96\",\n  \"8\": \"#495057\",\n  \"9\": \"#343a40\",\n  \"10\": \"#212529\",\n  \"11\": \"#16191d\",\n  \"12\": \"#0d0f12\",\n  \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n  primary: {\n    value: \"#f55d6b\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  accent: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  secondary: {\n    value: \"#FEE7E9\",\n    contrast: \"#f55d6b\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"2\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"13\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"11\"],\n    secondary: NeutralColorTokens[\"10\"],\n    tertiary: NeutralColorTokens[\"9\"],\n    inverse: NeutralColorTokens[\"0\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"3\"],\n      contrast: NeutralColorTokens[\"9\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"4\"],\n      contrast: NeutralColorTokens[\"10\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    focus: {\n      value: \"#f55d6b\",\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#c92a2a\",\n      contrast: \"#fff5f5\",\n    },\n    warning: {\n      value: \"#e67700\",\n      contrast: \"#fff4e6\",\n    },\n    success: {\n      value: \"#7a9908\",\n      contrast: \"#f4fce3\",\n    },\n    info: {\n      value: \"#1864ab\",\n      contrast: \"#e7f5ff\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.45)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n  tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n  return {\n    accordion: createAccordionTokens(tokens),\n    avatar: createAvatarTokens(tokens),\n    badge: createBadgeTokens(tokens),\n    button: createButtonTokens(tokens),\n    card: createCardTokens(tokens),\n    checkbox: createCheckboxTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pressable: createPressableTokens(),\n    progress: createProgressTokens(tokens),\n    radio: createRadioTokens(tokens),\n    tag: createTagTokens(tokens),\n    controlAddon: createControlAddonTokens(tokens),\n    controlContainer: createControlContainerTokens(tokens),\n    controlError: createControlErrorTokens(tokens),\n    controlInput: createControlInputTokens(tokens),\n    controlLabel: createControlLabelTokens(tokens),\n    select: createSelectTokens(tokens),\n    datetimePicker: createDatetimePickerTokens(tokens),\n    divider: createDividerTokens(tokens),\n    timePicker: createTimePickerTokens(tokens),\n    flyout: createFlyoutTokens(tokens),\n    skeleton: createSkeletonTokens(tokens),\n    spinner: createSpinnerTokens(tokens),\n    stepper: createStepperTokens(tokens),\n    switch: createSwitchTokens(tokens),\n    textarea: createTextareaTokens(tokens),\n    dataState: createDataStateTokens(tokens),\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n  BorderSize,\n  ChartColorPalette,\n  ComponentsTokens,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  FontWeightItalic,\n  FontWeightNormal,\n  FontWeightValue,\n  LetterSpacings,\n  LineHeight,\n  NeutralColor,\n  PrimitiveThemeTokens,\n  Radii,\n  Space,\n  ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n  createControlAddonTokens,\n  createControlContainerTokens,\n  createControlErrorTokens,\n  createControlInputTokens,\n  createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n  \"#f55d6b\",\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#9333ea\",\n  \"#ea580c\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n  \"#4f46e5\",\n  \"#0d9488\",\n  \"#ca8a04\",\n  \"#c026d3\",\n  \"#0284c7\",\n  \"#7c3aed\",\n  \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n  none: 0,\n  xxs: 4,\n  xs: 8,\n  mxs: 12,\n  sm: 16,\n  msm: 24,\n  md: 32,\n  lg: 48,\n  xl: 64,\n  xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n  sm: 1,\n  md: 2,\n  lg: 3,\n  xl: 5,\n  xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n  sm: 4,\n  md: 8,\n  lg: 16,\n  xl: 32,\n  xxl: 64,\n  xxxl: 128,\n  round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n  xxs: 8,\n  xs: 12,\n  xsm: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 24,\n  xxl: 28,\n  xxxl: 32,\n  huge: 36,\n  massive: 40,\n  giant: 48,\n  colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n  xxs: 12,\n  xs: 16,\n  xsm: 20,\n  sm: 24,\n  md: 26,\n  lg: 28,\n  xl: 32,\n  xxl: 36,\n  xxxl: 40,\n  huge: 44,\n  massive: 48,\n  giant: 56,\n  colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n  tightest: -1,\n  tighter: -0.5,\n  tight: -0.25,\n  normal: 0,\n  wide: 0.25,\n  wider: 0.5,\n  widest: 0.75,\n  ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n  thin: 100,\n  extraLight: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semiBold: 600,\n  bold: 700,\n  extraBold: 800,\n  black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n  FontWeightValue,\n  FontWeightNormal\n> = {\n  100: \"Montserrat_100Thin\",\n  200: \"Montserrat_200ExtraLight\",\n  300: \"Montserrat_300Light\",\n  400: \"Montserrat_400Regular\",\n  500: \"Montserrat_500Medium\",\n  600: \"Montserrat_600SemiBold\",\n  700: \"Montserrat_700Bold\",\n  800: \"Montserrat_800ExtraBold\",\n  900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n  FontWeightValue,\n  FontWeightItalic\n> = {\n  100: \"Montserrat_100Thin_Italic\",\n  200: \"Montserrat_200ExtraLight_Italic\",\n  300: \"Montserrat_300Light_Italic\",\n  400: \"Montserrat_400Regular_Italic\",\n  500: \"Montserrat_500Medium_Italic\",\n  600: \"Montserrat_600SemiBold_Italic\",\n  700: \"Montserrat_700Bold_Italic\",\n  800: \"Montserrat_800ExtraBold_Italic\",\n  900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n  normal: FontFamilyWeightsNormalTokens,\n  italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n  \"0\": \"#ffffff\",\n  \"1\": \"#f8f9fa\",\n  \"2\": \"#f1f3f5\",\n  \"3\": \"#e9ecef\",\n  \"4\": \"#dee2e6\",\n  \"5\": \"#ced4da\",\n  \"6\": \"#adb5bd\",\n  \"7\": \"#868e96\",\n  \"8\": \"#495057\",\n  \"9\": \"#343a40\",\n  \"10\": \"#212529\",\n  \"11\": \"#16191d\",\n  \"12\": \"#0d0f12\",\n  \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n  primary: {\n    value: \"#f55d6b\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  accent: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  secondary: {\n    value: \"#FEE7E9\",\n    contrast: \"#f55d6b\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"2\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"13\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"11\"],\n    secondary: NeutralColorTokens[\"10\"],\n    tertiary: NeutralColorTokens[\"9\"],\n    inverse: NeutralColorTokens[\"0\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"3\"],\n      contrast: NeutralColorTokens[\"9\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"4\"],\n      contrast: NeutralColorTokens[\"10\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    focus: {\n      value: \"#f55d6b\",\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#c92a2a\",\n      contrast: \"#fff5f5\",\n    },\n    warning: {\n      value: \"#e67700\",\n      contrast: \"#fff4e6\",\n    },\n    success: {\n      value: \"#7a9908\",\n      contrast: \"#f4fce3\",\n    },\n    info: {\n      value: \"#1864ab\",\n      contrast: \"#e7f5ff\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.45)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n  tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n  return {\n    accordion: createAccordionTokens(tokens),\n    avatar: createAvatarTokens(tokens),\n    badge: createBadgeTokens(tokens),\n    button: createButtonTokens(tokens),\n    card: createCardTokens(tokens),\n    checkbox: createCheckboxTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pressable: createPressableTokens(),\n    progress: createProgressTokens(tokens),\n    radio: createRadioTokens(tokens),\n    tag: createTagTokens(tokens),\n    controlAddon: createControlAddonTokens(tokens),\n    controlContainer: createControlContainerTokens(tokens),\n    controlError: createControlErrorTokens(tokens),\n    controlInput: createControlInputTokens(tokens),\n    controlLabel: createControlLabelTokens(tokens),\n    select: createSelectTokens(tokens),\n    datetimePicker: createDatetimePickerTokens(tokens),\n    divider: createDividerTokens(tokens),\n    timePicker: createTimePickerTokens(tokens),\n    flyout: createFlyoutTokens(tokens),\n    skeleton: createSkeletonTokens(tokens),\n    slider: createSliderTokens(tokens),\n    spinner: createSpinnerTokens(tokens),\n    stepper: createStepperTokens(tokens),\n    switch: createSwitchTokens(tokens),\n    textarea: createTextareaTokens(tokens),\n    dataState: createDataStateTokens(tokens),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/types/accordion-tokens.types.d.mts

@@ -1,3 +1,12 @@
+import { VisualStateTokens, ControlVisualState } from './components.types.mjs';
+
+interface AccordionTriggerAppearanceTokens {
+    backgroundColor: string;
+    iconColor: string;
+    opacity: number;
+    pressedOpacity: number;
+    titleColor: string;
+}
 interface AccordionTokens {
     animationDuration: number;
     backgroundColor: string;
@@ -8,21 +17,16 @@ interface AccordionTokens {
         paddingBottom: number;
         paddingHorizontal: number;
     };
-    disabledColor: string;
-    disabledOpacity: number;
     dividerColor: string;
     dividerWidth: number;
-    focusBackgroundColor: string;
-    iconColor: string;
     iconSize: number;
-    pressedOpacity: number;
-    titleColor: string;
     trigger: {
         gap: number;
         minHeight: number;
         paddingHorizontal: number;
         paddingVertical: number;
+        states: VisualStateTokens<ControlVisualState, AccordionTriggerAppearanceTokens>;
     };
 }
 
-export type { AccordionTokens };
+export type { AccordionTokens, AccordionTriggerAppearanceTokens };

package/dist/types/avatar-tokens.types.d.mts

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, DisplayVariant } from './components.types.mjs';
 
 type AvatarStatus = "online" | "offline" | "away" | "busy";
 interface AvatarSizeTokens {
@@ -18,7 +18,7 @@ interface AvatarTokens {
     sizes: Record<ComponentSize, AvatarSizeTokens>;
     statusBorderColor: string;
     statusColors: Record<AvatarStatus, string>;
-    variants: Record<ComponentVariant, AvatarVariantTokens>;
+    variants: Record<DisplayVariant, AvatarVariantTokens>;
 }
 
 export type { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens };

package/dist/types/badge-tokens.types.d.mts

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, DisplayVariant } from './components.types.mjs';
 
 type BadgeTone = "primary" | "secondary" | "neutral" | "error" | "warning" | "success" | "info";
 interface BadgeSizeTokens {
@@ -14,7 +14,7 @@ interface BadgeVariantTokens {
     borderColor: string;
     color: string;
 }
-type BadgeColorTokens = Record<ComponentVariant, BadgeVariantTokens>;
+type BadgeColorTokens = Record<DisplayVariant, BadgeVariantTokens>;
 interface BadgeTokens {
     addonHitSlop: number;
     borderRadius: number;

package/dist/types/buttons-tokens.types.d.mts

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, ActionVariant, VisualStateTokens, ActionVisualState } from './components.types.mjs';
 
 type ButtonSizeTokens = Record<ComponentSize, {
     height: number;
@@ -10,22 +10,13 @@ type IconButtonSizeTokens = Record<ComponentSize, {
     size: number;
     padding: number;
 }>;
-type ButtonVariantTokens = Record<ComponentVariant, {
+interface ActionAppearanceTokens {
     backgroundColor: string;
     borderColor: string;
     color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
-type IconButtonVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
+}
+type ButtonVariantTokens = Record<ActionVariant, VisualStateTokens<ActionVisualState, ActionAppearanceTokens>>;
+type IconButtonVariantTokens = Record<ActionVariant, VisualStateTokens<ActionVisualState, ActionAppearanceTokens>>;
 interface ButtonTokens {
     borderWidth: number;
     borderRadius: number;
@@ -39,4 +30,4 @@ interface IconButtonTokens {
     variants: IconButtonVariantTokens;
 }
 
-export type { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens };
+export type { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens };

package/dist/types/checkbox-tokens.types.d.mts

@@ -1,25 +1,21 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, SelectionVariant, VisualStateTokens, SelectionVisualState } from './components.types.mjs';
 
 type CheckboxSizeTokens = Record<ComponentSize, {
     size: number;
     iconSize: number;
     hitSlop: number;
 }>;
-type CheckboxVariantTokens = Record<ComponentVariant, {
+interface CheckboxAppearanceTokens {
     backgroundColor: string;
     borderColor: string;
     color: string;
-}>;
+}
+type CheckboxVariantTokens = Record<SelectionVariant, VisualStateTokens<SelectionVisualState, CheckboxAppearanceTokens>>;
 interface CheckboxTokens {
     borderWidth: number;
     borderRadius: number;
-    uncheckedBackgroundColor: string;
-    uncheckedBorderColor: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
     sizes: CheckboxSizeTokens;
     variants: CheckboxVariantTokens;
 }
 
-export type { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens };
+export type { CheckboxAppearanceTokens, CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens };

package/dist/types/components.types.d.mts

@@ -1,4 +1,38 @@
 type ComponentSize = "small" | "medium" | "large";
-type ComponentVariant = "filled" | "outlined" | "soft" | "ghost" | "plain";
+type VisualStateTokens<VisualState extends PropertyKey, Tokens> = Record<VisualState, Tokens>;
+type ControlVisualState = "default" | "focused" | "disabled";
+interface ControlState {
+    disabled?: boolean;
+    focused?: boolean;
+}
+type ActionVisualState = "default" | "loading" | "disabled";
+interface ActionState {
+    disabled?: boolean;
+    loading?: boolean;
+}
+type AvailabilityVisualState = "default" | "disabled";
+interface AvailabilityState {
+    disabled?: boolean;
+}
+type FieldVisualState = "default" | "error" | "disabled" | "disabledError";
+interface FieldState {
+    disabled?: boolean;
+    error?: boolean;
+}
+type SelectionVisualState = "unselected" | "selected" | "disabledUnselected" | "disabledSelected";
+interface SelectionState {
+    disabled?: boolean;
+    selected: boolean;
+}
+type SelectionItemVisualState = "default" | "selected";
+interface SelectionItemState {
+    selected: boolean;
+}
+type ActionVariant = "filled" | "outlined" | "soft" | "ghost";
+type DisplayVariant = "filled" | "outlined" | "soft";
+type FieldVariant = "filled" | "outlined";
+type SelectionVariant = "filled" | "outlined" | "soft";
+/** @deprecated Use the variant type for the relevant component family. */
+type ComponentVariant = ActionVariant;
 
-export type { ComponentSize, ComponentVariant };
+export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };

package/dist/types/control-tokens.types.d.mts

@@ -0,0 +1,57 @@
+import { FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
+
+interface ControlAddonAppearanceTokens {
+    iconColor: string;
+}
+type ControlAddonVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVisualState, ControlAddonAppearanceTokens>>;
+interface ControlAddonTokens {
+    marginHorizontal: number;
+    hitSlop: number;
+    variants: ControlAddonVariantTokens;
+}
+type ControlContainerSizeTokens = Record<ComponentSize, {
+    height: number;
+    paddingHorizontal: number;
+}>;
+interface ControlContainerAppearanceTokens {
+    backgroundColor: string;
+    borderColor: string;
+    opacity: number;
+}
+type ControlContainerVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVisualState, ControlContainerAppearanceTokens>>;
+interface ControlContainerTokens {
+    borderWidth: number;
+    borderRadius: number;
+    sizes: ControlContainerSizeTokens;
+    variants: ControlContainerVariantTokens;
+}
+interface ControlErrorTokens {
+    marginTop: number;
+    color: string;
+    fontSize: number;
+}
+type ControlInputSizeTokens = Record<ComponentSize, {
+    fontSize: number;
+}>;
+interface ControlInputAppearanceTokens {
+    color: string;
+    placeholderColor: string;
+}
+type ControlInputVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVisualState, ControlInputAppearanceTokens>>;
+interface ControlInputTokens {
+    flex: number;
+    fontFamily: string;
+    paddingHorizontal: number;
+    sizes: ControlInputSizeTokens;
+    variants: ControlInputVariantTokens;
+}
+interface ControlLabelAppearanceTokens {
+    color: string;
+}
+interface ControlLabelTokens {
+    marginBottom: number;
+    fontSize: number;
+    states: VisualStateTokens<FieldVisualState, ControlLabelAppearanceTokens>;
+}
+
+export type { ControlAddonAppearanceTokens, ControlAddonTokens, ControlAddonVariantTokens, ControlContainerAppearanceTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputAppearanceTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelAppearanceTokens, ControlLabelTokens };

package/dist/types/control-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=control-tokens.types.js.map

package/dist/types/datetime-picker-tokens.types.d.mts

@@ -1,16 +1,23 @@
+import { VisualStateTokens } from './components.types.mjs';
+
+type DatetimePickerDayVisualState = "default" | "outsideMonth" | "range" | "selected";
+interface DatetimePickerDayState {
+    currentMonth?: boolean;
+    inRange?: boolean;
+    selected?: boolean;
+}
 interface DatetimePickerCalendarTokens {
     dayNamesMarginBottom: number;
     weeksGap: number;
 }
+interface DatetimePickerDayAppearanceTokens {
+    backgroundColor: string;
+    color: string;
+}
 interface DatetimePickerDayTokens {
     size: number;
     borderRadius: number;
-    color: string;
-    outsideMonthColor: string;
-    selectedBackgroundColor: string;
-    selectedColor: string;
-    rangeBackgroundColor: string;
-    rangeColor: string;
+    states: VisualStateTokens<DatetimePickerDayVisualState, DatetimePickerDayAppearanceTokens>;
 }
 interface DatetimePickerFlyoutActionsTokens {
     gap: number;
@@ -44,4 +51,4 @@ interface DatetimePickerTokens {
     visibleDateSelect: DatetimePickerVisibleDateSelectTokens;
 }
 
-export type { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens };
+export type { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayAppearanceTokens, DatetimePickerDayState, DatetimePickerDayTokens, DatetimePickerDayVisualState, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens };

package/dist/types/index.d.mts

@@ -1,7 +1,7 @@
 export { BorderProps } from './border.types.mjs';
 export { ColorProps } from './color.types.mjs';
 export { ChartColorPalette } from './chart.types.mjs';
-export { ComponentSize, ComponentVariant } from './components.types.mjs';
+export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './components.types.mjs';
 export { DimensionProps } from './dimension.types.mjs';
 export { FlexProps } from './flex.types.mjs';
 export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './shadow.types.mjs';
@@ -10,27 +10,28 @@ export { StylePropKey, StyleProps } from './style.types.mjs';
 export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, ExtendedThemeColors, PrimitiveThemeTokens, ThemeColors, ThemeContextData } from './theme-provider.types.mjs';
 export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
 export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
-export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
-export { AccordionTokens } from './accordion-tokens.types.mjs';
+export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
+export { AccordionTokens, AccordionTriggerAppearanceTokens } from './accordion-tokens.types.mjs';
 export { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens } from './avatar-tokens.types.mjs';
 export { BadgeColorTokens, BadgeSizeTokens, BadgeTokens, BadgeTone, BadgeVariantTokens } from './badge-tokens.types.mjs';
 export { CardSectionTokens, CardTokens } from './card-tokens.types.mjs';
-export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './checkbox-tokens.types.mjs';
-export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './tag-tokens.types.mjs';
-export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
-export { SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
-export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
+export { CheckboxAppearanceTokens, CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './checkbox-tokens.types.mjs';
+export { TagAppearanceTokens, TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './tag-tokens.types.mjs';
+export { ControlAddonAppearanceTokens, ControlAddonTokens, ControlAddonVariantTokens, ControlContainerAppearanceTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputAppearanceTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelAppearanceTokens, ControlLabelTokens } from './control-tokens.types.mjs';
+export { SelectOptionAppearanceTokens, SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
+export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayAppearanceTokens, DatetimePickerDayState, DatetimePickerDayTokens, DatetimePickerDayVisualState, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
 export { DividerTokens, DividerTone } from './divider-tokens.types.mjs';
-export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
+export { TimePickerColumnAppearanceTokens, TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
 export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './flyout-tokens.types.mjs';
 export { IconTokens } from './icon-tokens.types.mjs';
 export { PressableTokens } from './pressable-tokens.types.mjs';
 export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './progress-tokens.types.mjs';
-export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-tokens.types.mjs';
+export { RadioAppearanceTokens, RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
+export { SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens } from './slider-tokens.types.mjs';
 export { SpinnerTokens, SpinnerTone } from './spinner-tokens.types.mjs';
 export { StepperNavigationTokens, StepperTokens } from './stepper-tokens.types.mjs';
-export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './switch-tokens.types.mjs';
-export { TextareaSizeTokens, TextareaTokens } from './textarea-tokens.types.mjs';
+export { SwitchAppearanceTokens, SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './switch-tokens.types.mjs';
+export { TextareaAppearanceTokens, TextareaSizeTokens, TextareaTokens } from './textarea-tokens.types.mjs';
 export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './data-state-tokens.types.mjs';
 import 'react-native';

package/dist/types/index.js

@@ -17,7 +17,7 @@ export * from "./badge-tokens.types";
 export * from "./card-tokens.types";
 export * from "./checkbox-tokens.types";
 export * from "./tag-tokens.types";
-export * from "./control-tokes.types";
+export * from "./control-tokens.types";
 export * from "./select-tokens.types";
 export * from "./datetime-picker-tokens.types";
 export * from "./divider-tokens.types";
@@ -28,6 +28,7 @@ export * from "./pressable-tokens.types";
 export * from "./progress-tokens.types";
 export * from "./radio-tokens.types";
 export * from "./skeleton-tokens.types";
+export * from "./slider-tokens.types";
 export * from "./spinner-tokens.types";
 export * from "./stepper-tokens.types";
 export * from "./switch-tokens.types";

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokes.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokens.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./slider-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/types/radio-tokens.types.d.mts

@@ -1,25 +1,21 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, SelectionVariant, VisualStateTokens, SelectionVisualState } from './components.types.mjs';
 
 type RadioSizeTokens = Record<ComponentSize, {
     size: number;
     indicatorSize: number;
     hitSlop: number;
 }>;
-type RadioVariantTokens = Record<ComponentVariant, {
+interface RadioAppearanceTokens {
     backgroundColor: string;
     borderColor: string;
     color: string;
-}>;
+}
+type RadioVariantTokens = Record<SelectionVariant, VisualStateTokens<SelectionVisualState, RadioAppearanceTokens>>;
 interface RadioTokens {
     borderWidth: number;
     borderRadius: number;
-    uncheckedBackgroundColor: string;
-    uncheckedBorderColor: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
     sizes: RadioSizeTokens;
     variants: RadioVariantTokens;
 }
 
-export type { RadioSizeTokens, RadioTokens, RadioVariantTokens };
+export type { RadioAppearanceTokens, RadioSizeTokens, RadioTokens, RadioVariantTokens };

package/dist/types/select-tokens.types.d.mts

@@ -1,8 +1,12 @@
+import { VisualStateTokens, SelectionItemVisualState } from './components.types.mjs';
+
+interface SelectOptionAppearanceTokens {
+    iconColor: string;
+    iconOpacity: number;
+}
 interface SelectOptionTokens {
     padding: number;
-    selectedIconColor: string;
-    selectedIconVisibleOpacity: number;
-    selectedIconHiddenOpacity: number;
+    states: VisualStateTokens<SelectionItemVisualState, SelectOptionAppearanceTokens>;
 }
 interface SelectTokens {
     flyoutHeight: number;
@@ -11,4 +15,4 @@ interface SelectTokens {
     option: SelectOptionTokens;
 }
 
-export type { SelectOptionTokens, SelectTokens };
+export type { SelectOptionAppearanceTokens, SelectOptionTokens, SelectTokens };