@impulse-ui-native/theme 2.5.0 → 2.7.0

package/dist/types/index.js

@@ -11,6 +11,7 @@ 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";
@@ -19,7 +20,10 @@ 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 "./switch-tokens.types";
+export * from "./textarea-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 \"./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":[]}
+{"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 \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","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/switch-tokens.types.d.mts

@@ -0,0 +1,32 @@
+import { ComponentSize, ComponentVariant } from './components.types.mjs';
+
+type SwitchSizeTokens = Record<ComponentSize, {
+    width: number;
+    height: number;
+    thumbSize: number;
+    trackPadding: number;
+    loadingIndicatorScale: number;
+    hitSlop: number;
+}>;
+type SwitchVariantTokens = Record<ComponentVariant, {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+}>;
+interface SwitchTokens {
+    animationDuration: number;
+    borderWidth: number;
+    borderRadius: number;
+    thumbBorderRadius: number;
+    uncheckedBackgroundColor: string;
+    uncheckedBorderColor: string;
+    uncheckedThumbColor: string;
+    disabledBackgroundColor: string;
+    disabledBorderColor: string;
+    disabledThumbColor: string;
+    loadingIndicatorColor: string;
+    sizes: SwitchSizeTokens;
+    variants: SwitchVariantTokens;
+}
+
+export type { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens };

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { ComponentSize } from './components.types.mjs';
+
+type TextareaSizeTokens = Record<ComponentSize, {
+    lineHeight: number;
+    paddingVertical: number;
+}>;
+interface TextareaTokens {
+    counterColor: string;
+    counterFontSize: number;
+    disabledCounterColor: string;
+    errorCounterColor: string;
+    footerGap: number;
+    footerMarginTop: number;
+    sizes: TextareaSizeTokens;
+}
+
+export type { TextareaSizeTokens, TextareaTokens };

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

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

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

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

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

@@ -1,3 +1,5 @@
+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';
@@ -8,7 +10,9 @@ 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 { SwitchTokens } from './switch-tokens.types.mjs';
 import { TagTokens } from './tag-tokens.types.mjs';
+import { TextareaTokens } from './textarea-tokens.types.mjs';
 import { TimePickerTokens } from './time-picker-token.types.mjs';
 import { NeutralColor, Space, Radii, BorderSize, FontFamily, FontWeight, FontSize, LineHeight, LetterSpacings } from './tokens.types.mjs';
 import './components.types.mjs';
@@ -62,9 +66,11 @@ interface ComponentsThemes {
 }
 interface ComponentsTokens {
     button: ButtonTokens;
+    checkbox: CheckboxTokens;
     iconButton: IconButtonTokens;
     icon: IconTokens;
     pressable: PressableTokens;
+    radio: RadioTokens;
     tag: TagTokens;
     controlAddon: ControlAddonTokens;
     controlContainer: ControlContainerTokens;
@@ -77,6 +83,8 @@ interface ComponentsTokens {
     flyout: FlyoutTokens;
     skeleton: SkeletonTokens;
     stepper: StepperTokens;
+    switch: SwitchTokens;
+    textarea: TextareaTokens;
     dataState: DataStateTokens;
 }
 interface PrimitiveThemeTokens {

package/dist/utils/index.d.mts

@@ -10,8 +10,10 @@ 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';
@@ -21,5 +23,7 @@ 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/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';

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

@@ -9,8 +9,10 @@ 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';
@@ -20,7 +22,9 @@ 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/switch-tokens.types.mjs';
 import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 
 declare const extractStyleProps: <Props extends object>(props: Props) => StyleProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "2.5.0",
+  "version": "2.7.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.5.0"
+    "@impulse-ui-native/core": "2.7.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",