@impulse-ui-native/theme 2.9.0 → 4.0.0

package/dist/constants/index.d.mts

@@ -1,4 +1,4 @@
-export { StylePropsSet, shadowScale } from './style.constants.mjs';
+export { ShadowScale, StylePropsSet } from './style.constants.mjs';
 import '../types/border.types.mjs';
 import 'react-native';
 import '../types/color.types.mjs';

package/dist/constants/style.constants.d.mts

@@ -2,13 +2,13 @@ import { BorderProps } from '../types/border.types.mjs';
 import { ColorProps } from '../types/color.types.mjs';
 import { DimensionProps } from '../types/dimension.types.mjs';
 import { FlexProps } from '../types/flex.types.mjs';
-import { ShadowProps, ShadowLevel, ShadowIntensity } from '../types/shadow.types.mjs';
+import { ShadowLevel, ShadowIntensity, ShadowProps } from '../types/shadow.types.mjs';
 import { SpacingProps } from '../types/spacing.types.mjs';
 import { TypographyProps } from '../types/typography.types.mjs';
 import 'react-native';
 import '../types/tokens.types.mjs';
 
 declare const StylePropsSet: Set<keyof SpacingProps | keyof ColorProps | keyof ShadowProps | keyof BorderProps | keyof TypographyProps | keyof FlexProps | keyof DimensionProps>;
-declare const shadowScale: Record<ShadowLevel, ShadowIntensity>;
+declare const ShadowScale: Record<ShadowLevel, ShadowIntensity>;
 
-export { StylePropsSet, shadowScale };
+export { ShadowScale, StylePropsSet };

package/dist/constants/style.constants.js

@@ -85,7 +85,7 @@ const StylePropsRecord = {
 const StylePropsSet = new Set(
   Object.keys(StylePropsRecord)
 );
-const shadowScale = {
+const ShadowScale = {
   none: { radius: 0, opacity: 0, elevation: 0 },
   xs: { radius: 2, opacity: 0.08, elevation: 1 },
   sm: { radius: 4, opacity: 0.1, elevation: 2 },
@@ -94,7 +94,7 @@ const shadowScale = {
   xl: { radius: 24, opacity: 0.22, elevation: 12 }
 };
 export {
-  StylePropsSet,
-  shadowScale
+  ShadowScale,
+  StylePropsSet
 };
 //# sourceMappingURL=style.constants.js.map

package/dist/constants/style.constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\r\n\r\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\r\n  margin: 0,\r\n  marginTop: 0,\r\n  marginBottom: 0,\r\n  marginLeft: 0,\r\n  marginRight: 0,\r\n  marginHorizontal: 0,\r\n  marginVertical: 0,\r\n  padding: 0,\r\n  paddingTop: 0,\r\n  paddingBottom: 0,\r\n  paddingLeft: 0,\r\n  paddingRight: 0,\r\n  paddingHorizontal: 0,\r\n  paddingVertical: 0,\r\n  color: 0,\r\n  backgroundColor: 0,\r\n  opacity: 0,\r\n  shadow: 0,\r\n  shadowPosition: 0,\r\n  shadowColor: 0,\r\n  shadowOpacity: 0,\r\n  shadowRadius: 0,\r\n  shadowOffset: 0,\r\n  elevation: 0,\r\n  borderRadius: 0,\r\n  borderTopLeftRadius: 0,\r\n  borderTopRightRadius: 0,\r\n  borderBottomLeftRadius: 0,\r\n  borderBottomRightRadius: 0,\r\n  borderWidth: 0,\r\n  borderTopWidth: 0,\r\n  borderRightWidth: 0,\r\n  borderBottomWidth: 0,\r\n  borderLeftWidth: 0,\r\n  borderColor: 0,\r\n  borderTopColor: 0,\r\n  borderRightColor: 0,\r\n  borderBottomColor: 0,\r\n  borderLeftColor: 0,\r\n  borderStyle: 0,\r\n  fontSize: 0,\r\n  fontFamily: 0,\r\n  fontWeight: 0,\r\n  fontStyle: 0,\r\n  fontVariant: 0,\r\n  letterSpacing: 0,\r\n  lineHeight: 0,\r\n  textAlign: 0,\r\n  textDecorationLine: 0,\r\n  textDecorationStyle: 0,\r\n  textDecorationColor: 0,\r\n  textTransform: 0,\r\n  includeFontPadding: 0,\r\n  textAlignVertical: 0,\r\n  writingDirection: 0,\r\n  flex: 0,\r\n  flexGrow: 0,\r\n  flexShrink: 0,\r\n  flexBasis: 0,\r\n  flexDirection: 0,\r\n  flexWrap: 0,\r\n  justifyContent: 0,\r\n  alignItems: 0,\r\n  alignSelf: 0,\r\n  alignContent: 0,\r\n  gap: 0,\r\n  rowGap: 0,\r\n  columnGap: 0,\r\n  position: 0,\r\n  top: 0,\r\n  right: 0,\r\n  bottom: 0,\r\n  left: 0,\r\n  zIndex: 0,\r\n  width: 0,\r\n  height: 0,\r\n  minWidth: 0,\r\n  maxWidth: 0,\r\n  minHeight: 0,\r\n  maxHeight: 0,\r\n  aspectRatio: 0,\r\n  overflow: 0,\r\n} as const;\r\n\r\nexport const StylePropsSet = new Set<keyof StyleProps>(\r\n  Object.keys(StylePropsRecord) as (keyof StyleProps)[],\r\n);\r\n\r\nexport const shadowScale: Record<ShadowLevel, ShadowIntensity> = {\r\n  none: { radius: 0, opacity: 0, elevation: 0 },\r\n  xs: { radius: 2, opacity: 0.08, elevation: 1 },\r\n  sm: { radius: 4, opacity: 0.1, elevation: 2 },\r\n  md: { radius: 8, opacity: 0.15, elevation: 4 },\r\n  lg: { radius: 16, opacity: 0.18, elevation: 8 },\r\n  xl: { radius: 24, opacity: 0.22, elevation: 12 },\r\n};\r\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}
+{"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\n\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\n  margin: 0,\n  marginTop: 0,\n  marginBottom: 0,\n  marginLeft: 0,\n  marginRight: 0,\n  marginHorizontal: 0,\n  marginVertical: 0,\n  padding: 0,\n  paddingTop: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  paddingRight: 0,\n  paddingHorizontal: 0,\n  paddingVertical: 0,\n  color: 0,\n  backgroundColor: 0,\n  opacity: 0,\n  shadow: 0,\n  shadowPosition: 0,\n  shadowColor: 0,\n  shadowOpacity: 0,\n  shadowRadius: 0,\n  shadowOffset: 0,\n  elevation: 0,\n  borderRadius: 0,\n  borderTopLeftRadius: 0,\n  borderTopRightRadius: 0,\n  borderBottomLeftRadius: 0,\n  borderBottomRightRadius: 0,\n  borderWidth: 0,\n  borderTopWidth: 0,\n  borderRightWidth: 0,\n  borderBottomWidth: 0,\n  borderLeftWidth: 0,\n  borderColor: 0,\n  borderTopColor: 0,\n  borderRightColor: 0,\n  borderBottomColor: 0,\n  borderLeftColor: 0,\n  borderStyle: 0,\n  fontSize: 0,\n  fontFamily: 0,\n  fontWeight: 0,\n  fontStyle: 0,\n  fontVariant: 0,\n  letterSpacing: 0,\n  lineHeight: 0,\n  textAlign: 0,\n  textDecorationLine: 0,\n  textDecorationStyle: 0,\n  textDecorationColor: 0,\n  textTransform: 0,\n  includeFontPadding: 0,\n  textAlignVertical: 0,\n  writingDirection: 0,\n  flex: 0,\n  flexGrow: 0,\n  flexShrink: 0,\n  flexBasis: 0,\n  flexDirection: 0,\n  flexWrap: 0,\n  justifyContent: 0,\n  alignItems: 0,\n  alignSelf: 0,\n  alignContent: 0,\n  gap: 0,\n  rowGap: 0,\n  columnGap: 0,\n  position: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  zIndex: 0,\n  width: 0,\n  height: 0,\n  minWidth: 0,\n  maxWidth: 0,\n  minHeight: 0,\n  maxHeight: 0,\n  aspectRatio: 0,\n  overflow: 0,\n} as const;\n\nexport const StylePropsSet = new Set<keyof StyleProps>(\n  Object.keys(StylePropsRecord) as (keyof StyleProps)[],\n);\n\nexport const ShadowScale: Record<ShadowLevel, ShadowIntensity> = {\n  none: { radius: 0, opacity: 0, elevation: 0 },\n  xs: { radius: 2, opacity: 0.08, elevation: 1 },\n  sm: { radius: 4, opacity: 0.1, elevation: 2 },\n  md: { radius: 8, opacity: 0.15, elevation: 4 },\n  lg: { radius: 16, opacity: 0.18, elevation: 8 },\n  xl: { radius: 24, opacity: 0.22, elevation: 12 },\n};\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}

package/dist/hooks/index.d.mts

@@ -16,7 +16,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -27,6 +27,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -7,7 +7,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -18,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -7,7 +7,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -18,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -7,7 +7,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -18,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { StylePropsSet, shadowScale } from './constants/style.constants.mjs';
+export { ShadowScale, StylePropsSet } from './constants/style.constants.mjs';
 export { useBorder } from './hooks/use-border.hook.mjs';
 export { useColors } from './hooks/use-colors.hook.mjs';
 export { useComponentsTokens } from './hooks/use-components-tokens.hook.mjs';
@@ -11,10 +11,11 @@ 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 { createSliderTokens } from './theme/create-slider-tokens.mjs';
 export { BorderProps } from './types/border.types.mjs';
 export { ColorProps } from './types/color.types.mjs';
 export { ChartColorPalette } from './types/chart.types.mjs';
-export { ComponentSize, ComponentVariant } from './types/components.types.mjs';
+export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './types/components.types.mjs';
 export { DimensionProps } from './types/dimension.types.mjs';
 export { FlexProps } from './types/flex.types.mjs';
 export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './types/shadow.types.mjs';
@@ -23,29 +24,37 @@ export { StylePropKey, StyleProps } from './types/style.types.mjs';
 export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, ExtendedThemeColors, PrimitiveThemeTokens, ThemeColors, ThemeContextData } from './types/theme-provider.types.mjs';
 export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './types/tokens.types.mjs';
 export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
-export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
-export { AccordionTokens } from './types/accordion-tokens.types.mjs';
+export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
+export { AccordionTokens, AccordionTriggerAppearanceTokens } from './types/accordion-tokens.types.mjs';
 export { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens } from './types/avatar-tokens.types.mjs';
 export { BadgeColorTokens, BadgeSizeTokens, BadgeTokens, BadgeTone, BadgeVariantTokens } from './types/badge-tokens.types.mjs';
 export { CardSectionTokens, CardTokens } from './types/card-tokens.types.mjs';
-export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './types/checkbox-tokens.types.mjs';
-export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
-export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './types/control-tokes.types.mjs';
-export { SelectOptionTokens, SelectTokens } from './types/select-tokens.types.mjs';
-export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './types/datetime-picker-tokens.types.mjs';
+export { CheckboxAppearanceTokens, CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './types/checkbox-tokens.types.mjs';
+export { TagAppearanceTokens, TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
+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 { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './types/time-picker-token.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 { IconTokens } from './types/icon-tokens.types.mjs';
 export { PressableTokens } from './types/pressable-tokens.types.mjs';
 export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './types/progress-tokens.types.mjs';
-export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
+export { RadioAppearanceTokens, RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-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 { SpinnerTokens, SpinnerTone } from './types/spinner-tokens.types.mjs';
 export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
-export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './types/switch-tokens.types.mjs';
-export { TextareaSizeTokens, TextareaTokens } from './types/textarea-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 { 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 { getFieldStateTokens } from './utils/field-state.utils.mjs';
+export { getSelectionItemStateTokens } from './utils/selection-item-state.utils.mjs';
+export { getSelectionStateTokens } from './utils/selection-state.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './utils/style.utils.mjs';
 import 'react-native';
 import 'react';

package/dist/providers/index.d.mts

@@ -11,7 +11,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -22,6 +22,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -11,7 +11,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -22,6 +22,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -7,7 +7,7 @@ import '../types/radio-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -18,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -9,20 +9,37 @@ function createAccordionTokens(tokens) {
       paddingBottom: tokens.space.sm,
       paddingHorizontal: tokens.space.sm
     },
-    disabledColor: tokens.colors.text.disabled,
-    disabledOpacity: 0.5,
     dividerColor: tokens.colors.border.subtle.value,
     dividerWidth: tokens.borderSize.sm,
-    focusBackgroundColor: tokens.colors.surface.secondary.value,
-    iconColor: tokens.colors.text.secondary,
     iconSize: 18,
-    pressedOpacity: 0.72,
-    titleColor: tokens.colors.text.primary,
     trigger: {
       gap: tokens.space.xs,
       minHeight: 48,
       paddingHorizontal: tokens.space.sm,
-      paddingVertical: tokens.space.xs
+      paddingVertical: tokens.space.xs,
+      states: {
+        default: {
+          backgroundColor: "transparent",
+          iconColor: tokens.colors.text.secondary,
+          opacity: 1,
+          pressedOpacity: 0.72,
+          titleColor: tokens.colors.text.primary
+        },
+        focused: {
+          backgroundColor: tokens.colors.surface.secondary.value,
+          iconColor: tokens.colors.text.secondary,
+          opacity: 1,
+          pressedOpacity: 0.72,
+          titleColor: tokens.colors.text.primary
+        },
+        disabled: {
+          backgroundColor: "transparent",
+          iconColor: tokens.colors.text.disabled,
+          opacity: 0.5,
+          pressedOpacity: 0.5,
+          titleColor: tokens.colors.text.disabled
+        }
+      }
     }
   };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-accordion-tokens.ts"],"sourcesContent":["import type { AccordionTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAccordionTokens(\n  tokens: PrimitiveThemeTokens,\n): AccordionTokens {\n  return {\n    animationDuration: 220,\n    backgroundColor: tokens.colors.surface.elevated.value,\n    borderColor: tokens.colors.border.subtle.value,\n    borderRadius: tokens.radii.lg,\n    borderWidth: tokens.borderSize.sm,\n    content: {\n      paddingBottom: tokens.space.sm,\n      paddingHorizontal: tokens.space.sm,\n    },\n    disabledColor: tokens.colors.text.disabled,\n    disabledOpacity: 0.5,\n    dividerColor: tokens.colors.border.subtle.value,\n    dividerWidth: tokens.borderSize.sm,\n    focusBackgroundColor: tokens.colors.surface.secondary.value,\n    iconColor: tokens.colors.text.secondary,\n    iconSize: 18,\n    pressedOpacity: 0.72,\n    titleColor: tokens.colors.text.primary,\n    trigger: {\n      gap: tokens.space.xs,\n      minHeight: 48,\n      paddingHorizontal: tokens.space.sm,\n      paddingVertical: tokens.space.xs,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,sBACd,QACiB;AACjB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,SAAS;AAAA,MACP,eAAe,OAAO,MAAM;AAAA,MAC5B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IACA,eAAe,OAAO,OAAO,KAAK;AAAA,IAClC,iBAAiB;AAAA,IACjB,cAAc,OAAO,OAAO,OAAO,OAAO;AAAA,IAC1C,cAAc,OAAO,WAAW;AAAA,IAChC,sBAAsB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACtD,WAAW,OAAO,OAAO,KAAK;AAAA,IAC9B,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,SAAS;AAAA,MACP,KAAK,OAAO,MAAM;AAAA,MAClB,WAAW;AAAA,MACX,mBAAmB,OAAO,MAAM;AAAA,MAChC,iBAAiB,OAAO,MAAM;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-accordion-tokens.ts"],"sourcesContent":["import type { AccordionTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAccordionTokens(\n  tokens: PrimitiveThemeTokens,\n): AccordionTokens {\n  return {\n    animationDuration: 220,\n    backgroundColor: tokens.colors.surface.elevated.value,\n    borderColor: tokens.colors.border.subtle.value,\n    borderRadius: tokens.radii.lg,\n    borderWidth: tokens.borderSize.sm,\n    content: {\n      paddingBottom: tokens.space.sm,\n      paddingHorizontal: tokens.space.sm,\n    },\n    dividerColor: tokens.colors.border.subtle.value,\n    dividerWidth: tokens.borderSize.sm,\n    iconSize: 18,\n    trigger: {\n      gap: tokens.space.xs,\n      minHeight: 48,\n      paddingHorizontal: tokens.space.sm,\n      paddingVertical: tokens.space.xs,\n      states: {\n        default: {\n          backgroundColor: \"transparent\",\n          iconColor: tokens.colors.text.secondary,\n          opacity: 1,\n          pressedOpacity: 0.72,\n          titleColor: tokens.colors.text.primary,\n        },\n        focused: {\n          backgroundColor: tokens.colors.surface.secondary.value,\n          iconColor: tokens.colors.text.secondary,\n          opacity: 1,\n          pressedOpacity: 0.72,\n          titleColor: tokens.colors.text.primary,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          iconColor: tokens.colors.text.disabled,\n          opacity: 0.5,\n          pressedOpacity: 0.5,\n          titleColor: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,sBACd,QACiB;AACjB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,SAAS;AAAA,MACP,eAAe,OAAO,MAAM;AAAA,MAC5B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IACA,cAAc,OAAO,OAAO,OAAO,OAAO;AAAA,IAC1C,cAAc,OAAO,WAAW;AAAA,IAChC,UAAU;AAAA,IACV,SAAS;AAAA,MACP,KAAK,OAAO,MAAM;AAAA,MAClB,WAAW;AAAA,MACX,mBAAmB,OAAO,MAAM;AAAA,MAChC,iBAAiB,OAAO,MAAM;AAAA,MAC9B,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,WAAW,OAAO,OAAO,KAAK;AAAA,UAC9B,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY,OAAO,OAAO,KAAK;AAAA,QACjC;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,UACjD,WAAW,OAAO,OAAO,KAAK;AAAA,UAC9B,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY,OAAO,OAAO,KAAK;AAAA,QACjC;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,WAAW,OAAO,OAAO,KAAK;AAAA,UAC9B,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY,OAAO,OAAO,KAAK;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -7,7 +7,7 @@ import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -18,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -48,16 +48,6 @@ function createAvatarTokens(tokens) {
         backgroundColor: secondary,
         borderColor: secondary,
         color: secondaryContrast
-      },
-      ghost: {
-        backgroundColor: "transparent",
-        borderColor: "transparent",
-        color: primary
-      },
-      plain: {
-        backgroundColor: "transparent",
-        borderColor: "transparent",
-        color: primary
       }
     }
   };

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      ghost: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n      plain: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,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,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-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":[]}

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

@@ -7,7 +7,7 @@ import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -18,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

@@ -14,16 +14,6 @@ function createBadgeTokens(tokens) {
       backgroundColor: softBackgroundColor,
       borderColor: softBackgroundColor,
       color: softColor
-    },
-    ghost: {
-      backgroundColor: "transparent",
-      borderColor: "transparent",
-      color: value
-    },
-    plain: {
-      backgroundColor: "transparent",
-      borderColor: "transparent",
-      color: value
     }
   });
   return {

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    ghost: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: value,\n    },\n    plain: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: value,\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,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,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  ) => ({\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":[]}

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

@@ -7,7 +7,7 @@ import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -18,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-button-tokens.ts"],"sourcesContent":["import { ButtonTokens, PrimitiveThemeTokens } from \"../types\";\r\n\r\nexport function createButtonTokens(tokens: PrimitiveThemeTokens): ButtonTokens {\r\n  const primary = tokens.colors.primary.value;\r\n  const primaryContrast = tokens.colors.primary.contrast;\r\n\r\n  const secondary = tokens.colors.secondary.value;\r\n  const secondaryContrast = tokens.colors.secondary.contrast;\r\n\r\n  const neutral = tokens.colors.neutral;\r\n  const disabledColor = tokens.colors.text.disabled;\r\n\r\n  return {\r\n    borderWidth: tokens.borderSize.sm,\r\n    borderRadius: tokens.radii.md,\r\n\r\n    sizes: {\r\n      small: {\r\n        height: 32,\r\n        paddingVertical: 6,\r\n        paddingHorizontal: 12,\r\n        fontSize: tokens.fontSize.xsm,\r\n      },\r\n      medium: {\r\n        height: 40,\r\n        paddingVertical: 8,\r\n        paddingHorizontal: 16,\r\n        fontSize: tokens.fontSize.sm,\r\n      },\r\n      large: {\r\n        height: 48,\r\n        paddingVertical: 10,\r\n        paddingHorizontal: 20,\r\n        fontSize: tokens.fontSize.sm,\r\n      },\r\n    },\r\n\r\n    variants: {\r\n      filled: {\r\n        backgroundColor: primary,\r\n        borderColor: primary,\r\n        color: primaryContrast,\r\n\r\n        disabledBackgroundColor: neutral[\"5\"],\r\n        disabledBorderColor: neutral[\"5\"],\r\n        disabledColor,\r\n      },\r\n\r\n      outlined: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: primary,\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: neutral[\"5\"],\r\n        disabledColor,\r\n      },\r\n\r\n      soft: {\r\n        backgroundColor: secondary,\r\n        borderColor: secondary,\r\n        color: secondaryContrast,\r\n\r\n        disabledBackgroundColor: neutral[\"3\"],\r\n        disabledBorderColor: neutral[\"3\"],\r\n        disabledColor,\r\n      },\r\n\r\n      ghost: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: \"transparent\",\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: \"transparent\",\r\n        disabledColor,\r\n      },\r\n\r\n      plain: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: \"transparent\",\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: \"transparent\",\r\n        disabledColor,\r\n      },\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,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,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB,QAAQ,GAAG;AAAA,QACpC,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB,QAAQ,GAAG;AAAA,QACpC,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,QACrB;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-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":[]}