@impulse-ui-native/theme 2.4.0 → 2.6.0

package/dist/types/index.d.mts

@@ -11,12 +11,17 @@ export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, E
 export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
 export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
 export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
+export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './checkbox-tokens.types.mjs';
 export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './tag-tokens.types.mjs';
-export { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
+export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
 export { SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
 export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
 export { 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 { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-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

@@ -11,12 +11,17 @@ export * from "./theme-provider.types";
 export * from "./tokens.types";
 export * from "./typography.types";
 export * from "./buttons-tokens.types";
+export * from "./checkbox-tokens.types";
 export * from "./tag-tokens.types";
 export * from "./control-tokes.types";
 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 "./radio-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 \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokes.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./radio-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;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/radio-tokens.types.d.mts

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

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

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

package/dist/types/radio-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

@@ -1,13 +1,18 @@
+import { CheckboxTokens } from './checkbox-tokens.types.mjs';
+import { RadioTokens } from './radio-tokens.types.mjs';
 import { ButtonTokens, IconButtonTokens } from './buttons-tokens.types.mjs';
 import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from './control-tokes.types.mjs';
 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 {
@@ -59,7 +64,11 @@ interface ComponentsThemes {
 }
 interface ComponentsTokens {
     button: ButtonTokens;
+    checkbox: CheckboxTokens;
     iconButton: IconButtonTokens;
+    icon: IconTokens;
+    pressable: PressableTokens;
+    radio: RadioTokens;
     tag: TagTokens;
     controlAddon: ControlAddonTokens;
     controlContainer: ControlContainerTokens;
@@ -71,6 +80,7 @@ interface ComponentsTokens {
     timePicker: TimePickerTokens;
     flyout: FlyoutTokens;
     skeleton: SkeletonTokens;
+    stepper: StepperTokens;
     dataState: DataStateTokens;
 }
 interface PrimitiveThemeTokens {
@@ -82,6 +92,7 @@ interface PrimitiveThemeTokens {
     fontWeight: FontWeight;
     fontSize: FontSize;
     lineHeight: LineHeight;
+    letterSpacing: LetterSpacings;
 }
 interface AppTheme extends PrimitiveThemeTokens {
     components: ComponentsTokens;

package/dist/utils/index.d.mts

@@ -10,13 +10,18 @@ import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
 import '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.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/stepper-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';

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

@@ -9,14 +9,19 @@ import '../types/flex.types.mjs';
 import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.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/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.4.0",
+  "version": "2.6.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.4.0"
+    "@impulse-ui-native/core": "2.6.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -37,9 +37,9 @@
     "react": "19.2.3",
     "react-native": "0.86.2",
     "typescript": "~6.0.3",
+    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/prettier-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0",
-    "@impulse-ui-native/eslint-config": "1.0.0"
+    "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",