@impulse-ui-native/theme 2.3.5 → 2.5.0

package/dist/hooks/index.d.mts

@@ -14,8 +14,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/border.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

package/dist/hooks/use-components-tokens.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-components-tokens.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\n\r\nexport function useComponentsTokens() {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.components, [context.components]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAEzB,SAAS,sBAAsB;AACpC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,YAAY,CAAC,QAAQ,UAAU,CAAC;AAC/D;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-components-tokens.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useThemeContext } from \"../providers\";\n\nexport function useComponentsTokens() {\n  const context = useThemeContext();\n\n  return useMemo(() => context.components, [context.components]);\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAEzB,SAAS,sBAAsB;AACpC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,YAAY,CAAC,QAAQ,UAAU,CAAC;AAC/D;","names":[]}

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

@@ -5,8 +5,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -6,8 +6,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

package/dist/index.d.mts

@@ -10,7 +10,7 @@ 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, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
+export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
 export { BorderProps } from './types/border.types.mjs';
 export { ColorProps } from './types/color.types.mjs';
 export { ChartColorPalette } from './types/chart.types.mjs';
@@ -30,7 +30,10 @@ export { SelectOptionTokens, SelectTokens } from './types/select-tokens.types.mj
 export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './types/datetime-picker-tokens.types.mjs';
 export { 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 { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
+export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
 export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './types/data-state-tokens.types.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './utils/style.utils.mjs';
 import 'react-native';

package/dist/providers/index.d.mts

@@ -9,8 +9,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -9,8 +9,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/components.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/components.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/components.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/components.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/components.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -5,8 +5,11 @@ import '../types/components.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -0,0 +1,6 @@
+import { IconTokens } from '../types/icon-tokens.types.mjs';
+import '../types/components.types.mjs';
+
+declare function createIconTokens(): IconTokens;
+
+export { createIconTokens };

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

@@ -0,0 +1,13 @@
+function createIconTokens() {
+  return {
+    sizes: {
+      small: 18,
+      medium: 24,
+      large: 30
+    }
+  };
+}
+export {
+  createIconTokens
+};
+//# sourceMappingURL=create-icon-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-icon-tokens.ts"],"sourcesContent":["import { IconTokens } from \"../types\";\n\nexport function createIconTokens(): IconTokens {\n  return {\n    sizes: {\n      small: 18,\n      medium: 24,\n      large: 30,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAA+B;AAC7C,SAAO;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,5 @@
+import { PressableTokens } from '../types/pressable-tokens.types.mjs';
+
+declare function createPressableTokens(): PressableTokens;
+
+export { createPressableTokens };

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

@@ -0,0 +1,10 @@
+function createPressableTokens() {
+  return {
+    disabledOpacity: 0.6,
+    pressedOpacity: 0.6
+  };
+}
+export {
+  createPressableTokens
+};
+//# sourceMappingURL=create-pressable-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-pressable-tokens.ts"],"sourcesContent":["import { PressableTokens } from \"../types\";\n\nexport function createPressableTokens(): PressableTokens {\n  return {\n    disabledOpacity: 0.6,\n    pressedOpacity: 0.6,\n  };\n}\n"],"mappings":"AAEO,SAAS,wBAAyC;AACvD,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,EAClB;AACF;","names":[]}

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

@@ -6,7 +6,10 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -1,5 +1,8 @@
 function createSelectTokens(tokens) {
   return {
+    flyoutHeight: 300,
+    multiValueGap: tokens.space.xxs,
+    multiValueMarginHorizontal: tokens.space.xxs,
     option: {
       padding: tokens.space.sm,
       selectedIconColor: tokens.colors.primary.value,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-select-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SelectTokens } from \"../types\";\r\n\r\nexport function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens {\r\n  return {\r\n    option: {\r\n      padding: tokens.space.sm,\r\n      selectedIconColor: tokens.colors.primary.value,\r\n      selectedIconVisibleOpacity: 1,\r\n      selectedIconHiddenOpacity: 0,\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,SAAS,OAAO,MAAM;AAAA,MACtB,mBAAmB,OAAO,OAAO,QAAQ;AAAA,MACzC,4BAA4B;AAAA,MAC5B,2BAA2B;AAAA,IAC7B;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-select-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SelectTokens } from \"../types\";\n\nexport function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens {\n  return {\n    flyoutHeight: 300,\n    multiValueGap: tokens.space.xxs,\n    multiValueMarginHorizontal: tokens.space.xxs,\n\n    option: {\n      padding: tokens.space.sm,\n      selectedIconColor: tokens.colors.primary.value,\n      selectedIconVisibleOpacity: 1,\n      selectedIconHiddenOpacity: 0,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,cAAc;AAAA,IACd,eAAe,OAAO,MAAM;AAAA,IAC5B,4BAA4B,OAAO,MAAM;AAAA,IAEzC,QAAQ;AAAA,MACN,SAAS,OAAO,MAAM;AAAA,MACtB,mBAAmB,OAAO,OAAO,QAAQ;AAAA,MACzC,4BAA4B;AAAA,MAC5B,2BAA2B;AAAA,IAC7B;AAAA,EACF;AACF;","names":[]}

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

@@ -6,7 +6,10 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

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

@@ -0,0 +1,19 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { StepperTokens } from '../types/stepper-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createStepperTokens(tokens: PrimitiveThemeTokens): StepperTokens;
+
+export { createStepperTokens };

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

@@ -0,0 +1,12 @@
+function createStepperTokens(tokens) {
+  return {
+    navigation: {
+      itemHeight: 6,
+      itemBackgroundColor: tokens.colors.primary.value
+    }
+  };
+}
+export {
+  createStepperTokens
+};
+//# sourceMappingURL=create-stepper-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-stepper-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, StepperTokens } from \"../types\";\n\nexport function createStepperTokens(\n  tokens: PrimitiveThemeTokens,\n): StepperTokens {\n  return {\n    navigation: {\n      itemHeight: 6,\n      itemBackgroundColor: tokens.colors.primary.value,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,qBAAqB,OAAO,OAAO,QAAQ;AAAA,IAC7C;AAAA,EACF;AACF;","names":[]}

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

@@ -6,8 +6,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';
 

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

@@ -47,6 +47,7 @@ function createTagTokens(tokens) {
     borderWidth: tokens.borderSize.sm,
     borderRadius: tokens.radii.round,
     gap: tokens.space.xxs,
+    closeHitSlop: 10,
     iconMarginLeft: tokens.borderSize.md,
     sizes: {
       small: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\r\n\r\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\r\n  const neutral = tokens.colors.neutral;\r\n  const disabledColor = tokens.colors.text.disabled;\r\n\r\n  const createVariants = (value: string, contrast: string) => ({\r\n    filled: {\r\n      backgroundColor: value,\r\n      borderColor: value,\r\n      color: contrast,\r\n\r\n      disabledBackgroundColor: neutral[\"4\"],\r\n      disabledBorderColor: neutral[\"6\"],\r\n      disabledColor,\r\n    },\r\n\r\n    outlined: {\r\n      backgroundColor: \"transparent\",\r\n      borderColor: value,\r\n      color: value,\r\n\r\n      disabledBackgroundColor: \"transparent\",\r\n      disabledBorderColor: neutral[\"6\"],\r\n      disabledColor,\r\n    },\r\n\r\n    soft: {\r\n      backgroundColor: contrast,\r\n      borderColor: contrast,\r\n      color: value,\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: value,\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: value,\r\n\r\n      disabledBackgroundColor: \"transparent\",\r\n      disabledBorderColor: \"transparent\",\r\n      disabledColor,\r\n    },\r\n  });\r\n\r\n  return {\r\n    borderWidth: tokens.borderSize.sm,\r\n    borderRadius: tokens.radii.round,\r\n    gap: tokens.space.xxs,\r\n    iconMarginLeft: tokens.borderSize.md,\r\n\r\n    sizes: {\r\n      small: {\r\n        height: 24,\r\n        paddingHorizontal: tokens.space.xs,\r\n        minWidth: tokens.space.xl,\r\n        fontSize: tokens.fontSize.xs,\r\n      },\r\n\r\n      medium: {\r\n        height: 28,\r\n        paddingHorizontal: tokens.space.xs,\r\n        minWidth: tokens.space.xxl,\r\n        fontSize: tokens.fontSize.xsm,\r\n      },\r\n\r\n      large: {\r\n        height: 32,\r\n        paddingHorizontal: tokens.space.mxs,\r\n        minWidth: tokens.space.xxl,\r\n        fontSize: tokens.fontSize.xsm,\r\n      },\r\n    },\r\n\r\n    colors: {\r\n      primary: createVariants(\r\n        tokens.colors.primary.value,\r\n        tokens.colors.primary.contrast,\r\n      ),\r\n\r\n      secondary: createVariants(\r\n        tokens.colors.secondary.value,\r\n        tokens.colors.secondary.contrast,\r\n      ),\r\n\r\n      error: createVariants(\r\n        tokens.colors.feedback.error.value,\r\n        tokens.colors.feedback.error.contrast,\r\n      ),\r\n\r\n      warning: createVariants(\r\n        tokens.colors.feedback.warning.value,\r\n        tokens.colors.feedback.warning.contrast,\r\n      ),\r\n\r\n      success: createVariants(\r\n        tokens.colors.feedback.success.value,\r\n        tokens.colors.feedback.success.contrast,\r\n      ),\r\n\r\n      info: createVariants(\r\n        tokens.colors.feedback.info.value,\r\n        tokens.colors.feedback.info.contrast,\r\n      ),\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,gBAAgB,QAAyC;AACvE,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,QAAM,iBAAiB,CAAC,OAAe,cAAsB;AAAA,IAC3D,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,KAAK,OAAO,MAAM;AAAA,IAClB,gBAAgB,OAAO,WAAW;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MAEA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MAEA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,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-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n  const neutral = tokens.colors.neutral;\n  const disabledColor = tokens.colors.text.disabled;\n\n  const createVariants = (value: string, contrast: string) => ({\n    filled: {\n      backgroundColor: value,\n      borderColor: value,\n      color: contrast,\n\n      disabledBackgroundColor: neutral[\"4\"],\n      disabledBorderColor: neutral[\"6\"],\n      disabledColor,\n    },\n\n    outlined: {\n      backgroundColor: \"transparent\",\n      borderColor: value,\n      color: value,\n\n      disabledBackgroundColor: \"transparent\",\n      disabledBorderColor: neutral[\"6\"],\n      disabledColor,\n    },\n\n    soft: {\n      backgroundColor: contrast,\n      borderColor: contrast,\n      color: value,\n\n      disabledBackgroundColor: neutral[\"3\"],\n      disabledBorderColor: neutral[\"3\"],\n      disabledColor,\n    },\n\n    ghost: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: value,\n\n      disabledBackgroundColor: \"transparent\",\n      disabledBorderColor: \"transparent\",\n      disabledColor,\n    },\n\n    plain: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: value,\n\n      disabledBackgroundColor: \"transparent\",\n      disabledBorderColor: \"transparent\",\n      disabledColor,\n    },\n  });\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.round,\n    gap: tokens.space.xxs,\n    closeHitSlop: 10,\n    iconMarginLeft: tokens.borderSize.md,\n\n    sizes: {\n      small: {\n        height: 24,\n        paddingHorizontal: tokens.space.xs,\n        minWidth: tokens.space.xl,\n        fontSize: tokens.fontSize.xs,\n      },\n\n      medium: {\n        height: 28,\n        paddingHorizontal: tokens.space.xs,\n        minWidth: tokens.space.xxl,\n        fontSize: tokens.fontSize.xsm,\n      },\n\n      large: {\n        height: 32,\n        paddingHorizontal: tokens.space.mxs,\n        minWidth: tokens.space.xxl,\n        fontSize: tokens.fontSize.xsm,\n      },\n    },\n\n    colors: {\n      primary: createVariants(\n        tokens.colors.primary.value,\n        tokens.colors.primary.contrast,\n      ),\n\n      secondary: createVariants(\n        tokens.colors.secondary.value,\n        tokens.colors.secondary.contrast,\n      ),\n\n      error: createVariants(\n        tokens.colors.feedback.error.value,\n        tokens.colors.feedback.error.contrast,\n      ),\n\n      warning: createVariants(\n        tokens.colors.feedback.warning.value,\n        tokens.colors.feedback.warning.contrast,\n      ),\n\n      success: createVariants(\n        tokens.colors.feedback.success.value,\n        tokens.colors.feedback.success.contrast,\n      ),\n\n      info: createVariants(\n        tokens.colors.feedback.info.value,\n        tokens.colors.feedback.info.contrast,\n      ),\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,gBAAgB,QAAyC;AACvE,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,QAAM,iBAAiB,CAAC,OAAe,cAAsB;AAAA,IAC3D,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,KAAK,OAAO,MAAM;AAAA,IAClB,cAAc;AAAA,IACd,gBAAgB,OAAO,WAAW;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MAEA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MAEA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,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-time-picker-tokens.d.mts

@@ -6,8 +6,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/tokens.types.mjs';
 

package/dist/theme/dark.theme.d.mts

@@ -5,8 +5,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

package/dist/theme/dark.theme.js

@@ -3,6 +3,7 @@ import {
   FontFamilyTokens,
   FontSizeTokens,
   FontWeightTokens,
+  LetterSpacingTokens,
   LightColors,
   LineHeightTokens,
   RadiiTokens,
@@ -16,7 +17,8 @@ const DarkTheme = {
   borderSize: BorderSizeTokens,
   fontSize: FontSizeTokens,
   fontWeight: FontWeightTokens,
-  lineHeight: LineHeightTokens
+  lineHeight: LineHeightTokens,
+  letterSpacing: LetterSpacingTokens
 };
 export {
   DarkTheme

package/dist/theme/dark.theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/dark.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\r\nimport {\r\n  BorderSizeTokens,\r\n  FontFamilyTokens,\r\n  FontSizeTokens,\r\n  FontWeightTokens,\r\n  LightColors,\r\n  LineHeightTokens,\r\n  RadiiTokens,\r\n  SpaceTokens,\r\n} from \"./tokens.theme\";\r\n\r\nexport const DarkTheme: PrimitiveThemeTokens = {\r\n  colors: LightColors,\r\n  space: SpaceTokens,\r\n  radii: RadiiTokens,\r\n  fontFamily: FontFamilyTokens,\r\n  borderSize: BorderSizeTokens,\r\n  fontSize: FontSizeTokens,\r\n  fontWeight: FontWeightTokens,\r\n  lineHeight: LineHeightTokens,\r\n};\r\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAkC;AAAA,EAC7C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AACd;","names":[]}
+{"version":3,"sources":["../../src/theme/dark.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\nimport {\n  BorderSizeTokens,\n  FontFamilyTokens,\n  FontSizeTokens,\n  FontWeightTokens,\n  LetterSpacingTokens,\n  LightColors,\n  LineHeightTokens,\n  RadiiTokens,\n  SpaceTokens,\n} from \"./tokens.theme\";\n\nexport const DarkTheme: PrimitiveThemeTokens = {\n  colors: LightColors,\n  space: SpaceTokens,\n  radii: RadiiTokens,\n  fontFamily: FontFamilyTokens,\n  borderSize: BorderSizeTokens,\n  fontSize: FontSizeTokens,\n  fontWeight: FontWeightTokens,\n  lineHeight: LineHeightTokens,\n  letterSpacing: LetterSpacingTokens,\n};\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAkC;AAAA,EAC7C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AACjB;","names":[]}

package/dist/theme/index.d.mts

@@ -1,6 +1,6 @@
 export { DarkTheme } from './dark.theme.mjs';
 export { LightTheme } from './light.theme.mjs';
-export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
+export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
 import '../types/theme-provider.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/components.types.mjs';
@@ -8,8 +8,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

package/dist/theme/light.theme.d.mts

@@ -5,8 +5,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/tokens.types.mjs';

package/dist/theme/light.theme.js

@@ -3,6 +3,7 @@ import {
   FontFamilyTokens,
   FontSizeTokens,
   FontWeightTokens,
+  LetterSpacingTokens,
   LightColors,
   LineHeightTokens,
   RadiiTokens,
@@ -16,7 +17,8 @@ const LightTheme = {
   borderSize: BorderSizeTokens,
   fontSize: FontSizeTokens,
   fontWeight: FontWeightTokens,
-  lineHeight: LineHeightTokens
+  lineHeight: LineHeightTokens,
+  letterSpacing: LetterSpacingTokens
 };
 export {
   LightTheme

package/dist/theme/light.theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/light.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\r\nimport {\r\n  BorderSizeTokens,\r\n  FontFamilyTokens,\r\n  FontSizeTokens,\r\n  FontWeightTokens,\r\n  LightColors,\r\n  LineHeightTokens,\r\n  RadiiTokens,\r\n  SpaceTokens,\r\n} from \"./tokens.theme\";\r\n\r\nexport const LightTheme: PrimitiveThemeTokens = {\r\n  colors: LightColors,\r\n  space: SpaceTokens,\r\n  radii: RadiiTokens,\r\n  fontFamily: FontFamilyTokens,\r\n  borderSize: BorderSizeTokens,\r\n  fontSize: FontSizeTokens,\r\n  fontWeight: FontWeightTokens,\r\n  lineHeight: LineHeightTokens,\r\n};\r\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,aAAmC;AAAA,EAC9C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AACd;","names":[]}
+{"version":3,"sources":["../../src/theme/light.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\nimport {\n  BorderSizeTokens,\n  FontFamilyTokens,\n  FontSizeTokens,\n  FontWeightTokens,\n  LetterSpacingTokens,\n  LightColors,\n  LineHeightTokens,\n  RadiiTokens,\n  SpaceTokens,\n} from \"./tokens.theme\";\n\nexport const LightTheme: PrimitiveThemeTokens = {\n  colors: LightColors,\n  space: SpaceTokens,\n  radii: RadiiTokens,\n  fontFamily: FontFamilyTokens,\n  borderSize: BorderSizeTokens,\n  fontSize: FontSizeTokens,\n  fontWeight: FontWeightTokens,\n  lineHeight: LineHeightTokens,\n  letterSpacing: LetterSpacingTokens,\n};\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,aAAmC;AAAA,EAC9C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AACjB;","names":[]}

package/dist/theme/tokens.theme.d.mts

@@ -1,5 +1,5 @@
 import { ChartColorPalette } from '../types/chart.types.mjs';
-import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
+import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LetterSpacings, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
 import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../types/theme-provider.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/components.types.mjs';
@@ -7,8 +7,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 
@@ -18,6 +21,7 @@ declare const BorderSizeTokens: BorderSize;
 declare const RadiiTokens: Radii;
 declare const FontSizeTokens: FontSize;
 declare const LineHeightTokens: LineHeight;
+declare const LetterSpacingTokens: LetterSpacings;
 declare const FontWeightTokens: FontWeight;
 declare const FontFamilyWeightsNormalTokens: Record<FontWeightValue, FontWeightNormal>;
 declare const FontFamilyWeightsItalicTokens: Record<FontWeightValue, FontWeightItalic>;
@@ -26,4 +30,4 @@ declare const NeutralColorTokens: NeutralColor;
 declare const LightColors: ThemeColors;
 declare function createComponentsTokens(tokens: PrimitiveThemeTokens): ComponentsTokens;
 
-export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };
+export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };

package/dist/theme/tokens.theme.js

@@ -10,8 +10,11 @@ import { createDataStateTokens } from "./create-data-state-tokens";
 import { createDatetimePickerTokens } from "./create-datetime-picker";
 import { createFlyoutTokens } from "./create-flyout-tokens";
 import { createIconButtonTokens } from "./create-icon-button-tokens";
+import { createIconTokens } from "./create-icon-tokens";
+import { createPressableTokens } from "./create-pressable-tokens";
 import { createSelectTokens } from "./create-select-tokens";
 import { createSkeletonTokens } from "./create-skeleton-tokens";
+import { createStepperTokens } from "./create-stepper-tokens";
 import { createTagTokens } from "./create-tag-tokens";
 import { createTimePickerTokens } from "./create-time-picker-tokens";
 const ChartColorTokens = [
@@ -89,6 +92,16 @@ const LineHeightTokens = {
   giant: 56,
   colossal: 64
 };
+const LetterSpacingTokens = {
+  tightest: -1,
+  tighter: -0.5,
+  tight: -0.25,
+  normal: 0,
+  wide: 0.25,
+  wider: 0.5,
+  widest: 0.75,
+  ultraWide: 1
+};
 const FontWeightTokens = {
   thin: 100,
   extraLight: 200,
@@ -225,6 +238,8 @@ function createComponentsTokens(tokens) {
   return {
     button: createButtonTokens(tokens),
     iconButton: createIconButtonTokens(tokens),
+    icon: createIconTokens(),
+    pressable: createPressableTokens(),
     tag: createTagTokens(tokens),
     controlAddon: createControlAddonTokens(tokens),
     controlContainer: createControlContainerTokens(tokens),
@@ -236,6 +251,7 @@ function createComponentsTokens(tokens) {
     timePicker: createTimePickerTokens(tokens),
     flyout: createFlyoutTokens(tokens),
     skeleton: createSkeletonTokens(tokens),
+    stepper: createStepperTokens(tokens),
     dataState: createDataStateTokens(tokens)
   };
 }
@@ -247,6 +263,7 @@ export {
   FontFamilyWeightsNormalTokens,
   FontSizeTokens,
   FontWeightTokens,
+  LetterSpacingTokens,
   LightColors,
   LineHeightTokens,
   NeutralColorTokens,

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

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

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

@@ -0,0 +1,7 @@
+import { ComponentSize } from './components.types.mjs';
+
+interface IconTokens {
+    sizes: Record<ComponentSize, number>;
+}
+
+export type { IconTokens };

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

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

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

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

package/dist/types/index.d.mts

@@ -17,6 +17,9 @@ export { SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
 export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
 export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
 export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './flyout-tokens.types.mjs';
+export { IconTokens } from './icon-tokens.types.mjs';
+export { PressableTokens } from './pressable-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
+export { StepperNavigationTokens, StepperTokens } from './stepper-tokens.types.mjs';
 export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './data-state-tokens.types.mjs';
 import 'react-native';

package/dist/types/index.js

@@ -17,6 +17,9 @@ export * from "./select-tokens.types";
 export * from "./datetime-picker-tokens.types";
 export * from "./time-picker-token.types";
 export * from "./flyout-tokens.types";
+export * from "./icon-tokens.types";
+export * from "./pressable-tokens.types";
 export * from "./skeleton-tokens.types";
+export * from "./stepper-tokens.types";
 export * from "./data-state-tokens.types";
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

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

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

@@ -0,0 +1,6 @@
+interface PressableTokens {
+    disabledOpacity: number;
+    pressedOpacity: number;
+}
+
+export type { PressableTokens };

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

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

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

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

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

@@ -5,6 +5,9 @@ interface SelectOptionTokens {
     selectedIconHiddenOpacity: number;
 }
 interface SelectTokens {
+    flyoutHeight: number;
+    multiValueGap: number;
+    multiValueMarginHorizontal: number;
     option: SelectOptionTokens;
 }
 

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

@@ -0,0 +1,9 @@
+interface StepperNavigationTokens {
+    itemHeight: number;
+    itemBackgroundColor: string;
+}
+interface StepperTokens {
+    navigation: StepperNavigationTokens;
+}
+
+export type { StepperNavigationTokens, StepperTokens };

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

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

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

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

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

@@ -20,6 +20,7 @@ interface TagTokens {
     borderWidth: number;
     borderRadius: number;
     gap: number;
+    closeHitSlop: number;
     iconMarginLeft: number;
     sizes: TagSizeTokens;
     colors: TagColorTokens;

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

@@ -3,11 +3,14 @@ import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, Control
 import { DataStateTokens } from './data-state-tokens.types.mjs';
 import { DatetimePickerTokens } from './datetime-picker-tokens.types.mjs';
 import { FlyoutTokens } from './flyout-tokens.types.mjs';
+import { IconTokens } from './icon-tokens.types.mjs';
+import { PressableTokens } from './pressable-tokens.types.mjs';
 import { SelectTokens } from './select-tokens.types.mjs';
 import { SkeletonTokens } from './skeleton-tokens.types.mjs';
+import { StepperTokens } from './stepper-tokens.types.mjs';
 import { TagTokens } from './tag-tokens.types.mjs';
 import { TimePickerTokens } from './time-picker-token.types.mjs';
-import { NeutralColor, Space, Radii, BorderSize, FontFamily, FontWeight, FontSize, LineHeight } from './tokens.types.mjs';
+import { NeutralColor, Space, Radii, BorderSize, FontFamily, FontWeight, FontSize, LineHeight, LetterSpacings } from './tokens.types.mjs';
 import './components.types.mjs';
 
 interface ThemeContextData {
@@ -60,6 +63,8 @@ interface ComponentsThemes {
 interface ComponentsTokens {
     button: ButtonTokens;
     iconButton: IconButtonTokens;
+    icon: IconTokens;
+    pressable: PressableTokens;
     tag: TagTokens;
     controlAddon: ControlAddonTokens;
     controlContainer: ControlContainerTokens;
@@ -71,6 +76,7 @@ interface ComponentsTokens {
     timePicker: TimePickerTokens;
     flyout: FlyoutTokens;
     skeleton: SkeletonTokens;
+    stepper: StepperTokens;
     dataState: DataStateTokens;
 }
 interface PrimitiveThemeTokens {
@@ -82,6 +88,7 @@ interface PrimitiveThemeTokens {
     fontWeight: FontWeight;
     fontSize: FontSize;
     lineHeight: LineHeight;
+    letterSpacing: LetterSpacings;
 }
 interface AppTheme extends PrimitiveThemeTokens {
     components: ComponentsTokens;

package/dist/utils/index.d.mts

@@ -16,7 +16,10 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';

package/dist/utils/style.utils.d.mts

@@ -15,8 +15,11 @@ import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "2.3.5",
+  "version": "2.5.0",
   "description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
   "keywords": [
     "react-native",
@@ -28,7 +28,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/core": "2.3.5"
+    "@impulse-ui-native/core": "2.5.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -38,8 +38,8 @@
     "react-native": "0.86.2",
     "typescript": "~6.0.3",
     "@impulse-ui-native/prettier-config": "1.0.0",
-    "@impulse-ui-native/eslint-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0"
+    "@impulse-ui-native/tsconfig": "1.0.0",
+    "@impulse-ui-native/eslint-config": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",