@impulse-ui-native/theme 2.7.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/hooks/index.d.mts +6 -0
  2. package/dist/hooks/use-colors.hook.d.mts +6 -0
  3. package/dist/hooks/use-components-tokens.hook.d.mts +6 -0
  4. package/dist/hooks/use-theme.hook.d.mts +6 -0
  5. package/dist/hooks/use-themed-styles.d.mts +6 -0
  6. package/dist/index.d.mts +6 -0
  7. package/dist/providers/index.d.mts +6 -0
  8. package/dist/providers/theme.provider.d.mts +6 -0
  9. package/dist/theme/create-accordion-tokens.d.mts +29 -0
  10. package/dist/theme/create-accordion-tokens.js +32 -0
  11. package/dist/theme/create-accordion-tokens.js.map +1 -0
  12. package/dist/theme/create-avatar-tokens.d.mts +29 -0
  13. package/dist/theme/create-avatar-tokens.js +68 -0
  14. package/dist/theme/create-avatar-tokens.js.map +1 -0
  15. package/dist/theme/create-button-tokens.d.mts +6 -0
  16. package/dist/theme/create-card-tokens.d.mts +29 -0
  17. package/dist/theme/create-card-tokens.js +25 -0
  18. package/dist/theme/create-card-tokens.js.map +1 -0
  19. package/dist/theme/create-checkbox-tokens.d.mts +6 -0
  20. package/dist/theme/create-control-tokens.d.mts +6 -0
  21. package/dist/theme/create-data-state-tokens.d.mts +6 -0
  22. package/dist/theme/create-datetime-picker.d.mts +6 -0
  23. package/dist/theme/create-divider-tokens.d.mts +29 -0
  24. package/dist/theme/create-divider-tokens.js +17 -0
  25. package/dist/theme/create-divider-tokens.js.map +1 -0
  26. package/dist/theme/create-flyout-tokens.d.mts +6 -0
  27. package/dist/theme/create-icon-button-tokens.d.mts +6 -0
  28. package/dist/theme/create-progress-tokens.d.mts +29 -0
  29. package/dist/theme/create-progress-tokens.js +46 -0
  30. package/dist/theme/create-progress-tokens.js.map +1 -0
  31. package/dist/theme/create-radio-tokens.d.mts +6 -0
  32. package/dist/theme/create-select-tokens.d.mts +6 -0
  33. package/dist/theme/create-skeleton-tokens.d.mts +6 -0
  34. package/dist/theme/create-spinner-tokens.d.mts +29 -0
  35. package/dist/theme/create-spinner-tokens.js +20 -0
  36. package/dist/theme/create-spinner-tokens.js.map +1 -0
  37. package/dist/theme/create-stepper-tokens.d.mts +6 -0
  38. package/dist/theme/create-switch-tokens.d.mts +6 -0
  39. package/dist/theme/create-tag-tokens.d.mts +6 -0
  40. package/dist/theme/create-textarea-tokens.d.mts +6 -0
  41. package/dist/theme/create-time-picker-tokens.d.mts +6 -0
  42. package/dist/theme/dark.theme.d.mts +6 -0
  43. package/dist/theme/index.d.mts +6 -0
  44. package/dist/theme/light.theme.d.mts +6 -0
  45. package/dist/theme/tokens.theme.d.mts +6 -0
  46. package/dist/theme/tokens.theme.js +12 -0
  47. package/dist/theme/tokens.theme.js.map +1 -1
  48. package/dist/types/accordion-tokens.types.d.mts +28 -0
  49. package/dist/types/accordion-tokens.types.js +1 -0
  50. package/dist/types/accordion-tokens.types.js.map +1 -0
  51. package/dist/types/avatar-tokens.types.d.mts +24 -0
  52. package/dist/types/avatar-tokens.types.js +1 -0
  53. package/dist/types/avatar-tokens.types.js.map +1 -0
  54. package/dist/types/card-tokens.types.d.mts +16 -0
  55. package/dist/types/card-tokens.types.js +1 -0
  56. package/dist/types/card-tokens.types.js.map +1 -0
  57. package/dist/types/divider-tokens.types.d.mts +8 -0
  58. package/dist/types/divider-tokens.types.js +1 -0
  59. package/dist/types/divider-tokens.types.js.map +1 -0
  60. package/dist/types/index.d.mts +6 -0
  61. package/dist/types/index.js +6 -0
  62. package/dist/types/index.js.map +1 -1
  63. package/dist/types/progress-tokens.types.d.mts +23 -0
  64. package/dist/types/progress-tokens.types.js +1 -0
  65. package/dist/types/progress-tokens.types.js.map +1 -0
  66. package/dist/types/spinner-tokens.types.d.mts +10 -0
  67. package/dist/types/spinner-tokens.types.js +1 -0
  68. package/dist/types/spinner-tokens.types.js.map +1 -0
  69. package/dist/types/theme-provider.types.d.mts +12 -0
  70. package/dist/utils/index.d.mts +6 -0
  71. package/dist/utils/style.utils.d.mts +6 -0
  72. package/package.json +3 -3
@@ -11,17 +11,23 @@ export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, E
11
11
  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';
12
12
  export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
13
13
  export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
14
+ export { AccordionTokens } from './accordion-tokens.types.mjs';
15
+ export { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens } from './avatar-tokens.types.mjs';
16
+ export { CardSectionTokens, CardTokens } from './card-tokens.types.mjs';
14
17
  export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './checkbox-tokens.types.mjs';
15
18
  export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './tag-tokens.types.mjs';
16
19
  export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
17
20
  export { SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
18
21
  export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
22
+ export { DividerTokens, DividerTone } from './divider-tokens.types.mjs';
19
23
  export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
20
24
  export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './flyout-tokens.types.mjs';
21
25
  export { IconTokens } from './icon-tokens.types.mjs';
22
26
  export { PressableTokens } from './pressable-tokens.types.mjs';
27
+ export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './progress-tokens.types.mjs';
23
28
  export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-tokens.types.mjs';
24
29
  export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
30
+ export { SpinnerTokens, SpinnerTone } from './spinner-tokens.types.mjs';
25
31
  export { StepperNavigationTokens, StepperTokens } from './stepper-tokens.types.mjs';
26
32
  export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './switch-tokens.types.mjs';
27
33
  export { TextareaSizeTokens, TextareaTokens } from './textarea-tokens.types.mjs';
@@ -11,17 +11,23 @@ export * from "./theme-provider.types";
11
11
  export * from "./tokens.types";
12
12
  export * from "./typography.types";
13
13
  export * from "./buttons-tokens.types";
14
+ export * from "./accordion-tokens.types";
15
+ export * from "./avatar-tokens.types";
16
+ export * from "./card-tokens.types";
14
17
  export * from "./checkbox-tokens.types";
15
18
  export * from "./tag-tokens.types";
16
19
  export * from "./control-tokes.types";
17
20
  export * from "./select-tokens.types";
18
21
  export * from "./datetime-picker-tokens.types";
22
+ export * from "./divider-tokens.types";
19
23
  export * from "./time-picker-token.types";
20
24
  export * from "./flyout-tokens.types";
21
25
  export * from "./icon-tokens.types";
22
26
  export * from "./pressable-tokens.types";
27
+ export * from "./progress-tokens.types";
23
28
  export * from "./radio-tokens.types";
24
29
  export * from "./skeleton-tokens.types";
30
+ export * from "./spinner-tokens.types";
25
31
  export * from "./stepper-tokens.types";
26
32
  export * from "./switch-tokens.types";
27
33
  export * from "./textarea-tokens.types";
@@ -1 +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 \"./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":[]}
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 \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./card-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 \"./divider-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 \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./spinner-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;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
@@ -0,0 +1,23 @@
1
+ import { ComponentSize } from './components.types.mjs';
2
+ import { SpinnerTone } from './spinner-tokens.types.mjs';
3
+
4
+ type ProgressVariant = "linear" | "circular";
5
+ type ProgressTone = SpinnerTone;
6
+ interface ProgressSizeTokens {
7
+ linearHeight: number;
8
+ circularSize: number;
9
+ circularStrokeWidth: number;
10
+ }
11
+ interface ProgressColorTokens {
12
+ indicatorColor: string;
13
+ trackColor: string;
14
+ }
15
+ interface ProgressTokens {
16
+ animationDuration: number;
17
+ borderRadius: number;
18
+ indeterminateLinearWidth: number;
19
+ sizes: Record<ComponentSize, ProgressSizeTokens>;
20
+ colors: Record<ProgressTone, ProgressColorTokens>;
21
+ }
22
+
23
+ export type { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=progress-tokens.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,10 @@
1
+ import { ComponentSize } from './components.types.mjs';
2
+
3
+ type SpinnerTone = "primary" | "secondary" | "neutral" | "inverse";
4
+ interface SpinnerTokens {
5
+ baseSize: number;
6
+ sizes: Record<ComponentSize, number>;
7
+ colors: Record<SpinnerTone, string>;
8
+ }
9
+
10
+ export type { SpinnerTokens, SpinnerTone };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=spinner-tokens.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,14 +1,20 @@
1
1
  import { CheckboxTokens } from './checkbox-tokens.types.mjs';
2
2
  import { RadioTokens } from './radio-tokens.types.mjs';
3
+ import { AccordionTokens } from './accordion-tokens.types.mjs';
4
+ import { AvatarTokens } from './avatar-tokens.types.mjs';
3
5
  import { ButtonTokens, IconButtonTokens } from './buttons-tokens.types.mjs';
6
+ import { CardTokens } from './card-tokens.types.mjs';
4
7
  import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from './control-tokes.types.mjs';
5
8
  import { DataStateTokens } from './data-state-tokens.types.mjs';
6
9
  import { DatetimePickerTokens } from './datetime-picker-tokens.types.mjs';
10
+ import { DividerTokens } from './divider-tokens.types.mjs';
7
11
  import { FlyoutTokens } from './flyout-tokens.types.mjs';
8
12
  import { IconTokens } from './icon-tokens.types.mjs';
9
13
  import { PressableTokens } from './pressable-tokens.types.mjs';
14
+ import { ProgressTokens } from './progress-tokens.types.mjs';
10
15
  import { SelectTokens } from './select-tokens.types.mjs';
11
16
  import { SkeletonTokens } from './skeleton-tokens.types.mjs';
17
+ import { SpinnerTokens } from './spinner-tokens.types.mjs';
12
18
  import { StepperTokens } from './stepper-tokens.types.mjs';
13
19
  import { SwitchTokens } from './switch-tokens.types.mjs';
14
20
  import { TagTokens } from './tag-tokens.types.mjs';
@@ -65,11 +71,15 @@ interface ComponentsThemes {
65
71
  (theme: PrimitiveThemeTokens): ComponentsTokens;
66
72
  }
67
73
  interface ComponentsTokens {
74
+ accordion: AccordionTokens;
75
+ avatar: AvatarTokens;
68
76
  button: ButtonTokens;
77
+ card: CardTokens;
69
78
  checkbox: CheckboxTokens;
70
79
  iconButton: IconButtonTokens;
71
80
  icon: IconTokens;
72
81
  pressable: PressableTokens;
82
+ progress: ProgressTokens;
73
83
  radio: RadioTokens;
74
84
  tag: TagTokens;
75
85
  controlAddon: ControlAddonTokens;
@@ -79,9 +89,11 @@ interface ComponentsTokens {
79
89
  controlLabel: ControlLabelTokens;
80
90
  select: SelectTokens;
81
91
  datetimePicker: DatetimePickerTokens;
92
+ divider: DividerTokens;
82
93
  timePicker: TimePickerTokens;
83
94
  flyout: FlyoutTokens;
84
95
  skeleton: SkeletonTokens;
96
+ spinner: SpinnerTokens;
85
97
  stepper: StepperTokens;
86
98
  switch: SwitchTokens;
87
99
  textarea: TextareaTokens;
@@ -13,13 +13,19 @@ import '../types/theme-provider.types.mjs';
13
13
  import '../types/checkbox-tokens.types.mjs';
14
14
  import '../types/components.types.mjs';
15
15
  import '../types/radio-tokens.types.mjs';
16
+ import '../types/accordion-tokens.types.mjs';
17
+ import '../types/avatar-tokens.types.mjs';
16
18
  import '../types/buttons-tokens.types.mjs';
19
+ import '../types/card-tokens.types.mjs';
17
20
  import '../types/control-tokes.types.mjs';
18
21
  import '../types/data-state-tokens.types.mjs';
19
22
  import '../types/datetime-picker-tokens.types.mjs';
23
+ import '../types/divider-tokens.types.mjs';
20
24
  import '../types/flyout-tokens.types.mjs';
21
25
  import '../types/icon-tokens.types.mjs';
22
26
  import '../types/pressable-tokens.types.mjs';
27
+ import '../types/progress-tokens.types.mjs';
28
+ import '../types/spinner-tokens.types.mjs';
23
29
  import '../types/select-tokens.types.mjs';
24
30
  import '../types/skeleton-tokens.types.mjs';
25
31
  import '../types/stepper-tokens.types.mjs';
@@ -12,13 +12,19 @@ import '../types/tokens.types.mjs';
12
12
  import '../types/checkbox-tokens.types.mjs';
13
13
  import '../types/components.types.mjs';
14
14
  import '../types/radio-tokens.types.mjs';
15
+ import '../types/accordion-tokens.types.mjs';
16
+ import '../types/avatar-tokens.types.mjs';
15
17
  import '../types/buttons-tokens.types.mjs';
18
+ import '../types/card-tokens.types.mjs';
16
19
  import '../types/control-tokes.types.mjs';
17
20
  import '../types/data-state-tokens.types.mjs';
18
21
  import '../types/datetime-picker-tokens.types.mjs';
22
+ import '../types/divider-tokens.types.mjs';
19
23
  import '../types/flyout-tokens.types.mjs';
20
24
  import '../types/icon-tokens.types.mjs';
21
25
  import '../types/pressable-tokens.types.mjs';
26
+ import '../types/progress-tokens.types.mjs';
27
+ import '../types/spinner-tokens.types.mjs';
22
28
  import '../types/select-tokens.types.mjs';
23
29
  import '../types/skeleton-tokens.types.mjs';
24
30
  import '../types/stepper-tokens.types.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@impulse-ui-native/theme",
3
- "version": "2.7.0",
3
+ "version": "2.8.0",
4
4
  "description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
5
5
  "keywords": [
6
6
  "react-native",
@@ -28,7 +28,7 @@
28
28
  ],
29
29
  "sideEffects": false,
30
30
  "dependencies": {
31
- "@impulse-ui-native/core": "2.7.0"
31
+ "@impulse-ui-native/core": "2.8.0"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@types/react": "~19.2.14",
@@ -37,8 +37,8 @@
37
37
  "react": "19.2.3",
38
38
  "react-native": "0.86.2",
39
39
  "typescript": "~6.0.3",
40
- "@impulse-ui-native/eslint-config": "1.0.0",
41
40
  "@impulse-ui-native/prettier-config": "1.0.0",
41
+ "@impulse-ui-native/eslint-config": "1.0.0",
42
42
  "@impulse-ui-native/tsconfig": "1.0.0"
43
43
  },
44
44
  "peerDependencies": {