@impulse-ui-native/theme 4.0.0 → 5.0.0

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 { 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":[]}
+{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import type {\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 { createCarouselTokens } from \"./create-carousel-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 { createListTokens } from \"./create-list-tokens\";\nimport { createPaginationTokens } from \"./create-pagination-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSegmentedControlTokens } from \"./create-segmented-control-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[\"11\"],\n  },\n\n  secondary: {\n    value: \"#FEE7E9\",\n    contrast: \"#c92a3b\",\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: \"#c92a3b\",\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#c92a2a\",\n      contrast: \"#fff5f5\",\n    },\n    warning: {\n      value: \"#a65300\",\n      contrast: \"#fff4e6\",\n    },\n    success: {\n      value: \"#526b00\",\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 const DarkColors: ThemeColors = {\n  primary: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"11\"],\n  },\n\n  accent: {\n    value: \"#f55d6b\",\n    contrast: NeutralColorTokens[\"11\"],\n  },\n\n  secondary: {\n    value: \"#3b2027\",\n    contrast: \"#FA9EA7\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"11\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"10\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"9\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"0\"],\n    secondary: NeutralColorTokens[\"2\"],\n    tertiary: NeutralColorTokens[\"6\"],\n    inverse: NeutralColorTokens[\"11\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"7\"],\n      contrast: NeutralColorTokens[\"6\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"2\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"5\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    focus: {\n      value: \"#FA9EA7\",\n      contrast: NeutralColorTokens[\"11\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#ff8787\",\n      contrast: \"#3b1515\",\n    },\n    warning: {\n      value: \"#ffc078\",\n      contrast: \"#3b250f\",\n    },\n    success: {\n      value: \"#c0eb75\",\n      contrast: \"#26320f\",\n    },\n    info: {\n      value: \"#74c0fc\",\n      contrast: \"#102a43\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.65)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n  tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n  return {\n    carousel: createCarouselTokens(tokens),\n    accordion: createAccordionTokens(tokens),\n    avatar: createAvatarTokens(tokens),\n    badge: createBadgeTokens(tokens),\n    button: createButtonTokens(tokens),\n    card: createCardTokens(tokens),\n    list: createListTokens(tokens),\n    checkbox: createCheckboxTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pagination: createPaginationTokens(tokens),\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    segmentedControl: createSegmentedControlTokens(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/carousel-tokens.types.d.mts

@@ -0,0 +1,28 @@
+import { VisualStateTokens, SelectionVisualState, AvailabilityVisualState } from './components.types.mjs';
+
+interface CarouselIndicatorAppearanceTokens {
+    backgroundColor: string;
+}
+interface CarouselCounterAppearanceTokens {
+    color: string;
+}
+interface CarouselTokens {
+    gap: number;
+    slideGap: number;
+    borderRadius: number;
+    indicatorGap: number;
+    indicator: {
+        borderRadius: number;
+        targetSize: number;
+        variants: Record<"dots" | "segments", {
+            width: number;
+            height: number;
+        }>;
+        states: VisualStateTokens<SelectionVisualState, CarouselIndicatorAppearanceTokens>;
+    };
+    counter: {
+        states: VisualStateTokens<AvailabilityVisualState, CarouselCounterAppearanceTokens>;
+    };
+}
+
+export type { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens };

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

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

package/dist/types/carousel-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -1,8 +1,25 @@
 type DividerTone = "subtle" | "default" | "strong" | "primary" | "inverse";
+type DividerTokenOrientation = "horizontal" | "vertical";
+type DividerTokenInset = "none" | "start" | "end" | "both";
+interface DividerLayoutTokens {
+    height?: number;
+    marginBottom: number;
+    marginEnd: number;
+    marginStart: number;
+    marginTop: number;
+    width?: number;
+}
 interface DividerTokens {
     colors: Record<DividerTone, string>;
-    inset: number;
-    thickness: number;
+    layouts: Record<DividerTokenOrientation, Record<DividerTokenInset, DividerLayoutTokens>>;
+}
+interface DividerTokenState {
+    inset: DividerTokenInset;
+    orientation: DividerTokenOrientation;
+    tone: DividerTone;
 }
+type ResolvedDividerTokens = DividerLayoutTokens & {
+    backgroundColor: string;
+};
 
-export type { DividerTokens, DividerTone };
+export type { DividerLayoutTokens, DividerTokenInset, DividerTokenOrientation, DividerTokenState, DividerTokens, DividerTone, ResolvedDividerTokens };

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

@@ -1,10 +1,25 @@
 interface FlyoutHandleTokens {
-    containerHeight: number;
     width: `${number}%`;
     height: number;
     borderRadius: number;
     backgroundColor: string;
 }
+type FlyoutPlacement = "top" | "bottom";
+interface FlyoutPlacementTokens {
+    container: {
+        top?: number;
+        bottom?: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    handleContainer: {
+        top?: number;
+        bottom?: number;
+        height: number;
+    };
+}
 interface FlyoutTitleTokens {
     paddingVertical: number;
     paddingHorizontal: number;
@@ -16,10 +31,14 @@ interface FlyoutTokens {
     overlayVisibleOpacity: number;
     backgroundColor: string;
     contentPaddingHorizontal: number;
-    borderRadius: number;
     hiddenOpacity: number;
     title: FlyoutTitleTokens;
     handle: FlyoutHandleTokens;
+    placements: Record<FlyoutPlacement, FlyoutPlacementTokens>;
+}
+interface FlyoutTokenState {
+    placement: FlyoutPlacement;
 }
+type ResolvedFlyoutTokens = Omit<FlyoutTokens, "placements"> & FlyoutPlacementTokens;
 
-export type { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens };
+export type { FlyoutHandleTokens, FlyoutPlacement, FlyoutPlacementTokens, FlyoutTitleTokens, FlyoutTokenState, FlyoutTokens, ResolvedFlyoutTokens };

package/dist/types/index.d.mts

@@ -20,18 +20,22 @@ export { TagAppearanceTokens, TagColor, TagColorTokens, TagSizeTokens, TagTokens
 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 { DividerLayoutTokens, DividerTokenInset, DividerTokenOrientation, DividerTokenState, DividerTokens, DividerTone, ResolvedDividerTokens } from './divider-tokens.types.mjs';
 export { TimePickerColumnAppearanceTokens, TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
-export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './flyout-tokens.types.mjs';
+export { FlyoutHandleTokens, FlyoutPlacement, FlyoutPlacementTokens, FlyoutTitleTokens, FlyoutTokenState, FlyoutTokens, ResolvedFlyoutTokens } from './flyout-tokens.types.mjs';
 export { IconTokens } from './icon-tokens.types.mjs';
 export { PressableTokens } from './pressable-tokens.types.mjs';
+export { PaginationAppearanceTokens, PaginationSizeToken, PaginationState, PaginationTokens, PaginationVisualState } from './pagination-tokens.types.mjs';
 export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './progress-tokens.types.mjs';
 export { RadioAppearanceTokens, RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-tokens.types.mjs';
+export { ResolvedSegmentedControlItemTokens, SegmentedControlAppearanceTokens, SegmentedControlItemLayout, SegmentedControlItemLayoutTokens, SegmentedControlItemTokenState, SegmentedControlSizeToken, SegmentedControlSizeTokens, SegmentedControlTokens, SegmentedControlVariantTokens } from './segmented-control-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
-export { SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens } from './slider-tokens.types.mjs';
+export { ResolvedSliderTrackTokens, SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderTrackLayout, SliderTrackLayoutTokens, SliderTrackTokenState, SliderVariant, SliderVariantTokens } from './slider-tokens.types.mjs';
 export { SpinnerTokens, SpinnerTone } from './spinner-tokens.types.mjs';
 export { StepperNavigationTokens, StepperTokens } from './stepper-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';
+export { ListTokens } from './list-tokens.types.mjs';
+export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './carousel-tokens.types.mjs';
 import 'react-native';

package/dist/types/index.js

@@ -25,8 +25,10 @@ export * from "./time-picker-token.types";
 export * from "./flyout-tokens.types";
 export * from "./icon-tokens.types";
 export * from "./pressable-tokens.types";
+export * from "./pagination-tokens.types";
 export * from "./progress-tokens.types";
 export * from "./radio-tokens.types";
+export * from "./segmented-control-tokens.types";
 export * from "./skeleton-tokens.types";
 export * from "./slider-tokens.types";
 export * from "./spinner-tokens.types";
@@ -34,4 +36,6 @@ export * from "./stepper-tokens.types";
 export * from "./switch-tokens.types";
 export * from "./textarea-tokens.types";
 export * from "./data-state-tokens.types";
+export * from "./list-tokens.types";
+export * from "./carousel-tokens.types";
 //# sourceMappingURL=index.js.map

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-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":[]}
+{"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 \"./pagination-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./segmented-control-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\nexport * from \"./list-tokens.types\";\nexport * from \"./carousel-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;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,15 @@
+interface ListTokens {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: number;
+    borderRadius: number;
+    item: {
+        gap: number;
+        padding: number;
+    };
+    content: {
+        gap: number;
+    };
+}
+
+export type { ListTokens };

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

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

package/dist/types/list-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,30 @@
+import { ComponentSize, VisualStateTokens } from './components.types.mjs';
+
+type PaginationVisualState = "default" | "current" | "disabled";
+interface PaginationState {
+    current: boolean;
+    disabled?: boolean;
+}
+interface PaginationAppearanceTokens {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+    ellipsisColor: string;
+}
+interface PaginationSizeToken {
+    compactMinWidth: number;
+    controlSize: number;
+    fontSize: number;
+    hitSlop: number;
+    iconSize: number;
+    paddingHorizontal: number;
+}
+interface PaginationTokens {
+    borderRadius: number;
+    borderWidth: number;
+    gap: number;
+    sizes: Record<ComponentSize, PaginationSizeToken>;
+    states: VisualStateTokens<PaginationVisualState, PaginationAppearanceTokens>;
+}
+
+export type { PaginationAppearanceTokens, PaginationSizeToken, PaginationState, PaginationTokens, PaginationVisualState };

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

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

package/dist/types/pagination-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,49 @@
+import { ComponentSize, SelectionVariant, VisualStateTokens, SelectionVisualState, SelectionState } from './components.types.mjs';
+
+type SegmentedControlItemLayout = "inline" | "stacked";
+interface SegmentedControlItemLayoutTokens {
+    flexDirection: "column" | "row";
+    gap: number;
+    paddingVertical: number;
+}
+interface SegmentedControlSizeToken {
+    fontSize: number;
+    height: number;
+    hitSlop: number;
+    iconSize: number;
+    layouts: Record<SegmentedControlItemLayout, SegmentedControlItemLayoutTokens>;
+    minItemWidth: number;
+    paddingHorizontal: number;
+}
+type SegmentedControlSizeTokens = Record<ComponentSize, SegmentedControlSizeToken>;
+interface SegmentedControlAppearanceTokens {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+}
+interface SegmentedControlVariantTokens {
+    states: VisualStateTokens<SelectionVisualState, SegmentedControlAppearanceTokens>;
+}
+interface SegmentedControlTokens {
+    borderRadius: number;
+    borderWidth: number;
+    itemBorderRadius: number;
+    itemBorderWidth: number;
+    rootBackgroundColor: string;
+    rootBorderColor: string;
+    rootGap: number;
+    rootPadding: number;
+    sizes: SegmentedControlSizeTokens;
+    variants: Record<SelectionVariant, SegmentedControlVariantTokens>;
+}
+interface SegmentedControlItemTokenState extends SelectionState {
+    layout: SegmentedControlItemLayout;
+    size: ComponentSize;
+    variant: SelectionVariant;
+}
+type ResolvedSegmentedControlItemTokens = Omit<SegmentedControlSizeToken, "layouts"> & SegmentedControlItemLayoutTokens & SegmentedControlAppearanceTokens & {
+    borderRadius: number;
+    borderWidth: number;
+};
+
+export type { ResolvedSegmentedControlItemTokens, SegmentedControlAppearanceTokens, SegmentedControlItemLayout, SegmentedControlItemLayoutTokens, SegmentedControlItemTokenState, SegmentedControlSizeToken, SegmentedControlSizeTokens, SegmentedControlTokens, SegmentedControlVariantTokens };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -6,12 +6,14 @@ type SliderSizeTokens = Record<ComponentSize, {
     trackHeight: number;
     thumbSize: number;
     markSize: number;
-    hitSlop: number;
 }>;
+type SliderTrackLayout = "default" | "valueBubble";
+interface SliderTrackLayoutTokens {
+    reservedVerticalSpace: number;
+}
 interface SliderAppearanceTokens {
     activeMarkColor: string;
     activeTrackColor: string;
-    focusRingBorderWidth: number;
     inactiveTrackColor: string;
     labelColor: string;
     markColor: string;
@@ -27,17 +29,24 @@ type SliderVariantTokens = Record<SelectionVariant, VisualStateTokens<ControlVis
 interface SliderTokens {
     trackBorderRadius: number;
     thumbBorderRadius: number;
-    focusRingWidth: number;
-    focusRingOffset: number;
-    focusRingColor: string;
     valueBubbleBorderRadius: number;
     valueBubbleBorderWidth: number;
     valueBubblePaddingHorizontal: number;
     valueBubblePaddingVertical: number;
     valueBubbleGap: number;
     labelGap: number;
+    layouts: Record<SliderTrackLayout, SliderTrackLayoutTokens>;
     sizes: SliderSizeTokens;
     variants: SliderVariantTokens;
 }
+interface SliderTrackTokenState {
+    disabled: boolean;
+    layout: SliderTrackLayout;
+    size: ComponentSize;
+    variant: SelectionVariant;
+}
+type ResolvedSliderTrackTokens = SliderTrackLayoutTokens & SliderSizeTokens[ComponentSize] & SliderAppearanceTokens & {
+    trackBorderRadius: number;
+};
 
-export type { SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens };
+export type { ResolvedSliderTrackTokens, SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderTrackLayout, SliderTrackLayoutTokens, SliderTrackTokenState, SliderVariant, SliderVariantTokens };

package/dist/types/theme-provider.types.d.mts

@@ -1,5 +1,7 @@
 import { BadgeTokens } from './badge-tokens.types.mjs';
+import { CarouselTokens } from './carousel-tokens.types.mjs';
 import { CheckboxTokens } from './checkbox-tokens.types.mjs';
+import { ListTokens } from './list-tokens.types.mjs';
 import { RadioTokens } from './radio-tokens.types.mjs';
 import { AccordionTokens } from './accordion-tokens.types.mjs';
 import { AvatarTokens } from './avatar-tokens.types.mjs';
@@ -11,8 +13,10 @@ import { DatetimePickerTokens } from './datetime-picker-tokens.types.mjs';
 import { DividerTokens } from './divider-tokens.types.mjs';
 import { FlyoutTokens } from './flyout-tokens.types.mjs';
 import { IconTokens } from './icon-tokens.types.mjs';
+import { PaginationTokens } from './pagination-tokens.types.mjs';
 import { PressableTokens } from './pressable-tokens.types.mjs';
 import { ProgressTokens } from './progress-tokens.types.mjs';
+import { SegmentedControlTokens } from './segmented-control-tokens.types.mjs';
 import { SelectTokens } from './select-tokens.types.mjs';
 import { SkeletonTokens } from './skeleton-tokens.types.mjs';
 import { SliderTokens } from './slider-tokens.types.mjs';
@@ -73,6 +77,8 @@ interface ComponentsThemes {
     (theme: PrimitiveThemeTokens): ComponentsTokens;
 }
 interface ComponentsTokens {
+    carousel: CarouselTokens;
+    list: ListTokens;
     accordion: AccordionTokens;
     avatar: AvatarTokens;
     badge: BadgeTokens;
@@ -81,6 +87,7 @@ interface ComponentsTokens {
     checkbox: CheckboxTokens;
     iconButton: IconButtonTokens;
     icon: IconTokens;
+    pagination: PaginationTokens;
     pressable: PressableTokens;
     progress: ProgressTokens;
     radio: RadioTokens;
@@ -91,6 +98,7 @@ interface ComponentsTokens {
     controlInput: ControlInputTokens;
     controlLabel: ControlLabelTokens;
     select: SelectTokens;
+    segmentedControl: SegmentedControlTokens;
     datetimePicker: DatetimePickerTokens;
     divider: DividerTokens;
     timePicker: TimePickerTokens;

package/dist/utils/divider-tokens.utils.d.mts

@@ -0,0 +1,5 @@
+import { DividerTokens, DividerTokenState, ResolvedDividerTokens } from '../types/divider-tokens.types.mjs';
+
+declare function getDividerTokens(tokens: DividerTokens, state: DividerTokenState): ResolvedDividerTokens;
+
+export { getDividerTokens };

package/dist/utils/divider-tokens.utils.js

@@ -0,0 +1,10 @@
+function getDividerTokens(tokens, state) {
+  return {
+    ...tokens.layouts[state.orientation][state.inset],
+    backgroundColor: tokens.colors[state.tone]
+  };
+}
+export {
+  getDividerTokens
+};
+//# sourceMappingURL=divider-tokens.utils.js.map

package/dist/utils/divider-tokens.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/divider-tokens.utils.ts"],"sourcesContent":["import type {\n  DividerTokens,\n  DividerTokenState,\n  ResolvedDividerTokens,\n} from \"../types\";\n\nexport function getDividerTokens(\n  tokens: DividerTokens,\n  state: DividerTokenState,\n): ResolvedDividerTokens {\n  return {\n    ...tokens.layouts[state.orientation][state.inset],\n    backgroundColor: tokens.colors[state.tone],\n  };\n}\n"],"mappings":"AAMO,SAAS,iBACd,QACA,OACuB;AACvB,SAAO;AAAA,IACL,GAAG,OAAO,QAAQ,MAAM,WAAW,EAAE,MAAM,KAAK;AAAA,IAChD,iBAAiB,OAAO,OAAO,MAAM,IAAI;AAAA,EAC3C;AACF;","names":[]}

package/dist/utils/flyout-tokens.utils.d.mts

@@ -0,0 +1,5 @@
+import { FlyoutTokens, FlyoutTokenState, ResolvedFlyoutTokens } from '../types/flyout-tokens.types.mjs';
+
+declare function getFlyoutTokens(tokens: FlyoutTokens, state: FlyoutTokenState): ResolvedFlyoutTokens;
+
+export { getFlyoutTokens };

package/dist/utils/flyout-tokens.utils.js

@@ -0,0 +1,11 @@
+function getFlyoutTokens(tokens, state) {
+  const { placements, ...sharedTokens } = tokens;
+  return {
+    ...sharedTokens,
+    ...placements[state.placement]
+  };
+}
+export {
+  getFlyoutTokens
+};
+//# sourceMappingURL=flyout-tokens.utils.js.map

package/dist/utils/flyout-tokens.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/flyout-tokens.utils.ts"],"sourcesContent":["import type {\n  FlyoutTokens,\n  FlyoutTokenState,\n  ResolvedFlyoutTokens,\n} from \"../types\";\n\nexport function getFlyoutTokens(\n  tokens: FlyoutTokens,\n  state: FlyoutTokenState,\n): ResolvedFlyoutTokens {\n  const { placements, ...sharedTokens } = tokens;\n\n  return {\n    ...sharedTokens,\n    ...placements[state.placement],\n  };\n}\n"],"mappings":"AAMO,SAAS,gBACd,QACA,OACsB;AACtB,QAAM,EAAE,YAAY,GAAG,aAAa,IAAI;AAExC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,WAAW,MAAM,SAAS;AAAA,EAC/B;AACF;","names":[]}

package/dist/utils/index.d.mts

@@ -2,12 +2,22 @@ export { getActionStateTokens } from './action-state.utils.mjs';
 export { getAvailabilityStateTokens } from './availability-state.utils.mjs';
 export { getControlStateTokens } from './control-state.utils.mjs';
 export { getDatetimePickerDayStateTokens } from './datetime-picker-state.utils.mjs';
+export { getDividerTokens } from './divider-tokens.utils.mjs';
 export { getFieldStateTokens } from './field-state.utils.mjs';
+export { getFlyoutTokens } from './flyout-tokens.utils.mjs';
+export { getPaginationStateTokens } from './pagination-state.utils.mjs';
 export { getSelectionItemStateTokens } from './selection-item-state.utils.mjs';
 export { getSelectionStateTokens } from './selection-state.utils.mjs';
+export { getSegmentedControlItemTokens } from './segmented-control-state.utils.mjs';
+export { getSliderTrackTokens } from './slider-tokens.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './style.utils.mjs';
 import '../types/components.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import 'react-native';
 import '../types/shadow.types.mjs';
 import '../types/style.types.mjs';
@@ -20,7 +30,9 @@ import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
 import '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.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';
@@ -28,15 +40,12 @@ 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/divider-tokens.types.mjs';
-import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
-import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

package/dist/utils/index.js

@@ -2,8 +2,13 @@ export * from "./action-state.utils";
 export * from "./availability-state.utils";
 export * from "./control-state.utils";
 export * from "./datetime-picker-state.utils";
+export * from "./divider-tokens.utils";
 export * from "./field-state.utils";
+export * from "./flyout-tokens.utils";
+export * from "./pagination-state.utils";
 export * from "./selection-item-state.utils";
 export * from "./selection-state.utils";
+export * from "./segmented-control-state.utils";
+export * from "./slider-tokens.utils";
 export * from "./style.utils";
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./action-state.utils\";\nexport * from \"./availability-state.utils\";\nexport * from \"./control-state.utils\";\nexport * from \"./datetime-picker-state.utils\";\nexport * from \"./field-state.utils\";\nexport * from \"./selection-item-state.utils\";\nexport * from \"./selection-state.utils\";\nexport * from \"./style.utils\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./action-state.utils\";\nexport * from \"./availability-state.utils\";\nexport * from \"./control-state.utils\";\nexport * from \"./datetime-picker-state.utils\";\nexport * from \"./divider-tokens.utils\";\nexport * from \"./field-state.utils\";\nexport * from \"./flyout-tokens.utils\";\nexport * from \"./pagination-state.utils\";\nexport * from \"./selection-item-state.utils\";\nexport * from \"./selection-state.utils\";\nexport * from \"./segmented-control-state.utils\";\nexport * from \"./slider-tokens.utils\";\nexport * from \"./style.utils\";\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;","names":[]}

package/dist/utils/pagination-state.utils.d.mts

@@ -0,0 +1,6 @@
+import { VisualStateTokens } from '../types/components.types.mjs';
+import { PaginationVisualState, PaginationState } from '../types/pagination-tokens.types.mjs';
+
+declare function getPaginationStateTokens<Tokens>(tokens: VisualStateTokens<PaginationVisualState, Tokens>, state: PaginationState): Tokens;
+
+export { getPaginationStateTokens };

package/dist/utils/pagination-state.utils.js

@@ -0,0 +1,9 @@
+function getPaginationStateTokens(tokens, state) {
+  const { current, disabled = false } = state;
+  if (disabled) return tokens.disabled;
+  return current ? tokens.current : tokens.default;
+}
+export {
+  getPaginationStateTokens
+};
+//# sourceMappingURL=pagination-state.utils.js.map

package/dist/utils/pagination-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/pagination-state.utils.ts"],"sourcesContent":["import type {\n  PaginationState,\n  PaginationVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getPaginationStateTokens<Tokens>(\n  tokens: VisualStateTokens<PaginationVisualState, Tokens>,\n  state: PaginationState,\n): Tokens {\n  const { current, disabled = false } = state;\n\n  if (disabled) return tokens.disabled;\n  return current ? tokens.current : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,yBACd,QACA,OACQ;AACR,QAAM,EAAE,SAAS,WAAW,MAAM,IAAI;AAEtC,MAAI,SAAU,QAAO,OAAO;AAC5B,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}

package/dist/utils/segmented-control-state.utils.d.mts

@@ -0,0 +1,6 @@
+import { SegmentedControlTokens, SegmentedControlItemTokenState, ResolvedSegmentedControlItemTokens } from '../types/segmented-control-tokens.types.mjs';
+import '../types/components.types.mjs';
+
+declare function getSegmentedControlItemTokens(tokens: SegmentedControlTokens, state: SegmentedControlItemTokenState): ResolvedSegmentedControlItemTokens;
+
+export { getSegmentedControlItemTokens };

package/dist/utils/segmented-control-state.utils.js

@@ -0,0 +1,20 @@
+import { getSelectionStateTokens } from "./selection-state.utils";
+function getSegmentedControlItemTokens(tokens, state) {
+  const { disabled, layout, selected, size, variant } = state;
+  const { layouts, ...sizeTokens } = tokens.sizes[size];
+  const appearanceTokens = getSelectionStateTokens(
+    tokens.variants[variant].states,
+    { disabled, selected }
+  );
+  return {
+    ...sizeTokens,
+    ...layouts[layout],
+    ...appearanceTokens,
+    borderRadius: tokens.itemBorderRadius,
+    borderWidth: tokens.itemBorderWidth
+  };
+}
+export {
+  getSegmentedControlItemTokens
+};
+//# sourceMappingURL=segmented-control-state.utils.js.map