@impulse-ui-native/theme 3.0.0 → 4.0.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 (117) hide show
  1. package/dist/hooks/index.d.mts +1 -1
  2. package/dist/hooks/use-colors.hook.d.mts +1 -1
  3. package/dist/hooks/use-components-tokens.hook.d.mts +1 -1
  4. package/dist/hooks/use-theme.hook.d.mts +1 -1
  5. package/dist/hooks/use-themed-styles.d.mts +1 -1
  6. package/dist/index.d.mts +20 -13
  7. package/dist/providers/index.d.mts +1 -1
  8. package/dist/providers/theme.provider.d.mts +1 -1
  9. package/dist/theme/create-accordion-tokens.d.mts +1 -1
  10. package/dist/theme/create-accordion-tokens.js +24 -7
  11. package/dist/theme/create-accordion-tokens.js.map +1 -1
  12. package/dist/theme/create-avatar-tokens.d.mts +1 -1
  13. package/dist/theme/create-avatar-tokens.js +0 -10
  14. package/dist/theme/create-avatar-tokens.js.map +1 -1
  15. package/dist/theme/create-badge-tokens.d.mts +1 -1
  16. package/dist/theme/create-badge-tokens.js +0 -10
  17. package/dist/theme/create-badge-tokens.js.map +1 -1
  18. package/dist/theme/create-button-tokens.d.mts +1 -1
  19. package/dist/theme/create-button-tokens.js +60 -32
  20. package/dist/theme/create-button-tokens.js.map +1 -1
  21. package/dist/theme/create-card-tokens.d.mts +1 -1
  22. package/dist/theme/create-checkbox-tokens.d.mts +1 -1
  23. package/dist/theme/create-checkbox-tokens.js +60 -24
  24. package/dist/theme/create-checkbox-tokens.js.map +1 -1
  25. package/dist/theme/create-control-tokens.d.mts +1 -1
  26. package/dist/theme/create-control-tokens.js +86 -97
  27. package/dist/theme/create-control-tokens.js.map +1 -1
  28. package/dist/theme/create-data-state-tokens.d.mts +1 -1
  29. package/dist/theme/create-data-state-tokens.js.map +1 -1
  30. package/dist/theme/create-datetime-picker.d.mts +1 -1
  31. package/dist/theme/create-datetime-picker.js +18 -6
  32. package/dist/theme/create-datetime-picker.js.map +1 -1
  33. package/dist/theme/create-divider-tokens.d.mts +1 -1
  34. package/dist/theme/create-flyout-tokens.d.mts +1 -1
  35. package/dist/theme/create-flyout-tokens.js.map +1 -1
  36. package/dist/theme/create-icon-button-tokens.d.mts +1 -1
  37. package/dist/theme/create-icon-button-tokens.js +60 -32
  38. package/dist/theme/create-icon-button-tokens.js.map +1 -1
  39. package/dist/theme/create-progress-tokens.d.mts +1 -1
  40. package/dist/theme/create-radio-tokens.d.mts +1 -1
  41. package/dist/theme/create-radio-tokens.js +60 -24
  42. package/dist/theme/create-radio-tokens.js.map +1 -1
  43. package/dist/theme/create-select-tokens.d.mts +1 -1
  44. package/dist/theme/create-select-tokens.js +10 -3
  45. package/dist/theme/create-select-tokens.js.map +1 -1
  46. package/dist/theme/create-skeleton-tokens.d.mts +1 -1
  47. package/dist/theme/create-skeleton-tokens.js.map +1 -1
  48. package/dist/theme/create-slider-tokens.d.mts +1 -1
  49. package/dist/theme/create-slider-tokens.js +135 -32
  50. package/dist/theme/create-slider-tokens.js.map +1 -1
  51. package/dist/theme/create-spinner-tokens.d.mts +1 -1
  52. package/dist/theme/create-stepper-tokens.d.mts +1 -1
  53. package/dist/theme/create-switch-tokens.d.mts +1 -1
  54. package/dist/theme/create-switch-tokens.js +48 -25
  55. package/dist/theme/create-switch-tokens.js.map +1 -1
  56. package/dist/theme/create-tag-tokens.d.mts +1 -1
  57. package/dist/theme/create-tag-tokens.js +228 -68
  58. package/dist/theme/create-tag-tokens.js.map +1 -1
  59. package/dist/theme/create-textarea-tokens.d.mts +1 -1
  60. package/dist/theme/create-textarea-tokens.js +6 -3
  61. package/dist/theme/create-textarea-tokens.js.map +1 -1
  62. package/dist/theme/create-time-picker-tokens.d.mts +1 -1
  63. package/dist/theme/create-time-picker-tokens.js +10 -4
  64. package/dist/theme/create-time-picker-tokens.js.map +1 -1
  65. package/dist/theme/dark.theme.d.mts +1 -1
  66. package/dist/theme/index.d.mts +1 -1
  67. package/dist/theme/light.theme.d.mts +1 -1
  68. package/dist/theme/tokens.theme.d.mts +1 -1
  69. package/dist/types/accordion-tokens.types.d.mts +11 -7
  70. package/dist/types/avatar-tokens.types.d.mts +2 -2
  71. package/dist/types/badge-tokens.types.d.mts +2 -2
  72. package/dist/types/buttons-tokens.types.d.mts +6 -15
  73. package/dist/types/checkbox-tokens.types.d.mts +5 -9
  74. package/dist/types/components.types.d.mts +36 -2
  75. package/dist/types/control-tokens.types.d.mts +57 -0
  76. package/dist/types/control-tokens.types.js +1 -0
  77. package/dist/types/datetime-picker-tokens.types.d.mts +14 -7
  78. package/dist/types/index.d.mts +13 -13
  79. package/dist/types/index.js +1 -1
  80. package/dist/types/index.js.map +1 -1
  81. package/dist/types/radio-tokens.types.d.mts +5 -9
  82. package/dist/types/select-tokens.types.d.mts +8 -4
  83. package/dist/types/slider-tokens.types.d.mts +12 -13
  84. package/dist/types/switch-tokens.types.d.mts +11 -13
  85. package/dist/types/tag-tokens.types.d.mts +5 -7
  86. package/dist/types/textarea-tokens.types.d.mts +6 -5
  87. package/dist/types/theme-provider.types.d.mts +1 -1
  88. package/dist/types/time-picker-token.types.d.mts +8 -5
  89. package/dist/utils/action-state.utils.d.mts +5 -0
  90. package/dist/utils/action-state.utils.js +9 -0
  91. package/dist/utils/action-state.utils.js.map +1 -0
  92. package/dist/utils/availability-state.utils.d.mts +5 -0
  93. package/dist/utils/availability-state.utils.js +8 -0
  94. package/dist/utils/availability-state.utils.js.map +1 -0
  95. package/dist/utils/control-state.utils.d.mts +5 -0
  96. package/dist/utils/control-state.utils.js +9 -0
  97. package/dist/utils/control-state.utils.js.map +1 -0
  98. package/dist/utils/datetime-picker-state.utils.d.mts +6 -0
  99. package/dist/utils/datetime-picker-state.utils.js +10 -0
  100. package/dist/utils/datetime-picker-state.utils.js.map +1 -0
  101. package/dist/utils/field-state.utils.d.mts +5 -0
  102. package/dist/utils/field-state.utils.js +9 -0
  103. package/dist/utils/field-state.utils.js.map +1 -0
  104. package/dist/utils/index.d.mts +10 -3
  105. package/dist/utils/index.js +7 -0
  106. package/dist/utils/index.js.map +1 -1
  107. package/dist/utils/selection-item-state.utils.d.mts +5 -0
  108. package/dist/utils/selection-item-state.utils.js +8 -0
  109. package/dist/utils/selection-item-state.utils.js.map +1 -0
  110. package/dist/utils/selection-state.utils.d.mts +5 -0
  111. package/dist/utils/selection-state.utils.js +11 -0
  112. package/dist/utils/selection-state.utils.js.map +1 -0
  113. package/dist/utils/style.utils.d.mts +1 -1
  114. package/package.json +2 -2
  115. package/dist/types/control-tokes.types.d.mts +0 -62
  116. package/dist/types/control-tokes.types.js +0 -1
  117. /package/dist/types/{control-tokes.types.js.map → control-tokens.types.js.map} +0 -0
@@ -0,0 +1,8 @@
1
+ function getSelectionItemStateTokens(tokens, state) {
2
+ const { selected } = state;
3
+ return selected ? tokens.selected : tokens.default;
4
+ }
5
+ export {
6
+ getSelectionItemStateTokens
7
+ };
8
+ //# sourceMappingURL=selection-item-state.utils.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,5 @@
1
+ import { VisualStateTokens, SelectionVisualState, SelectionState } from '../types/components.types.mjs';
2
+
3
+ declare function getSelectionStateTokens<Tokens>(tokens: VisualStateTokens<SelectionVisualState, Tokens>, state: SelectionState): Tokens;
4
+
5
+ export { getSelectionStateTokens };
@@ -0,0 +1,11 @@
1
+ function getSelectionStateTokens(tokens, state) {
2
+ const { disabled = false, selected } = state;
3
+ if (disabled) {
4
+ return selected ? tokens.disabledSelected : tokens.disabledUnselected;
5
+ }
6
+ return selected ? tokens.selected : tokens.unselected;
7
+ }
8
+ export {
9
+ getSelectionStateTokens
10
+ };
11
+ //# sourceMappingURL=selection-state.utils.js.map
@@ -0,0 +1 @@
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":[]}
@@ -17,7 +17,7 @@ import '../types/accordion-tokens.types.mjs';
17
17
  import '../types/avatar-tokens.types.mjs';
18
18
  import '../types/buttons-tokens.types.mjs';
19
19
  import '../types/card-tokens.types.mjs';
20
- import '../types/control-tokes.types.mjs';
20
+ import '../types/control-tokens.types.mjs';
21
21
  import '../types/data-state-tokens.types.mjs';
22
22
  import '../types/datetime-picker-tokens.types.mjs';
23
23
  import '../types/divider-tokens.types.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@impulse-ui-native/theme",
3
- "version": "3.0.0",
3
+ "version": "4.0.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": "3.0.0"
31
+ "@impulse-ui-native/core": "4.0.0"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@types/react": "~19.2.14",
@@ -1,62 +0,0 @@
1
- import { ComponentVariant, ComponentSize } from './components.types.mjs';
2
-
3
- type ControlAddonVariantTokens = Record<ComponentVariant, {
4
- iconColor: string;
5
- errorIconColor: string;
6
- disabledIconColor: string;
7
- }>;
8
- interface ControlAddonTokens {
9
- marginHorizontal: number;
10
- hitSlop: number;
11
- variants: ControlAddonVariantTokens;
12
- }
13
- type ControlContainerSizeTokens = Record<ComponentSize, {
14
- height: number;
15
- paddingHorizontal: number;
16
- }>;
17
- type ControlContainerVariantTokens = Record<ComponentVariant, {
18
- backgroundColor: string;
19
- borderColor: string;
20
- errorBorderColor: string;
21
- disabledBackgroundColor: string;
22
- disabledBorderColor: string;
23
- }>;
24
- interface ControlContainerTokens {
25
- borderWidth: number;
26
- borderRadius: number;
27
- disabledOpacity: number;
28
- sizes: ControlContainerSizeTokens;
29
- variants: ControlContainerVariantTokens;
30
- }
31
- interface ControlErrorTokens {
32
- marginTop: number;
33
- color: string;
34
- fontSize: number;
35
- }
36
- type ControlInputSizeTokens = Record<ComponentSize, {
37
- fontSize: number;
38
- }>;
39
- type ControlInputVariantTokens = Record<ComponentVariant, {
40
- color: string;
41
- placeholderColor: string;
42
- disabledColor: string;
43
- disabledPlaceholderColor: string;
44
- errorColor: string;
45
- errorPlaceholderColor: string;
46
- }>;
47
- interface ControlInputTokens {
48
- flex: number;
49
- fontFamily: string;
50
- paddingHorizontal: number;
51
- sizes: ControlInputSizeTokens;
52
- variants: ControlInputVariantTokens;
53
- }
54
- interface ControlLabelTokens {
55
- marginBottom: number;
56
- fontSize: number;
57
- color: string;
58
- disabledColor: string;
59
- errorColor: string;
60
- }
61
-
62
- export type { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };
@@ -1 +0,0 @@
1
- //# sourceMappingURL=control-tokes.types.js.map