@impulse-ui-native/theme 4.0.0 → 5.0.0

package/README.md

@@ -20,8 +20,21 @@ export function App() {
 
 ## Main exports
 
+- `createCarouselTokens` and `CarouselTokens` define Carousel spacing, corners,
+  indicators, touch targets, and semantic colors. Carousel actions reuse the
+  existing default `iconButton` tokens.
+
 - `ThemeProvider` installs the current theme and accepts `light` and `dark` token overrides.
 - `LightTheme` and `DarkTheme` provide the default primitive themes.
+- `LightColors` and `DarkColors` provide the complete semantic palettes. Select
+  `scheme="dark"` on `ThemeProvider` for dark surfaces, light text, and matching
+  component colors without supplying overrides.
+- `NeutralColorTokens` is the same white-to-black scale in both schemes. Use
+  semantic surface, border, and text tokens for colors that should adapt to the
+  active scheme. The `white` and `black` tokens also keep their literal colors.
+- Dark borders use progressively lighter `subtle`, `default`, and `strong` tones
+  that remain visible on primary, secondary, and elevated surfaces. Disabled
+  control fills use surface tokens independently of the border scale.
 - `useTheme` returns the complete `AppTheme`.
 - `useColors`, `useSpace`, `useBorder`, and `useRadii` read focused token groups.
 - `useComponentsTokens` reads component-level tokens.
@@ -74,3 +87,13 @@ callback that receives the resolved primitive theme:
 
 Component overrides are merged with the generated defaults, so unspecified
 tokens retain their theme-derived values.
+
+## Visual token checks
+
+The light primary, warning, and success defaults use deeper shades to keep
+small foreground text distinct from their fills. Secondary foregrounds use
+`secondary.contrast`; background tints use `secondary.value`.
+
+From the repository root, run `node scripts/check-theme-visuals.mjs` to check
+default foreground/background pairs and state indicators in both palettes.
+See `docs/visual-token-audit.md` for package coverage and verification limits.

package/dist/hooks/index.d.mts

@@ -10,7 +10,9 @@ import '../types/tokens.types.mjs';
 import '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -22,9 +24,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/hooks/use-colors.hook.d.mts

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

package/dist/hooks/use-components-tokens.hook.d.mts

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

package/dist/hooks/use-theme.hook.d.mts

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

package/dist/hooks/use-themed-styles.d.mts

@@ -2,7 +2,9 @@ import { StyleSheet } from 'react-native';
 import { AppTheme } from '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/index.d.mts

@@ -10,8 +10,11 @@ export { useThemedStyles } from './hooks/use-themed-styles.mjs';
 export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
 export { DarkTheme } from './theme/dark.theme.mjs';
 export { LightTheme } from './theme/light.theme.mjs';
-export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
+export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
+export { createPaginationTokens } from './theme/create-pagination-tokens.mjs';
 export { createSliderTokens } from './theme/create-slider-tokens.mjs';
+export { createSegmentedControlTokens } from './theme/create-segmented-control-tokens.mjs';
+export { createCarouselTokens } from './theme/create-carousel-tokens.mjs';
 export { BorderProps } from './types/border.types.mjs';
 export { ColorProps } from './types/color.types.mjs';
 export { ChartColorPalette } from './types/chart.types.mjs';
@@ -34,27 +37,36 @@ export { TagAppearanceTokens, TagColor, TagColorTokens, TagSizeTokens, TagTokens
 export { ControlAddonAppearanceTokens, ControlAddonTokens, ControlAddonVariantTokens, ControlContainerAppearanceTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputAppearanceTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelAppearanceTokens, ControlLabelTokens } from './types/control-tokens.types.mjs';
 export { SelectOptionAppearanceTokens, SelectOptionTokens, SelectTokens } from './types/select-tokens.types.mjs';
 export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayAppearanceTokens, DatetimePickerDayState, DatetimePickerDayTokens, DatetimePickerDayVisualState, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './types/datetime-picker-tokens.types.mjs';
-export { DividerTokens, DividerTone } from './types/divider-tokens.types.mjs';
+export { DividerLayoutTokens, DividerTokenInset, DividerTokenOrientation, DividerTokenState, DividerTokens, DividerTone, ResolvedDividerTokens } from './types/divider-tokens.types.mjs';
 export { TimePickerColumnAppearanceTokens, TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './types/time-picker-token.types.mjs';
-export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './types/flyout-tokens.types.mjs';
+export { FlyoutHandleTokens, FlyoutPlacement, FlyoutPlacementTokens, FlyoutTitleTokens, FlyoutTokenState, FlyoutTokens, ResolvedFlyoutTokens } from './types/flyout-tokens.types.mjs';
 export { IconTokens } from './types/icon-tokens.types.mjs';
 export { PressableTokens } from './types/pressable-tokens.types.mjs';
+export { PaginationAppearanceTokens, PaginationSizeToken, PaginationState, PaginationTokens, PaginationVisualState } from './types/pagination-tokens.types.mjs';
 export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './types/progress-tokens.types.mjs';
 export { RadioAppearanceTokens, RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
+export { ResolvedSegmentedControlItemTokens, SegmentedControlAppearanceTokens, SegmentedControlItemLayout, SegmentedControlItemLayoutTokens, SegmentedControlItemTokenState, SegmentedControlSizeToken, SegmentedControlSizeTokens, SegmentedControlTokens, SegmentedControlVariantTokens } from './types/segmented-control-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
-export { SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens } from './types/slider-tokens.types.mjs';
+export { ResolvedSliderTrackTokens, SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderTrackLayout, SliderTrackLayoutTokens, SliderTrackTokenState, SliderVariant, SliderVariantTokens } from './types/slider-tokens.types.mjs';
 export { SpinnerTokens, SpinnerTone } from './types/spinner-tokens.types.mjs';
 export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
 export { SwitchAppearanceTokens, SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './types/switch-tokens.types.mjs';
 export { TextareaAppearanceTokens, TextareaSizeTokens, TextareaTokens } from './types/textarea-tokens.types.mjs';
 export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './types/data-state-tokens.types.mjs';
+export { ListTokens } from './types/list-tokens.types.mjs';
+export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './types/carousel-tokens.types.mjs';
 export { getActionStateTokens } from './utils/action-state.utils.mjs';
 export { getAvailabilityStateTokens } from './utils/availability-state.utils.mjs';
 export { getControlStateTokens } from './utils/control-state.utils.mjs';
 export { getDatetimePickerDayStateTokens } from './utils/datetime-picker-state.utils.mjs';
+export { getDividerTokens } from './utils/divider-tokens.utils.mjs';
 export { getFieldStateTokens } from './utils/field-state.utils.mjs';
+export { getFlyoutTokens } from './utils/flyout-tokens.utils.mjs';
+export { getPaginationStateTokens } from './utils/pagination-state.utils.mjs';
 export { getSelectionItemStateTokens } from './utils/selection-item-state.utils.mjs';
 export { getSelectionStateTokens } from './utils/selection-state.utils.mjs';
+export { getSegmentedControlItemTokens } from './utils/segmented-control-state.utils.mjs';
+export { getSliderTrackTokens } from './utils/slider-tokens.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './utils/style.utils.mjs';
 import 'react-native';
 import 'react';

package/dist/providers/index.d.mts

@@ -5,7 +5,9 @@ import '@impulse-ui-native/core';
 import '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -17,9 +19,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/providers/theme.provider.d.mts

@@ -5,7 +5,9 @@ import { DeepPartial } from '@impulse-ui-native/core';
 import { ColorScheme, PrimitiveThemeTokens, ComponentsTokens, AppTheme } from '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -17,9 +19,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

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

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

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

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

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

@@ -29,7 +29,7 @@ function createAvatarTokens(tokens) {
     statusBorderColor: tokens.colors.surface.elevated.value,
     statusColors: {
       online: tokens.colors.feedback.success.value,
-      offline: tokens.colors.neutral["6"],
+      offline: tokens.colors.text.disabled,
       away: tokens.colors.feedback.warning.value,
       busy: tokens.colors.feedback.error.value
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-avatar-tokens.ts"],"sourcesContent":["import type { AvatarTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n        size: 32,\n        statusBorderWidth: tokens.borderSize.sm,\n        statusSize: 8,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n        size: 40,\n        statusBorderWidth: tokens.borderSize.md,\n        statusSize: 10,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n        size: 48,\n        statusBorderWidth: tokens.borderSize.md,\n        statusSize: 12,\n      },\n    },\n    statusBorderColor: tokens.colors.surface.elevated.value,\n    statusColors: {\n      online: tokens.colors.feedback.success.value,\n      offline: tokens.colors.neutral[\"6\"],\n      away: tokens.colors.feedback.warning.value,\n      busy: tokens.colors.feedback.error.value,\n    },\n    variants: {\n      filled: {\n        backgroundColor: primary,\n        borderColor: primary,\n        color: primaryContrast,\n      },\n      outlined: {\n        backgroundColor: \"transparent\",\n        borderColor: primary,\n        color: primary,\n      },\n      soft: {\n        backgroundColor: secondary,\n        borderColor: secondary,\n        color: secondaryContrast,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,mBAAmB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAClD,cAAc;AAAA,MACZ,QAAQ,OAAO,OAAO,SAAS,QAAQ;AAAA,MACvC,SAAS,OAAO,OAAO,QAAQ,GAAG;AAAA,MAClC,MAAM,OAAO,OAAO,SAAS,QAAQ;AAAA,MACrC,MAAM,OAAO,OAAO,SAAS,MAAM;AAAA,IACrC;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-avatar-tokens.ts"],"sourcesContent":["import type { AvatarTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n        size: 32,\n        statusBorderWidth: tokens.borderSize.sm,\n        statusSize: 8,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n        size: 40,\n        statusBorderWidth: tokens.borderSize.md,\n        statusSize: 10,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n        size: 48,\n        statusBorderWidth: tokens.borderSize.md,\n        statusSize: 12,\n      },\n    },\n    statusBorderColor: tokens.colors.surface.elevated.value,\n    statusColors: {\n      online: tokens.colors.feedback.success.value,\n      offline: tokens.colors.text.disabled,\n      away: tokens.colors.feedback.warning.value,\n      busy: tokens.colors.feedback.error.value,\n    },\n    variants: {\n      filled: {\n        backgroundColor: primary,\n        borderColor: primary,\n        color: primaryContrast,\n      },\n      outlined: {\n        backgroundColor: \"transparent\",\n        borderColor: primary,\n        color: primary,\n      },\n      soft: {\n        backgroundColor: secondary,\n        borderColor: secondary,\n        color: secondaryContrast,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,mBAAmB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAClD,cAAc;AAAA,MACZ,QAAQ,OAAO,OAAO,SAAS,QAAQ;AAAA,MACvC,SAAS,OAAO,OAAO,KAAK;AAAA,MAC5B,MAAM,OAAO,OAAO,SAAS,QAAQ;AAAA,MACrC,MAAM,OAAO,OAAO,SAAS,MAAM;AAAA,IACrC;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

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

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

@@ -1,5 +1,5 @@
 function createBadgeTokens(tokens) {
-  const createVariants = (value, contrast, softBackgroundColor = contrast, softColor = value) => ({
+  const createVariants = (value, contrast, softBackgroundColor = contrast, softColor = value, outlinedColor = value) => ({
     filled: {
       backgroundColor: value,
       borderColor: value,
@@ -7,8 +7,8 @@ function createBadgeTokens(tokens) {
     },
     outlined: {
       backgroundColor: "transparent",
-      borderColor: value,
-      color: value
+      borderColor: outlinedColor,
+      color: outlinedColor
     },
     soft: {
       backgroundColor: softBackgroundColor,
@@ -58,12 +58,13 @@ function createBadgeTokens(tokens) {
         tokens.colors.secondary.value,
         tokens.colors.secondary.contrast,
         tokens.colors.secondary.value,
+        tokens.colors.secondary.contrast,
         tokens.colors.secondary.contrast
       ),
       neutral: createVariants(
-        tokens.colors.neutral["8"],
-        tokens.colors.white,
-        tokens.colors.neutral["2"],
+        tokens.colors.text.secondary,
+        tokens.colors.text.inverse,
+        tokens.colors.surface.primary.value,
         tokens.colors.text.primary
       ),
       error: createVariants(

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-badge-tokens.ts"],"sourcesContent":["import type { BadgeTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens {\n  const createVariants = (\n    value: string,\n    contrast: string,\n    softBackgroundColor = contrast,\n    softColor = value,\n  ) => ({\n    filled: {\n      backgroundColor: value,\n      borderColor: value,\n      color: contrast,\n    },\n    outlined: {\n      backgroundColor: \"transparent\",\n      borderColor: value,\n      color: value,\n    },\n    soft: {\n      backgroundColor: softBackgroundColor,\n      borderColor: softBackgroundColor,\n      color: softColor,\n    },\n  });\n\n  return {\n    addonHitSlop: tokens.space.xs,\n    borderRadius: tokens.radii.round,\n    borderWidth: tokens.borderSize.sm,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n    gap: tokens.space.xxs,\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xxs,\n        height: 20,\n        iconSize: 12,\n        lineHeight: tokens.lineHeight.xxs,\n        minWidth: 20,\n        paddingHorizontal: tokens.space.xxs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xs,\n        height: 24,\n        iconSize: 14,\n        lineHeight: tokens.lineHeight.xs,\n        minWidth: 24,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        fontSize: tokens.fontSize.xsm,\n        height: 28,\n        iconSize: 16,\n        lineHeight: tokens.lineHeight.xsm,\n        minWidth: 28,\n        paddingHorizontal: tokens.space.mxs,\n      },\n    },\n    colors: {\n      primary: createVariants(\n        tokens.colors.primary.value,\n        tokens.colors.primary.contrast,\n        tokens.colors.secondary.value,\n      ),\n      secondary: createVariants(\n        tokens.colors.secondary.value,\n        tokens.colors.secondary.contrast,\n        tokens.colors.secondary.value,\n        tokens.colors.secondary.contrast,\n      ),\n      neutral: createVariants(\n        tokens.colors.neutral[\"8\"],\n        tokens.colors.white,\n        tokens.colors.neutral[\"2\"],\n        tokens.colors.text.primary,\n      ),\n      error: createVariants(\n        tokens.colors.feedback.error.value,\n        tokens.colors.feedback.error.contrast,\n      ),\n      warning: createVariants(\n        tokens.colors.feedback.warning.value,\n        tokens.colors.feedback.warning.contrast,\n      ),\n      success: createVariants(\n        tokens.colors.feedback.success.value,\n        tokens.colors.feedback.success.contrast,\n      ),\n      info: createVariants(\n        tokens.colors.feedback.info.value,\n        tokens.colors.feedback.info.contrast,\n      ),\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,QAAM,iBAAiB,CACrB,OACA,UACA,sBAAsB,UACtB,YAAY,WACR;AAAA,IACJ,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,KAAK,OAAO,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO;AAAA,QACd,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO,KAAK;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-badge-tokens.ts"],"sourcesContent":["import type { BadgeTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens {\n  const createVariants = (\n    value: string,\n    contrast: string,\n    softBackgroundColor = contrast,\n    softColor = value,\n    outlinedColor = value,\n  ) => ({\n    filled: {\n      backgroundColor: value,\n      borderColor: value,\n      color: contrast,\n    },\n    outlined: {\n      backgroundColor: \"transparent\",\n      borderColor: outlinedColor,\n      color: outlinedColor,\n    },\n    soft: {\n      backgroundColor: softBackgroundColor,\n      borderColor: softBackgroundColor,\n      color: softColor,\n    },\n  });\n\n  return {\n    addonHitSlop: tokens.space.xs,\n    borderRadius: tokens.radii.round,\n    borderWidth: tokens.borderSize.sm,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n    gap: tokens.space.xxs,\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xxs,\n        height: 20,\n        iconSize: 12,\n        lineHeight: tokens.lineHeight.xxs,\n        minWidth: 20,\n        paddingHorizontal: tokens.space.xxs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xs,\n        height: 24,\n        iconSize: 14,\n        lineHeight: tokens.lineHeight.xs,\n        minWidth: 24,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        fontSize: tokens.fontSize.xsm,\n        height: 28,\n        iconSize: 16,\n        lineHeight: tokens.lineHeight.xsm,\n        minWidth: 28,\n        paddingHorizontal: tokens.space.mxs,\n      },\n    },\n    colors: {\n      primary: createVariants(\n        tokens.colors.primary.value,\n        tokens.colors.primary.contrast,\n        tokens.colors.secondary.value,\n      ),\n      secondary: createVariants(\n        tokens.colors.secondary.value,\n        tokens.colors.secondary.contrast,\n        tokens.colors.secondary.value,\n        tokens.colors.secondary.contrast,\n        tokens.colors.secondary.contrast,\n      ),\n      neutral: createVariants(\n        tokens.colors.text.secondary,\n        tokens.colors.text.inverse,\n        tokens.colors.surface.primary.value,\n        tokens.colors.text.primary,\n      ),\n      error: createVariants(\n        tokens.colors.feedback.error.value,\n        tokens.colors.feedback.error.contrast,\n      ),\n      warning: createVariants(\n        tokens.colors.feedback.warning.value,\n        tokens.colors.feedback.warning.contrast,\n      ),\n      success: createVariants(\n        tokens.colors.feedback.success.value,\n        tokens.colors.feedback.success.contrast,\n      ),\n      info: createVariants(\n        tokens.colors.feedback.info.value,\n        tokens.colors.feedback.info.contrast,\n      ),\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,QAAM,iBAAiB,CACrB,OACA,UACA,sBAAsB,UACtB,YAAY,OACZ,gBAAgB,WACZ;AAAA,IACJ,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,KAAK,OAAO,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,KAAK;AAAA,QACnB,OAAO,OAAO,KAAK;AAAA,QACnB,OAAO,OAAO,QAAQ,QAAQ;AAAA,QAC9B,OAAO,OAAO,KAAK;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

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

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

@@ -3,7 +3,6 @@ function createButtonTokens(tokens) {
   const primaryContrast = tokens.colors.primary.contrast;
   const secondary = tokens.colors.secondary.value;
   const secondaryContrast = tokens.colors.secondary.contrast;
-  const neutral = tokens.colors.neutral;
   const disabledColor = tokens.colors.text.disabled;
   return {
     borderWidth: tokens.borderSize.sm,
@@ -41,8 +40,8 @@ function createButtonTokens(tokens) {
           color: primaryContrast
         },
         disabled: {
-          backgroundColor: neutral["5"],
-          borderColor: neutral["5"],
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.default.value,
           color: disabledColor
         }
       },
@@ -59,7 +58,7 @@ function createButtonTokens(tokens) {
         },
         disabled: {
           backgroundColor: "transparent",
-          borderColor: neutral["5"],
+          borderColor: tokens.colors.border.default.value,
           color: disabledColor
         }
       },
@@ -75,8 +74,8 @@ function createButtonTokens(tokens) {
           color: secondaryContrast
         },
         disabled: {
-          backgroundColor: neutral["3"],
-          borderColor: neutral["3"],
+          backgroundColor: tokens.colors.surface.primary.value,
+          borderColor: tokens.colors.border.subtle.value,
           color: disabledColor
         }
       },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-button-tokens.ts"],"sourcesContent":["import { ButtonTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createButtonTokens(tokens: PrimitiveThemeTokens): ButtonTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  const neutral = tokens.colors.neutral;\n  const disabledColor = tokens.colors.text.disabled;\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.md,\n\n    sizes: {\n      small: {\n        height: 32,\n        paddingVertical: 6,\n        paddingHorizontal: 12,\n        fontSize: tokens.fontSize.xsm,\n      },\n      medium: {\n        height: 40,\n        paddingVertical: 8,\n        paddingHorizontal: 16,\n        fontSize: tokens.fontSize.sm,\n      },\n      large: {\n        height: 48,\n        paddingVertical: 10,\n        paddingHorizontal: 20,\n        fontSize: tokens.fontSize.sm,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        loading: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        disabled: {\n          backgroundColor: neutral[\"5\"],\n          borderColor: neutral[\"5\"],\n          color: disabledColor,\n        },\n      },\n\n      outlined: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        loading: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: neutral[\"5\"],\n          color: disabledColor,\n        },\n      },\n\n      soft: {\n        default: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        loading: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        disabled: {\n          backgroundColor: neutral[\"3\"],\n          borderColor: neutral[\"3\"],\n          color: disabledColor,\n        },\n      },\n\n      ghost: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: primary,\n        },\n        loading: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: primary,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: disabledColor,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAE9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,QAAQ,GAAG;AAAA,UAC5B,aAAa,QAAQ,GAAG;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa,QAAQ,GAAG;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,QAAQ,GAAG;AAAA,UAC5B,aAAa,QAAQ,GAAG;AAAA,UACxB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-button-tokens.ts"],"sourcesContent":["import { ButtonTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createButtonTokens(tokens: PrimitiveThemeTokens): ButtonTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  const disabledColor = tokens.colors.text.disabled;\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.md,\n\n    sizes: {\n      small: {\n        height: 32,\n        paddingVertical: 6,\n        paddingHorizontal: 12,\n        fontSize: tokens.fontSize.xsm,\n      },\n      medium: {\n        height: 40,\n        paddingVertical: 8,\n        paddingHorizontal: 16,\n        fontSize: tokens.fontSize.sm,\n      },\n      large: {\n        height: 48,\n        paddingVertical: 10,\n        paddingHorizontal: 20,\n        fontSize: tokens.fontSize.sm,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        loading: {\n          backgroundColor: primary,\n          borderColor: primary,\n          color: primaryContrast,\n        },\n        disabled: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.default.value,\n          color: disabledColor,\n        },\n      },\n\n      outlined: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        loading: {\n          backgroundColor: \"transparent\",\n          borderColor: primary,\n          color: primary,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          color: disabledColor,\n        },\n      },\n\n      soft: {\n        default: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        loading: {\n          backgroundColor: secondary,\n          borderColor: secondary,\n          color: secondaryContrast,\n        },\n        disabled: {\n          backgroundColor: tokens.colors.surface.primary.value,\n          borderColor: tokens.colors.border.subtle.value,\n          color: disabledColor,\n        },\n      },\n\n      ghost: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: primary,\n        },\n        loading: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: primary,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n          color: disabledColor,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAE9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,UAC/C,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

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

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

@@ -0,0 +1,35 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { CarouselTokens } from '../types/carousel-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.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';
+import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
+import '../types/control-tokens.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createCarouselTokens(tokens: PrimitiveThemeTokens): CarouselTokens;
+
+export { createCarouselTokens };

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

@@ -0,0 +1,32 @@
+function createCarouselTokens(tokens) {
+  return {
+    gap: tokens.space.sm,
+    slideGap: tokens.space.mxs,
+    borderRadius: tokens.radii.lg,
+    indicatorGap: tokens.space.xs,
+    indicator: {
+      borderRadius: tokens.radii.round,
+      targetSize: tokens.space.lg,
+      variants: {
+        dots: { width: tokens.space.xs, height: tokens.space.xs },
+        segments: { width: tokens.space.md, height: tokens.space.xxs }
+      },
+      states: {
+        unselected: { backgroundColor: tokens.colors.border.strong.value },
+        selected: { backgroundColor: tokens.colors.primary.value },
+        disabledUnselected: { backgroundColor: tokens.colors.text.disabled },
+        disabledSelected: { backgroundColor: tokens.colors.text.secondary }
+      }
+    },
+    counter: {
+      states: {
+        default: { color: tokens.colors.text.primary },
+        disabled: { color: tokens.colors.text.disabled }
+      }
+    }
+  };
+}
+export {
+  createCarouselTokens
+};
+//# sourceMappingURL=create-carousel-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-carousel-tokens.ts"],"sourcesContent":["import type { CarouselTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createCarouselTokens(\n  tokens: PrimitiveThemeTokens,\n): CarouselTokens {\n  return {\n    gap: tokens.space.sm,\n    slideGap: tokens.space.mxs,\n    borderRadius: tokens.radii.lg,\n    indicatorGap: tokens.space.xs,\n    indicator: {\n      borderRadius: tokens.radii.round,\n      targetSize: tokens.space.lg,\n      variants: {\n        dots: { width: tokens.space.xs, height: tokens.space.xs },\n        segments: { width: tokens.space.md, height: tokens.space.xxs },\n      },\n      states: {\n        unselected: { backgroundColor: tokens.colors.border.strong.value },\n        selected: { backgroundColor: tokens.colors.primary.value },\n        disabledUnselected: { backgroundColor: tokens.colors.text.disabled },\n        disabledSelected: { backgroundColor: tokens.colors.text.secondary },\n      },\n    },\n    counter: {\n      states: {\n        default: { color: tokens.colors.text.primary },\n        disabled: { color: tokens.colors.text.disabled },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,KAAK,OAAO,MAAM;AAAA,IAClB,UAAU,OAAO,MAAM;AAAA,IACvB,cAAc,OAAO,MAAM;AAAA,IAC3B,cAAc,OAAO,MAAM;AAAA,IAC3B,WAAW;AAAA,MACT,cAAc,OAAO,MAAM;AAAA,MAC3B,YAAY,OAAO,MAAM;AAAA,MACzB,UAAU;AAAA,QACR,MAAM,EAAE,OAAO,OAAO,MAAM,IAAI,QAAQ,OAAO,MAAM,GAAG;AAAA,QACxD,UAAU,EAAE,OAAO,OAAO,MAAM,IAAI,QAAQ,OAAO,MAAM,IAAI;AAAA,MAC/D;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,EAAE,iBAAiB,OAAO,OAAO,OAAO,OAAO,MAAM;AAAA,QACjE,UAAU,EAAE,iBAAiB,OAAO,OAAO,QAAQ,MAAM;AAAA,QACzD,oBAAoB,EAAE,iBAAiB,OAAO,OAAO,KAAK,SAAS;AAAA,QACnE,kBAAkB,EAAE,iBAAiB,OAAO,OAAO,KAAK,UAAU;AAAA,MACpE;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,SAAS,EAAE,OAAO,OAAO,OAAO,KAAK,QAAQ;AAAA,QAC7C,UAAU,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;AAAA,MACjD;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

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