@impulse-ui-native/theme 3.0.0 → 5.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 (173) hide show
  1. package/README.md +23 -0
  2. package/dist/hooks/index.d.mts +5 -1
  3. package/dist/hooks/use-colors.hook.d.mts +5 -1
  4. package/dist/hooks/use-components-tokens.hook.d.mts +5 -1
  5. package/dist/hooks/use-theme.hook.d.mts +5 -1
  6. package/dist/hooks/use-themed-styles.d.mts +5 -1
  7. package/dist/index.d.mts +35 -16
  8. package/dist/providers/index.d.mts +5 -1
  9. package/dist/providers/theme.provider.d.mts +5 -1
  10. package/dist/theme/create-accordion-tokens.d.mts +5 -1
  11. package/dist/theme/create-accordion-tokens.js +24 -7
  12. package/dist/theme/create-accordion-tokens.js.map +1 -1
  13. package/dist/theme/create-avatar-tokens.d.mts +5 -1
  14. package/dist/theme/create-avatar-tokens.js +1 -11
  15. package/dist/theme/create-avatar-tokens.js.map +1 -1
  16. package/dist/theme/create-badge-tokens.d.mts +6 -2
  17. package/dist/theme/create-badge-tokens.js +7 -16
  18. package/dist/theme/create-badge-tokens.js.map +1 -1
  19. package/dist/theme/create-button-tokens.d.mts +5 -1
  20. package/dist/theme/create-button-tokens.js +60 -33
  21. package/dist/theme/create-button-tokens.js.map +1 -1
  22. package/dist/theme/create-card-tokens.d.mts +5 -1
  23. package/dist/theme/create-carousel-tokens.d.mts +35 -0
  24. package/dist/theme/create-carousel-tokens.js +32 -0
  25. package/dist/theme/create-carousel-tokens.js.map +1 -0
  26. package/dist/theme/create-checkbox-tokens.d.mts +5 -1
  27. package/dist/theme/create-checkbox-tokens.js +60 -24
  28. package/dist/theme/create-checkbox-tokens.js.map +1 -1
  29. package/dist/theme/create-control-tokens.d.mts +5 -1
  30. package/dist/theme/create-control-tokens.js +86 -97
  31. package/dist/theme/create-control-tokens.js.map +1 -1
  32. package/dist/theme/create-data-state-tokens.d.mts +5 -1
  33. package/dist/theme/create-data-state-tokens.js.map +1 -1
  34. package/dist/theme/create-datetime-picker.d.mts +5 -1
  35. package/dist/theme/create-datetime-picker.js +18 -6
  36. package/dist/theme/create-datetime-picker.js.map +1 -1
  37. package/dist/theme/create-divider-tokens.d.mts +5 -1
  38. package/dist/theme/create-divider-tokens.js +64 -2
  39. package/dist/theme/create-divider-tokens.js.map +1 -1
  40. package/dist/theme/create-flyout-tokens.d.mts +5 -1
  41. package/dist/theme/create-flyout-tokens.js +31 -3
  42. package/dist/theme/create-flyout-tokens.js.map +1 -1
  43. package/dist/theme/create-icon-button-tokens.d.mts +5 -1
  44. package/dist/theme/create-icon-button-tokens.js +60 -33
  45. package/dist/theme/create-icon-button-tokens.js.map +1 -1
  46. package/dist/theme/create-list-tokens.d.mts +35 -0
  47. package/dist/theme/create-list-tokens.js +14 -0
  48. package/dist/theme/create-list-tokens.js.map +1 -0
  49. package/dist/theme/create-pagination-tokens.d.mts +35 -0
  50. package/dist/theme/create-pagination-tokens.js +57 -0
  51. package/dist/theme/create-pagination-tokens.js.map +1 -0
  52. package/dist/theme/create-progress-tokens.d.mts +5 -1
  53. package/dist/theme/create-progress-tokens.js +4 -4
  54. package/dist/theme/create-progress-tokens.js.map +1 -1
  55. package/dist/theme/create-radio-tokens.d.mts +5 -1
  56. package/dist/theme/create-radio-tokens.js +60 -24
  57. package/dist/theme/create-radio-tokens.js.map +1 -1
  58. package/dist/theme/create-segmented-control-tokens.d.mts +35 -0
  59. package/dist/theme/create-segmented-control-tokens.js +157 -0
  60. package/dist/theme/create-segmented-control-tokens.js.map +1 -0
  61. package/dist/theme/create-select-tokens.d.mts +5 -1
  62. package/dist/theme/create-select-tokens.js +10 -3
  63. package/dist/theme/create-select-tokens.js.map +1 -1
  64. package/dist/theme/create-skeleton-tokens.d.mts +5 -1
  65. package/dist/theme/create-skeleton-tokens.js +1 -1
  66. package/dist/theme/create-skeleton-tokens.js.map +1 -1
  67. package/dist/theme/create-slider-tokens.d.mts +5 -1
  68. package/dist/theme/create-slider-tokens.js +137 -41
  69. package/dist/theme/create-slider-tokens.js.map +1 -1
  70. package/dist/theme/create-spinner-tokens.d.mts +5 -1
  71. package/dist/theme/create-spinner-tokens.js +1 -1
  72. package/dist/theme/create-spinner-tokens.js.map +1 -1
  73. package/dist/theme/create-stepper-tokens.d.mts +5 -1
  74. package/dist/theme/create-switch-tokens.d.mts +5 -1
  75. package/dist/theme/create-switch-tokens.js +49 -26
  76. package/dist/theme/create-switch-tokens.js.map +1 -1
  77. package/dist/theme/create-tag-tokens.d.mts +5 -1
  78. package/dist/theme/create-tag-tokens.js +228 -68
  79. package/dist/theme/create-tag-tokens.js.map +1 -1
  80. package/dist/theme/create-textarea-tokens.d.mts +5 -1
  81. package/dist/theme/create-textarea-tokens.js +6 -3
  82. package/dist/theme/create-textarea-tokens.js.map +1 -1
  83. package/dist/theme/create-time-picker-tokens.d.mts +5 -1
  84. package/dist/theme/create-time-picker-tokens.js +10 -4
  85. package/dist/theme/create-time-picker-tokens.js.map +1 -1
  86. package/dist/theme/dark.theme.d.mts +5 -1
  87. package/dist/theme/dark.theme.js +2 -2
  88. package/dist/theme/dark.theme.js.map +1 -1
  89. package/dist/theme/index.d.mts +9 -2
  90. package/dist/theme/index.js +3 -0
  91. package/dist/theme/index.js.map +1 -1
  92. package/dist/theme/light.theme.d.mts +5 -1
  93. package/dist/theme/tokens.theme.d.mts +7 -2
  94. package/dist/theme/tokens.theme.js +95 -7
  95. package/dist/theme/tokens.theme.js.map +1 -1
  96. package/dist/types/accordion-tokens.types.d.mts +11 -7
  97. package/dist/types/avatar-tokens.types.d.mts +2 -2
  98. package/dist/types/badge-tokens.types.d.mts +2 -2
  99. package/dist/types/buttons-tokens.types.d.mts +6 -15
  100. package/dist/types/carousel-tokens.types.d.mts +28 -0
  101. package/dist/types/carousel-tokens.types.js +1 -0
  102. package/dist/types/checkbox-tokens.types.d.mts +5 -9
  103. package/dist/types/components.types.d.mts +36 -2
  104. package/dist/types/control-tokens.types.d.mts +57 -0
  105. package/dist/types/control-tokens.types.js +1 -0
  106. package/dist/types/control-tokens.types.js.map +1 -0
  107. package/dist/types/datetime-picker-tokens.types.d.mts +14 -7
  108. package/dist/types/divider-tokens.types.d.mts +20 -3
  109. package/dist/types/flyout-tokens.types.d.mts +22 -3
  110. package/dist/types/index.d.mts +19 -15
  111. package/dist/types/index.js +5 -1
  112. package/dist/types/index.js.map +1 -1
  113. package/dist/types/list-tokens.types.d.mts +15 -0
  114. package/dist/types/list-tokens.types.js +1 -0
  115. package/dist/types/list-tokens.types.js.map +1 -0
  116. package/dist/types/pagination-tokens.types.d.mts +30 -0
  117. package/dist/types/pagination-tokens.types.js +1 -0
  118. package/dist/types/pagination-tokens.types.js.map +1 -0
  119. package/dist/types/radio-tokens.types.d.mts +5 -9
  120. package/dist/types/segmented-control-tokens.types.d.mts +49 -0
  121. package/dist/types/segmented-control-tokens.types.js +1 -0
  122. package/dist/types/segmented-control-tokens.types.js.map +1 -0
  123. package/dist/types/select-tokens.types.d.mts +8 -4
  124. package/dist/types/slider-tokens.types.d.mts +25 -17
  125. package/dist/types/switch-tokens.types.d.mts +11 -13
  126. package/dist/types/tag-tokens.types.d.mts +5 -7
  127. package/dist/types/textarea-tokens.types.d.mts +6 -5
  128. package/dist/types/theme-provider.types.d.mts +9 -1
  129. package/dist/types/time-picker-token.types.d.mts +8 -5
  130. package/dist/utils/action-state.utils.d.mts +5 -0
  131. package/dist/utils/action-state.utils.js +9 -0
  132. package/dist/utils/action-state.utils.js.map +1 -0
  133. package/dist/utils/availability-state.utils.d.mts +5 -0
  134. package/dist/utils/availability-state.utils.js +8 -0
  135. package/dist/utils/availability-state.utils.js.map +1 -0
  136. package/dist/utils/control-state.utils.d.mts +5 -0
  137. package/dist/utils/control-state.utils.js +9 -0
  138. package/dist/utils/control-state.utils.js.map +1 -0
  139. package/dist/utils/datetime-picker-state.utils.d.mts +6 -0
  140. package/dist/utils/datetime-picker-state.utils.js +10 -0
  141. package/dist/utils/datetime-picker-state.utils.js.map +1 -0
  142. package/dist/utils/divider-tokens.utils.d.mts +5 -0
  143. package/dist/utils/divider-tokens.utils.js +10 -0
  144. package/dist/utils/divider-tokens.utils.js.map +1 -0
  145. package/dist/utils/field-state.utils.d.mts +5 -0
  146. package/dist/utils/field-state.utils.js +9 -0
  147. package/dist/utils/field-state.utils.js.map +1 -0
  148. package/dist/utils/flyout-tokens.utils.d.mts +5 -0
  149. package/dist/utils/flyout-tokens.utils.js +11 -0
  150. package/dist/utils/flyout-tokens.utils.js.map +1 -0
  151. package/dist/utils/index.d.mts +22 -6
  152. package/dist/utils/index.js +12 -0
  153. package/dist/utils/index.js.map +1 -1
  154. package/dist/utils/pagination-state.utils.d.mts +6 -0
  155. package/dist/utils/pagination-state.utils.js +9 -0
  156. package/dist/utils/pagination-state.utils.js.map +1 -0
  157. package/dist/utils/segmented-control-state.utils.d.mts +6 -0
  158. package/dist/utils/segmented-control-state.utils.js +20 -0
  159. package/dist/utils/segmented-control-state.utils.js.map +1 -0
  160. package/dist/utils/selection-item-state.utils.d.mts +5 -0
  161. package/dist/utils/selection-item-state.utils.js +8 -0
  162. package/dist/utils/selection-item-state.utils.js.map +1 -0
  163. package/dist/utils/selection-state.utils.d.mts +5 -0
  164. package/dist/utils/selection-state.utils.js +11 -0
  165. package/dist/utils/selection-state.utils.js.map +1 -0
  166. package/dist/utils/slider-tokens.utils.d.mts +6 -0
  167. package/dist/utils/slider-tokens.utils.js +15 -0
  168. package/dist/utils/slider-tokens.utils.js.map +1 -0
  169. package/dist/utils/style.utils.d.mts +5 -1
  170. package/package.json +4 -4
  171. package/dist/types/control-tokes.types.d.mts +0 -62
  172. package/dist/types/control-tokes.types.js +0 -1
  173. /package/dist/types/{control-tokes.types.js.map → carousel-tokens.types.js.map} +0 -0
@@ -0,0 +1,10 @@
1
+ function getDatetimePickerDayStateTokens(tokens, state) {
2
+ const { currentMonth = false, inRange = false, selected = false } = state;
3
+ if (selected) return tokens.selected;
4
+ if (inRange) return tokens.range;
5
+ return currentMonth ? tokens.default : tokens.outsideMonth;
6
+ }
7
+ export {
8
+ getDatetimePickerDayStateTokens
9
+ };
10
+ //# sourceMappingURL=datetime-picker-state.utils.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,5 @@
1
+ import { DividerTokens, DividerTokenState, ResolvedDividerTokens } from '../types/divider-tokens.types.mjs';
2
+
3
+ declare function getDividerTokens(tokens: DividerTokens, state: DividerTokenState): ResolvedDividerTokens;
4
+
5
+ export { getDividerTokens };
@@ -0,0 +1,10 @@
1
+ function getDividerTokens(tokens, state) {
2
+ return {
3
+ ...tokens.layouts[state.orientation][state.inset],
4
+ backgroundColor: tokens.colors[state.tone]
5
+ };
6
+ }
7
+ export {
8
+ getDividerTokens
9
+ };
10
+ //# sourceMappingURL=divider-tokens.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/utils/divider-tokens.utils.ts"],"sourcesContent":["import type {\n DividerTokens,\n DividerTokenState,\n ResolvedDividerTokens,\n} from \"../types\";\n\nexport function getDividerTokens(\n tokens: DividerTokens,\n state: DividerTokenState,\n): ResolvedDividerTokens {\n return {\n ...tokens.layouts[state.orientation][state.inset],\n backgroundColor: tokens.colors[state.tone],\n };\n}\n"],"mappings":"AAMO,SAAS,iBACd,QACA,OACuB;AACvB,SAAO;AAAA,IACL,GAAG,OAAO,QAAQ,MAAM,WAAW,EAAE,MAAM,KAAK;AAAA,IAChD,iBAAiB,OAAO,OAAO,MAAM,IAAI;AAAA,EAC3C;AACF;","names":[]}
@@ -0,0 +1,5 @@
1
+ import { VisualStateTokens, FieldVisualState, FieldState } from '../types/components.types.mjs';
2
+
3
+ declare function getFieldStateTokens<Tokens>(tokens: VisualStateTokens<FieldVisualState, Tokens>, state: FieldState): Tokens;
4
+
5
+ export { getFieldStateTokens };
@@ -0,0 +1,9 @@
1
+ function getFieldStateTokens(tokens, state) {
2
+ const { disabled = false, error = false } = state;
3
+ if (disabled) return error ? tokens.disabledError : tokens.disabled;
4
+ return error ? tokens.error : tokens.default;
5
+ }
6
+ export {
7
+ getFieldStateTokens
8
+ };
9
+ //# sourceMappingURL=field-state.utils.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,5 @@
1
+ import { FlyoutTokens, FlyoutTokenState, ResolvedFlyoutTokens } from '../types/flyout-tokens.types.mjs';
2
+
3
+ declare function getFlyoutTokens(tokens: FlyoutTokens, state: FlyoutTokenState): ResolvedFlyoutTokens;
4
+
5
+ export { getFlyoutTokens };
@@ -0,0 +1,11 @@
1
+ function getFlyoutTokens(tokens, state) {
2
+ const { placements, ...sharedTokens } = tokens;
3
+ return {
4
+ ...sharedTokens,
5
+ ...placements[state.placement]
6
+ };
7
+ }
8
+ export {
9
+ getFlyoutTokens
10
+ };
11
+ //# sourceMappingURL=flyout-tokens.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/utils/flyout-tokens.utils.ts"],"sourcesContent":["import type {\n FlyoutTokens,\n FlyoutTokenState,\n ResolvedFlyoutTokens,\n} from \"../types\";\n\nexport function getFlyoutTokens(\n tokens: FlyoutTokens,\n state: FlyoutTokenState,\n): ResolvedFlyoutTokens {\n const { placements, ...sharedTokens } = tokens;\n\n return {\n ...sharedTokens,\n ...placements[state.placement],\n };\n}\n"],"mappings":"AAMO,SAAS,gBACd,QACA,OACsB;AACtB,QAAM,EAAE,YAAY,GAAG,aAAa,IAAI;AAExC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,WAAW,MAAM,SAAS;AAAA,EAC/B;AACF;","names":[]}
@@ -1,4 +1,23 @@
1
+ export { getActionStateTokens } from './action-state.utils.mjs';
2
+ export { getAvailabilityStateTokens } from './availability-state.utils.mjs';
3
+ export { getControlStateTokens } from './control-state.utils.mjs';
4
+ export { getDatetimePickerDayStateTokens } from './datetime-picker-state.utils.mjs';
5
+ export { getDividerTokens } from './divider-tokens.utils.mjs';
6
+ export { getFieldStateTokens } from './field-state.utils.mjs';
7
+ export { getFlyoutTokens } from './flyout-tokens.utils.mjs';
8
+ export { getPaginationStateTokens } from './pagination-state.utils.mjs';
9
+ export { getSelectionItemStateTokens } from './selection-item-state.utils.mjs';
10
+ export { getSelectionStateTokens } from './selection-state.utils.mjs';
11
+ export { getSegmentedControlItemTokens } from './segmented-control-state.utils.mjs';
12
+ export { getSliderTrackTokens } from './slider-tokens.utils.mjs';
1
13
  export { createStyleKey, extractStyleProps, getShadowStyle } from './style.utils.mjs';
14
+ import '../types/components.types.mjs';
15
+ import '../types/datetime-picker-tokens.types.mjs';
16
+ import '../types/divider-tokens.types.mjs';
17
+ import '../types/flyout-tokens.types.mjs';
18
+ import '../types/pagination-tokens.types.mjs';
19
+ import '../types/segmented-control-tokens.types.mjs';
20
+ import '../types/slider-tokens.types.mjs';
2
21
  import 'react-native';
3
22
  import '../types/shadow.types.mjs';
4
23
  import '../types/style.types.mjs';
@@ -11,25 +30,22 @@ import '../types/typography.types.mjs';
11
30
  import '../types/tokens.types.mjs';
12
31
  import '../types/theme-provider.types.mjs';
13
32
  import '../types/badge-tokens.types.mjs';
14
- import '../types/components.types.mjs';
33
+ import '../types/carousel-tokens.types.mjs';
15
34
  import '../types/checkbox-tokens.types.mjs';
35
+ import '../types/list-tokens.types.mjs';
16
36
  import '../types/radio-tokens.types.mjs';
17
37
  import '../types/accordion-tokens.types.mjs';
18
38
  import '../types/avatar-tokens.types.mjs';
19
39
  import '../types/buttons-tokens.types.mjs';
20
40
  import '../types/card-tokens.types.mjs';
21
- import '../types/control-tokes.types.mjs';
41
+ import '../types/control-tokens.types.mjs';
22
42
  import '../types/data-state-tokens.types.mjs';
23
- import '../types/datetime-picker-tokens.types.mjs';
24
- import '../types/divider-tokens.types.mjs';
25
- import '../types/flyout-tokens.types.mjs';
26
43
  import '../types/icon-tokens.types.mjs';
27
44
  import '../types/pressable-tokens.types.mjs';
28
45
  import '../types/progress-tokens.types.mjs';
29
46
  import '../types/spinner-tokens.types.mjs';
30
47
  import '../types/select-tokens.types.mjs';
31
48
  import '../types/skeleton-tokens.types.mjs';
32
- import '../types/slider-tokens.types.mjs';
33
49
  import '../types/stepper-tokens.types.mjs';
34
50
  import '../types/switch-tokens.types.mjs';
35
51
  import '../types/tag-tokens.types.mjs';
@@ -1,2 +1,14 @@
1
+ export * from "./action-state.utils";
2
+ export * from "./availability-state.utils";
3
+ export * from "./control-state.utils";
4
+ export * from "./datetime-picker-state.utils";
5
+ export * from "./divider-tokens.utils";
6
+ export * from "./field-state.utils";
7
+ export * from "./flyout-tokens.utils";
8
+ export * from "./pagination-state.utils";
9
+ export * from "./selection-item-state.utils";
10
+ export * from "./selection-state.utils";
11
+ export * from "./segmented-control-state.utils";
12
+ export * from "./slider-tokens.utils";
1
13
  export * from "./style.utils";
2
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./style.utils\";\r\n"],"mappings":"AAAA,cAAc;","names":[]}
1
+ {"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 \"./divider-tokens.utils\";\nexport * from \"./field-state.utils\";\nexport * from \"./flyout-tokens.utils\";\nexport * from \"./pagination-state.utils\";\nexport * from \"./selection-item-state.utils\";\nexport * from \"./selection-state.utils\";\nexport * from \"./segmented-control-state.utils\";\nexport * from \"./slider-tokens.utils\";\nexport * from \"./style.utils\";\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;","names":[]}
@@ -0,0 +1,6 @@
1
+ import { VisualStateTokens } from '../types/components.types.mjs';
2
+ import { PaginationVisualState, PaginationState } from '../types/pagination-tokens.types.mjs';
3
+
4
+ declare function getPaginationStateTokens<Tokens>(tokens: VisualStateTokens<PaginationVisualState, Tokens>, state: PaginationState): Tokens;
5
+
6
+ export { getPaginationStateTokens };
@@ -0,0 +1,9 @@
1
+ function getPaginationStateTokens(tokens, state) {
2
+ const { current, disabled = false } = state;
3
+ if (disabled) return tokens.disabled;
4
+ return current ? tokens.current : tokens.default;
5
+ }
6
+ export {
7
+ getPaginationStateTokens
8
+ };
9
+ //# sourceMappingURL=pagination-state.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/utils/pagination-state.utils.ts"],"sourcesContent":["import type {\n PaginationState,\n PaginationVisualState,\n VisualStateTokens,\n} from \"../types\";\n\nexport function getPaginationStateTokens<Tokens>(\n tokens: VisualStateTokens<PaginationVisualState, Tokens>,\n state: PaginationState,\n): Tokens {\n const { current, disabled = false } = state;\n\n if (disabled) return tokens.disabled;\n return current ? tokens.current : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,yBACd,QACA,OACQ;AACR,QAAM,EAAE,SAAS,WAAW,MAAM,IAAI;AAEtC,MAAI,SAAU,QAAO,OAAO;AAC5B,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}
@@ -0,0 +1,6 @@
1
+ import { SegmentedControlTokens, SegmentedControlItemTokenState, ResolvedSegmentedControlItemTokens } from '../types/segmented-control-tokens.types.mjs';
2
+ import '../types/components.types.mjs';
3
+
4
+ declare function getSegmentedControlItemTokens(tokens: SegmentedControlTokens, state: SegmentedControlItemTokenState): ResolvedSegmentedControlItemTokens;
5
+
6
+ export { getSegmentedControlItemTokens };
@@ -0,0 +1,20 @@
1
+ import { getSelectionStateTokens } from "./selection-state.utils";
2
+ function getSegmentedControlItemTokens(tokens, state) {
3
+ const { disabled, layout, selected, size, variant } = state;
4
+ const { layouts, ...sizeTokens } = tokens.sizes[size];
5
+ const appearanceTokens = getSelectionStateTokens(
6
+ tokens.variants[variant].states,
7
+ { disabled, selected }
8
+ );
9
+ return {
10
+ ...sizeTokens,
11
+ ...layouts[layout],
12
+ ...appearanceTokens,
13
+ borderRadius: tokens.itemBorderRadius,
14
+ borderWidth: tokens.itemBorderWidth
15
+ };
16
+ }
17
+ export {
18
+ getSegmentedControlItemTokens
19
+ };
20
+ //# sourceMappingURL=segmented-control-state.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/utils/segmented-control-state.utils.ts"],"sourcesContent":["import type {\n ResolvedSegmentedControlItemTokens,\n SegmentedControlItemTokenState,\n SegmentedControlTokens,\n} from \"../types\";\nimport { getSelectionStateTokens } from \"./selection-state.utils\";\n\nexport function getSegmentedControlItemTokens(\n tokens: SegmentedControlTokens,\n state: SegmentedControlItemTokenState,\n): ResolvedSegmentedControlItemTokens {\n const { disabled, layout, selected, size, variant } = state;\n const { layouts, ...sizeTokens } = tokens.sizes[size];\n const appearanceTokens = getSelectionStateTokens(\n tokens.variants[variant].states,\n { disabled, selected },\n );\n\n return {\n ...sizeTokens,\n ...layouts[layout],\n ...appearanceTokens,\n borderRadius: tokens.itemBorderRadius,\n borderWidth: tokens.itemBorderWidth,\n };\n}\n"],"mappings":"AAKA,SAAS,+BAA+B;AAEjC,SAAS,8BACd,QACA,OACoC;AACpC,QAAM,EAAE,UAAU,QAAQ,UAAU,MAAM,QAAQ,IAAI;AACtD,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,OAAO,MAAM,IAAI;AACpD,QAAM,mBAAmB;AAAA,IACvB,OAAO,SAAS,OAAO,EAAE;AAAA,IACzB,EAAE,UAAU,SAAS;AAAA,EACvB;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,QAAQ,MAAM;AAAA,IACjB,GAAG;AAAA,IACH,cAAc,OAAO;AAAA,IACrB,aAAa,OAAO;AAAA,EACtB;AACF;","names":[]}
@@ -0,0 +1,5 @@
1
+ import { VisualStateTokens, SelectionItemVisualState, SelectionItemState } from '../types/components.types.mjs';
2
+
3
+ declare function getSelectionItemStateTokens<Tokens>(tokens: VisualStateTokens<SelectionItemVisualState, Tokens>, state: SelectionItemState): Tokens;
4
+
5
+ export { getSelectionItemStateTokens };
@@ -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":[]}
@@ -0,0 +1,6 @@
1
+ import { SliderTokens, SliderTrackTokenState, ResolvedSliderTrackTokens } from '../types/slider-tokens.types.mjs';
2
+ import '../types/components.types.mjs';
3
+
4
+ declare function getSliderTrackTokens(tokens: SliderTokens, state: SliderTrackTokenState): ResolvedSliderTrackTokens;
5
+
6
+ export { getSliderTrackTokens };
@@ -0,0 +1,15 @@
1
+ import { getControlStateTokens } from "./control-state.utils";
2
+ function getSliderTrackTokens(tokens, state) {
3
+ return {
4
+ ...tokens.sizes[state.size],
5
+ ...tokens.layouts[state.layout],
6
+ ...getControlStateTokens(tokens.variants[state.variant], {
7
+ disabled: state.disabled
8
+ }),
9
+ trackBorderRadius: tokens.trackBorderRadius
10
+ };
11
+ }
12
+ export {
13
+ getSliderTrackTokens
14
+ };
15
+ //# sourceMappingURL=slider-tokens.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/utils/slider-tokens.utils.ts"],"sourcesContent":["import type {\n ResolvedSliderTrackTokens,\n SliderTokens,\n SliderTrackTokenState,\n} from \"../types\";\nimport { getControlStateTokens } from \"./control-state.utils\";\n\nexport function getSliderTrackTokens(\n tokens: SliderTokens,\n state: SliderTrackTokenState,\n): ResolvedSliderTrackTokens {\n return {\n ...tokens.sizes[state.size],\n ...tokens.layouts[state.layout],\n ...getControlStateTokens(tokens.variants[state.variant], {\n disabled: state.disabled,\n }),\n trackBorderRadius: tokens.trackBorderRadius,\n };\n}\n"],"mappings":"AAKA,SAAS,6BAA6B;AAE/B,SAAS,qBACd,QACA,OAC2B;AAC3B,SAAO;AAAA,IACL,GAAG,OAAO,MAAM,MAAM,IAAI;AAAA,IAC1B,GAAG,OAAO,QAAQ,MAAM,MAAM;AAAA,IAC9B,GAAG,sBAAsB,OAAO,SAAS,MAAM,OAAO,GAAG;AAAA,MACvD,UAAU,MAAM;AAAA,IAClB,CAAC;AAAA,IACD,mBAAmB,OAAO;AAAA,EAC5B;AACF;","names":[]}
@@ -11,21 +11,25 @@ import '../types/typography.types.mjs';
11
11
  import '../types/tokens.types.mjs';
12
12
  import '../types/badge-tokens.types.mjs';
13
13
  import '../types/components.types.mjs';
14
+ import '../types/carousel-tokens.types.mjs';
14
15
  import '../types/checkbox-tokens.types.mjs';
16
+ import '../types/list-tokens.types.mjs';
15
17
  import '../types/radio-tokens.types.mjs';
16
18
  import '../types/accordion-tokens.types.mjs';
17
19
  import '../types/avatar-tokens.types.mjs';
18
20
  import '../types/buttons-tokens.types.mjs';
19
21
  import '../types/card-tokens.types.mjs';
20
- import '../types/control-tokes.types.mjs';
22
+ import '../types/control-tokens.types.mjs';
21
23
  import '../types/data-state-tokens.types.mjs';
22
24
  import '../types/datetime-picker-tokens.types.mjs';
23
25
  import '../types/divider-tokens.types.mjs';
24
26
  import '../types/flyout-tokens.types.mjs';
25
27
  import '../types/icon-tokens.types.mjs';
28
+ import '../types/pagination-tokens.types.mjs';
26
29
  import '../types/pressable-tokens.types.mjs';
27
30
  import '../types/progress-tokens.types.mjs';
28
31
  import '../types/spinner-tokens.types.mjs';
32
+ import '../types/segmented-control-tokens.types.mjs';
29
33
  import '../types/select-tokens.types.mjs';
30
34
  import '../types/skeleton-tokens.types.mjs';
31
35
  import '../types/slider-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": "5.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": "5.0.0"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@types/react": "~19.2.14",
@@ -38,8 +38,8 @@
38
38
  "react-native": "0.86.2",
39
39
  "typescript": "~6.0.3",
40
40
  "@impulse-ui-native/eslint-config": "1.0.0",
41
- "@impulse-ui-native/prettier-config": "1.0.0",
42
- "@impulse-ui-native/tsconfig": "1.0.0"
41
+ "@impulse-ui-native/tsconfig": "1.0.0",
42
+ "@impulse-ui-native/prettier-config": "1.0.0"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=18",
@@ -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