@impulse-ui-native/theme 2.9.0 → 4.0.0

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

@@ -0,0 +1,43 @@
+import { ComponentSize, SelectionVariant, VisualStateTokens, ControlVisualState } from './components.types.mjs';
+
+/** @deprecated Use SelectionVariant. */
+type SliderVariant = SelectionVariant;
+type SliderSizeTokens = Record<ComponentSize, {
+    trackHeight: number;
+    thumbSize: number;
+    markSize: number;
+    hitSlop: number;
+}>;
+interface SliderAppearanceTokens {
+    activeMarkColor: string;
+    activeTrackColor: string;
+    focusRingBorderWidth: number;
+    inactiveTrackColor: string;
+    labelColor: string;
+    markColor: string;
+    thumbBackgroundColor: string;
+    thumbBorderColor: string;
+    thumbBorderWidth: number;
+    thumbHighlightColor: string;
+    valueBubbleBackgroundColor: string;
+    valueBubbleBorderColor: string;
+    valueBubbleColor: string;
+}
+type SliderVariantTokens = Record<SelectionVariant, VisualStateTokens<ControlVisualState, SliderAppearanceTokens>>;
+interface SliderTokens {
+    trackBorderRadius: number;
+    thumbBorderRadius: number;
+    focusRingWidth: number;
+    focusRingOffset: number;
+    focusRingColor: string;
+    valueBubbleBorderRadius: number;
+    valueBubbleBorderWidth: number;
+    valueBubblePaddingHorizontal: number;
+    valueBubblePaddingVertical: number;
+    valueBubbleGap: number;
+    labelGap: number;
+    sizes: SliderSizeTokens;
+    variants: SliderVariantTokens;
+}
+
+export type { SliderAppearanceTokens, SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens };

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, SelectionVariant, VisualStateTokens, AvailabilityVisualState } from './components.types.mjs';
 
 type SwitchSizeTokens = Record<ComponentSize, {
     width: number;
@@ -8,25 +8,23 @@ type SwitchSizeTokens = Record<ComponentSize, {
     loadingIndicatorScale: number;
     hitSlop: number;
 }>;
-type SwitchVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    color: string;
-}>;
+interface SwitchAppearanceTokens {
+    activeBackgroundColor: string;
+    activeBorderColor: string;
+    activeThumbColor: string;
+    inactiveBackgroundColor: string;
+    inactiveBorderColor: string;
+    inactiveThumbColor: string;
+}
+type SwitchVariantTokens = Record<SelectionVariant, VisualStateTokens<AvailabilityVisualState, SwitchAppearanceTokens>>;
 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 };
+export type { SwitchAppearanceTokens, SwitchSizeTokens, SwitchTokens, SwitchVariantTokens };

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

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, DisplayVariant, VisualStateTokens, AvailabilityVisualState } from './components.types.mjs';
 
 type TagColor = "primary" | "secondary" | "error" | "warning" | "success" | "info";
 type TagSizeTokens = Record<ComponentSize, {
@@ -7,14 +7,12 @@ type TagSizeTokens = Record<ComponentSize, {
     minWidth: number;
     fontSize: number;
 }>;
-type TagVariantTokens = Record<ComponentVariant, {
+interface TagAppearanceTokens {
     backgroundColor: string;
     borderColor: string;
     color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
+}
+type TagVariantTokens = Record<DisplayVariant, VisualStateTokens<AvailabilityVisualState, TagAppearanceTokens>>;
 type TagColorTokens = Record<TagColor, TagVariantTokens>;
 interface TagTokens {
     borderWidth: number;
@@ -26,4 +24,4 @@ interface TagTokens {
     colors: TagColorTokens;
 }
 
-export type { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens };
+export type { TagAppearanceTokens, TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens };

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

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

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

@@ -5,7 +5,7 @@ import { AccordionTokens } from './accordion-tokens.types.mjs';
 import { AvatarTokens } from './avatar-tokens.types.mjs';
 import { ButtonTokens, IconButtonTokens } from './buttons-tokens.types.mjs';
 import { CardTokens } from './card-tokens.types.mjs';
-import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from './control-tokes.types.mjs';
+import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from './control-tokens.types.mjs';
 import { DataStateTokens } from './data-state-tokens.types.mjs';
 import { DatetimePickerTokens } from './datetime-picker-tokens.types.mjs';
 import { DividerTokens } from './divider-tokens.types.mjs';
@@ -15,6 +15,7 @@ import { PressableTokens } from './pressable-tokens.types.mjs';
 import { ProgressTokens } from './progress-tokens.types.mjs';
 import { SelectTokens } from './select-tokens.types.mjs';
 import { SkeletonTokens } from './skeleton-tokens.types.mjs';
+import { SliderTokens } from './slider-tokens.types.mjs';
 import { SpinnerTokens } from './spinner-tokens.types.mjs';
 import { StepperTokens } from './stepper-tokens.types.mjs';
 import { SwitchTokens } from './switch-tokens.types.mjs';
@@ -95,6 +96,7 @@ interface ComponentsTokens {
     timePicker: TimePickerTokens;
     flyout: FlyoutTokens;
     skeleton: SkeletonTokens;
+    slider: SliderTokens;
     spinner: SpinnerTokens;
     stepper: StepperTokens;
     switch: SwitchTokens;

package/dist/types/time-picker-token.types.d.mts

@@ -1,3 +1,9 @@
+import { VisualStateTokens, SelectionItemVisualState } from './components.types.mjs';
+
+interface TimePickerColumnAppearanceTokens {
+    color: string;
+    fontWeight: number;
+}
 interface TimePickerColumnTokens {
     width: number;
     height: number;
@@ -8,10 +14,7 @@ interface TimePickerColumnTokens {
     verticalPadding: number;
     initialScrollIndexViewOffset: number;
     fontSize: number;
-    selectedColor: string;
-    color: string;
-    selectedFontWeight: number;
-    fontWeight: number;
+    states: VisualStateTokens<SelectionItemVisualState, TimePickerColumnAppearanceTokens>;
 }
 interface TimePickerFlyoutTokens {
     gap: number;
@@ -31,4 +34,4 @@ interface TimePickerTokens {
     columns: TimePickerColumnsTokens;
 }
 
-export type { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens };
+export type { TimePickerColumnAppearanceTokens, TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens };

package/dist/utils/action-state.utils.d.mts

@@ -0,0 +1,5 @@
+import { VisualStateTokens, ActionVisualState, ActionState } from '../types/components.types.mjs';
+
+declare function getActionStateTokens<Tokens>(tokens: VisualStateTokens<ActionVisualState, Tokens>, state: ActionState): Tokens;
+
+export { getActionStateTokens };

package/dist/utils/action-state.utils.js

@@ -0,0 +1,9 @@
+function getActionStateTokens(tokens, state) {
+  const { disabled = false, loading = false } = state;
+  if (disabled) return tokens.disabled;
+  return loading ? tokens.loading : tokens.default;
+}
+export {
+  getActionStateTokens
+};
+//# sourceMappingURL=action-state.utils.js.map

package/dist/utils/action-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/action-state.utils.ts"],"sourcesContent":["import type {\n  ActionState,\n  ActionVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getActionStateTokens<Tokens>(\n  tokens: VisualStateTokens<ActionVisualState, Tokens>,\n  state: ActionState,\n): Tokens {\n  const { disabled = false, loading = false } = state;\n\n  if (disabled) return tokens.disabled;\n  return loading ? tokens.loading : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,qBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,UAAU,MAAM,IAAI;AAE9C,MAAI,SAAU,QAAO,OAAO;AAC5B,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}

package/dist/utils/availability-state.utils.d.mts

@@ -0,0 +1,5 @@
+import { VisualStateTokens, AvailabilityVisualState, AvailabilityState } from '../types/components.types.mjs';
+
+declare function getAvailabilityStateTokens<Tokens>(tokens: VisualStateTokens<AvailabilityVisualState, Tokens>, state: AvailabilityState): Tokens;
+
+export { getAvailabilityStateTokens };

package/dist/utils/availability-state.utils.js

@@ -0,0 +1,8 @@
+function getAvailabilityStateTokens(tokens, state) {
+  const { disabled = false } = state;
+  return disabled ? tokens.disabled : tokens.default;
+}
+export {
+  getAvailabilityStateTokens
+};
+//# sourceMappingURL=availability-state.utils.js.map

package/dist/utils/availability-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/availability-state.utils.ts"],"sourcesContent":["import type {\n  AvailabilityState,\n  AvailabilityVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getAvailabilityStateTokens<Tokens>(\n  tokens: VisualStateTokens<AvailabilityVisualState, Tokens>,\n  state: AvailabilityState,\n): Tokens {\n  const { disabled = false } = state;\n\n  return disabled ? tokens.disabled : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,2BACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,MAAM,IAAI;AAE7B,SAAO,WAAW,OAAO,WAAW,OAAO;AAC7C;","names":[]}

package/dist/utils/control-state.utils.d.mts

@@ -0,0 +1,5 @@
+import { VisualStateTokens, ControlVisualState, ControlState } from '../types/components.types.mjs';
+
+declare function getControlStateTokens<Tokens>(tokens: VisualStateTokens<ControlVisualState, Tokens>, state: ControlState): Tokens;
+
+export { getControlStateTokens };

package/dist/utils/control-state.utils.js

@@ -0,0 +1,9 @@
+function getControlStateTokens(tokens, state) {
+  const { disabled = false, focused = false } = state;
+  if (disabled) return tokens.disabled;
+  return focused ? tokens.focused : tokens.default;
+}
+export {
+  getControlStateTokens
+};
+//# sourceMappingURL=control-state.utils.js.map

package/dist/utils/control-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/control-state.utils.ts"],"sourcesContent":["import type {\n  ControlState,\n  ControlVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getControlStateTokens<Tokens>(\n  tokens: VisualStateTokens<ControlVisualState, Tokens>,\n  state: ControlState,\n): Tokens {\n  const { disabled = false, focused = false } = state;\n\n  if (disabled) return tokens.disabled;\n  return focused ? tokens.focused : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,sBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,UAAU,MAAM,IAAI;AAE9C,MAAI,SAAU,QAAO,OAAO;AAC5B,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}

package/dist/utils/datetime-picker-state.utils.d.mts

@@ -0,0 +1,6 @@
+import { DatetimePickerDayTokens, DatetimePickerDayState, DatetimePickerDayAppearanceTokens } from '../types/datetime-picker-tokens.types.mjs';
+import '../types/components.types.mjs';
+
+declare function getDatetimePickerDayStateTokens(tokens: DatetimePickerDayTokens["states"], state: DatetimePickerDayState): DatetimePickerDayAppearanceTokens;
+
+export { getDatetimePickerDayStateTokens };

package/dist/utils/datetime-picker-state.utils.js

@@ -0,0 +1,10 @@
+function getDatetimePickerDayStateTokens(tokens, state) {
+  const { currentMonth = false, inRange = false, selected = false } = state;
+  if (selected) return tokens.selected;
+  if (inRange) return tokens.range;
+  return currentMonth ? tokens.default : tokens.outsideMonth;
+}
+export {
+  getDatetimePickerDayStateTokens
+};
+//# sourceMappingURL=datetime-picker-state.utils.js.map

package/dist/utils/datetime-picker-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/datetime-picker-state.utils.ts"],"sourcesContent":["import type {\n  DatetimePickerDayAppearanceTokens,\n  DatetimePickerDayState,\n  DatetimePickerDayTokens,\n} from \"../types\";\n\nexport function getDatetimePickerDayStateTokens(\n  tokens: DatetimePickerDayTokens[\"states\"],\n  state: DatetimePickerDayState,\n): DatetimePickerDayAppearanceTokens {\n  const { currentMonth = false, inRange = false, selected = false } = state;\n\n  if (selected) return tokens.selected;\n  if (inRange) return tokens.range;\n  return currentMonth ? tokens.default : tokens.outsideMonth;\n}\n"],"mappings":"AAMO,SAAS,gCACd,QACA,OACmC;AACnC,QAAM,EAAE,eAAe,OAAO,UAAU,OAAO,WAAW,MAAM,IAAI;AAEpE,MAAI,SAAU,QAAO,OAAO;AAC5B,MAAI,QAAS,QAAO,OAAO;AAC3B,SAAO,eAAe,OAAO,UAAU,OAAO;AAChD;","names":[]}

package/dist/utils/field-state.utils.d.mts

@@ -0,0 +1,5 @@
+import { VisualStateTokens, FieldVisualState, FieldState } from '../types/components.types.mjs';
+
+declare function getFieldStateTokens<Tokens>(tokens: VisualStateTokens<FieldVisualState, Tokens>, state: FieldState): Tokens;
+
+export { getFieldStateTokens };

package/dist/utils/field-state.utils.js

@@ -0,0 +1,9 @@
+function getFieldStateTokens(tokens, state) {
+  const { disabled = false, error = false } = state;
+  if (disabled) return error ? tokens.disabledError : tokens.disabled;
+  return error ? tokens.error : tokens.default;
+}
+export {
+  getFieldStateTokens
+};
+//# sourceMappingURL=field-state.utils.js.map

package/dist/utils/field-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/field-state.utils.ts"],"sourcesContent":["import type { FieldState, FieldVisualState, VisualStateTokens } from \"../types\";\n\nexport function getFieldStateTokens<Tokens>(\n  tokens: VisualStateTokens<FieldVisualState, Tokens>,\n  state: FieldState,\n): Tokens {\n  const { disabled = false, error = false } = state;\n\n  if (disabled) return error ? tokens.disabledError : tokens.disabled;\n  return error ? tokens.error : tokens.default;\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,QAAQ,MAAM,IAAI;AAE5C,MAAI,SAAU,QAAO,QAAQ,OAAO,gBAAgB,OAAO;AAC3D,SAAO,QAAQ,OAAO,QAAQ,OAAO;AACvC;","names":[]}

package/dist/utils/index.d.mts

@@ -1,4 +1,13 @@
+export { getActionStateTokens } from './action-state.utils.mjs';
+export { getAvailabilityStateTokens } from './availability-state.utils.mjs';
+export { getControlStateTokens } from './control-state.utils.mjs';
+export { getDatetimePickerDayStateTokens } from './datetime-picker-state.utils.mjs';
+export { getFieldStateTokens } from './field-state.utils.mjs';
+export { getSelectionItemStateTokens } from './selection-item-state.utils.mjs';
+export { getSelectionStateTokens } from './selection-state.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './style.utils.mjs';
+import '../types/components.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
 import 'react-native';
 import '../types/shadow.types.mjs';
 import '../types/style.types.mjs';
@@ -11,16 +20,14 @@ import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
 import '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
-import '../types/components.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-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';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
@@ -29,6 +36,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/utils/index.js

@@ -1,2 +1,9 @@
+export * from "./action-state.utils";
+export * from "./availability-state.utils";
+export * from "./control-state.utils";
+export * from "./datetime-picker-state.utils";
+export * from "./field-state.utils";
+export * from "./selection-item-state.utils";
+export * from "./selection-state.utils";
 export * from "./style.utils";
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./style.utils\";\r\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./action-state.utils\";\nexport * from \"./availability-state.utils\";\nexport * from \"./control-state.utils\";\nexport * from \"./datetime-picker-state.utils\";\nexport * from \"./field-state.utils\";\nexport * from \"./selection-item-state.utils\";\nexport * from \"./selection-state.utils\";\nexport * from \"./style.utils\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/utils/selection-item-state.utils.d.mts

@@ -0,0 +1,5 @@
+import { VisualStateTokens, SelectionItemVisualState, SelectionItemState } from '../types/components.types.mjs';
+
+declare function getSelectionItemStateTokens<Tokens>(tokens: VisualStateTokens<SelectionItemVisualState, Tokens>, state: SelectionItemState): Tokens;
+
+export { getSelectionItemStateTokens };

package/dist/utils/selection-item-state.utils.js

@@ -0,0 +1,8 @@
+function getSelectionItemStateTokens(tokens, state) {
+  const { selected } = state;
+  return selected ? tokens.selected : tokens.default;
+}
+export {
+  getSelectionItemStateTokens
+};
+//# sourceMappingURL=selection-item-state.utils.js.map

package/dist/utils/selection-item-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/selection-item-state.utils.ts"],"sourcesContent":["import type {\n  SelectionItemState,\n  SelectionItemVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getSelectionItemStateTokens<Tokens>(\n  tokens: VisualStateTokens<SelectionItemVisualState, Tokens>,\n  state: SelectionItemState,\n): Tokens {\n  const { selected } = state;\n\n  return selected ? tokens.selected : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,4BACd,QACA,OACQ;AACR,QAAM,EAAE,SAAS,IAAI;AAErB,SAAO,WAAW,OAAO,WAAW,OAAO;AAC7C;","names":[]}

package/dist/utils/selection-state.utils.d.mts

@@ -0,0 +1,5 @@
+import { VisualStateTokens, SelectionVisualState, SelectionState } from '../types/components.types.mjs';
+
+declare function getSelectionStateTokens<Tokens>(tokens: VisualStateTokens<SelectionVisualState, Tokens>, state: SelectionState): Tokens;
+
+export { getSelectionStateTokens };

package/dist/utils/selection-state.utils.js

@@ -0,0 +1,11 @@
+function getSelectionStateTokens(tokens, state) {
+  const { disabled = false, selected } = state;
+  if (disabled) {
+    return selected ? tokens.disabledSelected : tokens.disabledUnselected;
+  }
+  return selected ? tokens.selected : tokens.unselected;
+}
+export {
+  getSelectionStateTokens
+};
+//# sourceMappingURL=selection-state.utils.js.map

package/dist/utils/selection-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/selection-state.utils.ts"],"sourcesContent":["import type {\n  SelectionState,\n  SelectionVisualState,\n  VisualStateTokens,\n} from \"../types\";\n\nexport function getSelectionStateTokens<Tokens>(\n  tokens: VisualStateTokens<SelectionVisualState, Tokens>,\n  state: SelectionState,\n): Tokens {\n  const { disabled = false, selected } = state;\n\n  if (disabled) {\n    return selected ? tokens.disabledSelected : tokens.disabledUnselected;\n  }\n\n  return selected ? tokens.selected : tokens.unselected;\n}\n"],"mappings":"AAMO,SAAS,wBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,SAAS,IAAI;AAEvC,MAAI,UAAU;AACZ,WAAO,WAAW,OAAO,mBAAmB,OAAO;AAAA,EACrD;AAEA,SAAO,WAAW,OAAO,WAAW,OAAO;AAC7C;","names":[]}

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

@@ -17,7 +17,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';
@@ -28,6 +28,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/utils/style.utils.js

@@ -1,5 +1,5 @@
 import { Platform } from "react-native";
-import { shadowScale, StylePropsSet } from "../constants";
+import { ShadowScale, StylePropsSet } from "../constants";
 const isStylePropKey = (k) => StylePropsSet.has(k);
 const extractStyleProps = (props) => {
   const style = {};
@@ -20,7 +20,7 @@ const createStyleKey = (props) => {
   return key;
 };
 const getShadowStyle = (level = "none", position = "bottom", colors) => {
-  const token = shadowScale[level];
+  const token = ShadowScale[level];
   if (level === "none") return {};
   if (Platform.OS === "android") {
     return {

package/dist/utils/style.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/style.utils.ts"],"sourcesContent":["import { Platform, ViewStyle } from \"react-native\";\r\n\r\nimport { shadowScale, StylePropsSet } from \"../constants\";\r\nimport {\r\n  ShadowLevel,\r\n  ShadowPosition,\r\n  StylePropKey,\r\n  StyleProps,\r\n  ThemeColors,\r\n} from \"../types\";\r\n\r\nconst isStylePropKey = (k: string): k is StylePropKey =>\r\n  StylePropsSet.has(k as StylePropKey);\r\n\r\nexport const extractStyleProps = <Props extends object>(\r\n  props: Props,\r\n): StyleProps => {\r\n  const style: StyleProps = {};\r\n\r\n  for (const k in props) {\r\n    if (isStylePropKey(k) && props[k] !== undefined) {\r\n      style[k] = props[k] as any;\r\n    }\r\n  }\r\n\r\n  return style;\r\n};\r\n\r\nexport const createStyleKey = <Props extends object>(props: Props) => {\r\n  let key = \"\";\r\n\r\n  for (const k in props) {\r\n    if (isStylePropKey(k)) {\r\n      key += String(props[k as keyof Props]);\r\n    }\r\n  }\r\n\r\n  return key;\r\n};\r\n\r\nexport const getShadowStyle = (\r\n  level: ShadowLevel = \"none\",\r\n  position: ShadowPosition = \"bottom\",\r\n  colors: ThemeColors,\r\n): ViewStyle => {\r\n  const token = shadowScale[level];\r\n\r\n  if (level === \"none\") return {};\r\n\r\n  if (Platform.OS === \"android\") {\r\n    return {\r\n      elevation: token.elevation,\r\n    };\r\n  }\r\n\r\n  let offsetY = 0;\r\n\r\n  if (position === \"bottom\") offsetY = token.radius / 2;\r\n  if (position === \"top\") offsetY = -token.radius / 2;\r\n  if (position === \"around\") offsetY = 0;\r\n\r\n  return {\r\n    shadowColor: colors.black,\r\n    shadowOpacity: token.opacity,\r\n    shadowRadius: token.radius,\r\n    shadowOffset: {\r\n      width: 0,\r\n      height: offsetY,\r\n    },\r\n  };\r\n};\r\n"],"mappings":"AAAA,SAAS,gBAA2B;AAEpC,SAAS,aAAa,qBAAqB;AAS3C,MAAM,iBAAiB,CAAC,MACtB,cAAc,IAAI,CAAiB;AAE9B,MAAM,oBAAoB,CAC/B,UACe;AACf,QAAM,QAAoB,CAAC;AAE3B,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,KAAK,MAAM,CAAC,MAAM,QAAW;AAC/C,YAAM,CAAC,IAAI,MAAM,CAAC;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAuB,UAAiB;AACpE,MAAI,MAAM;AAEV,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,GAAG;AACrB,aAAO,OAAO,MAAM,CAAgB,CAAC;AAAA,IACvC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,QAAqB,QACrB,WAA2B,UAC3B,WACc;AACd,QAAM,QAAQ,YAAY,KAAK;AAE/B,MAAI,UAAU,OAAQ,QAAO,CAAC;AAE9B,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,SAAU,WAAU,MAAM,SAAS;AACpD,MAAI,aAAa,MAAO,WAAU,CAAC,MAAM,SAAS;AAClD,MAAI,aAAa,SAAU,WAAU;AAErC,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,eAAe,MAAM;AAAA,IACrB,cAAc,MAAM;AAAA,IACpB,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/style.utils.ts"],"sourcesContent":["import { Platform, ViewStyle } from \"react-native\";\n\nimport { ShadowScale, StylePropsSet } from \"../constants\";\nimport {\n  ShadowLevel,\n  ShadowPosition,\n  StylePropKey,\n  StyleProps,\n  ThemeColors,\n} from \"../types\";\n\nconst isStylePropKey = (k: string): k is StylePropKey =>\n  StylePropsSet.has(k as StylePropKey);\n\nexport const extractStyleProps = <Props extends object>(\n  props: Props,\n): StyleProps => {\n  const style: StyleProps = {};\n\n  for (const k in props) {\n    if (isStylePropKey(k) && props[k] !== undefined) {\n      style[k] = props[k] as any;\n    }\n  }\n\n  return style;\n};\n\nexport const createStyleKey = <Props extends object>(props: Props) => {\n  let key = \"\";\n\n  for (const k in props) {\n    if (isStylePropKey(k)) {\n      key += String(props[k as keyof Props]);\n    }\n  }\n\n  return key;\n};\n\nexport const getShadowStyle = (\n  level: ShadowLevel = \"none\",\n  position: ShadowPosition = \"bottom\",\n  colors: ThemeColors,\n): ViewStyle => {\n  const token = ShadowScale[level];\n\n  if (level === \"none\") return {};\n\n  if (Platform.OS === \"android\") {\n    return {\n      elevation: token.elevation,\n    };\n  }\n\n  let offsetY = 0;\n\n  if (position === \"bottom\") offsetY = token.radius / 2;\n  if (position === \"top\") offsetY = -token.radius / 2;\n  if (position === \"around\") offsetY = 0;\n\n  return {\n    shadowColor: colors.black,\n    shadowOpacity: token.opacity,\n    shadowRadius: token.radius,\n    shadowOffset: {\n      width: 0,\n      height: offsetY,\n    },\n  };\n};\n"],"mappings":"AAAA,SAAS,gBAA2B;AAEpC,SAAS,aAAa,qBAAqB;AAS3C,MAAM,iBAAiB,CAAC,MACtB,cAAc,IAAI,CAAiB;AAE9B,MAAM,oBAAoB,CAC/B,UACe;AACf,QAAM,QAAoB,CAAC;AAE3B,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,KAAK,MAAM,CAAC,MAAM,QAAW;AAC/C,YAAM,CAAC,IAAI,MAAM,CAAC;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAuB,UAAiB;AACpE,MAAI,MAAM;AAEV,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,GAAG;AACrB,aAAO,OAAO,MAAM,CAAgB,CAAC;AAAA,IACvC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,QAAqB,QACrB,WAA2B,UAC3B,WACc;AACd,QAAM,QAAQ,YAAY,KAAK;AAE/B,MAAI,UAAU,OAAQ,QAAO,CAAC;AAE9B,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,SAAU,WAAU,MAAM,SAAS;AACpD,MAAI,aAAa,MAAO,WAAU,CAAC,MAAM,SAAS;AAClD,MAAI,aAAa,SAAU,WAAU;AAErC,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,eAAe,MAAM;AAAA,IACrB,cAAc,MAAM;AAAA,IACpB,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "2.9.0",
+  "version": "4.0.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.9.0"
+    "@impulse-ui-native/core": "4.0.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -37,8 +37,8 @@
     "react": "19.2.3",
     "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/prettier-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {

package/dist/types/control-tokes.types.d.mts

@@ -1,62 +0,0 @@
-import { ComponentVariant, ComponentSize } from './components.types.mjs';
-
-type ControlAddonVariantTokens = Record<ComponentVariant, {
-    iconColor: string;
-    errorIconColor: string;
-    disabledIconColor: string;
-}>;
-interface ControlAddonTokens {
-    marginHorizontal: number;
-    hitSlop: number;
-    variants: ControlAddonVariantTokens;
-}
-type ControlContainerSizeTokens = Record<ComponentSize, {
-    height: number;
-    paddingHorizontal: number;
-}>;
-type ControlContainerVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    errorBorderColor: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-}>;
-interface ControlContainerTokens {
-    borderWidth: number;
-    borderRadius: number;
-    disabledOpacity: number;
-    sizes: ControlContainerSizeTokens;
-    variants: ControlContainerVariantTokens;
-}
-interface ControlErrorTokens {
-    marginTop: number;
-    color: string;
-    fontSize: number;
-}
-type ControlInputSizeTokens = Record<ComponentSize, {
-    fontSize: number;
-}>;
-type ControlInputVariantTokens = Record<ComponentVariant, {
-    color: string;
-    placeholderColor: string;
-    disabledColor: string;
-    disabledPlaceholderColor: string;
-    errorColor: string;
-    errorPlaceholderColor: string;
-}>;
-interface ControlInputTokens {
-    flex: number;
-    fontFamily: string;
-    paddingHorizontal: number;
-    sizes: ControlInputSizeTokens;
-    variants: ControlInputVariantTokens;
-}
-interface ControlLabelTokens {
-    marginBottom: number;
-    fontSize: number;
-    color: string;
-    disabledColor: string;
-    errorColor: string;
-}
-
-export type { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };

package/dist/types/control-tokes.types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=control-tokes.types.js.map