@impulse-ui-native/theme 4.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 (125) hide show
  1. package/README.md +23 -0
  2. package/dist/hooks/index.d.mts +4 -0
  3. package/dist/hooks/use-colors.hook.d.mts +4 -0
  4. package/dist/hooks/use-components-tokens.hook.d.mts +4 -0
  5. package/dist/hooks/use-theme.hook.d.mts +4 -0
  6. package/dist/hooks/use-themed-styles.d.mts +4 -0
  7. package/dist/index.d.mts +16 -4
  8. package/dist/providers/index.d.mts +4 -0
  9. package/dist/providers/theme.provider.d.mts +4 -0
  10. package/dist/theme/create-accordion-tokens.d.mts +4 -0
  11. package/dist/theme/create-avatar-tokens.d.mts +4 -0
  12. package/dist/theme/create-avatar-tokens.js +1 -1
  13. package/dist/theme/create-avatar-tokens.js.map +1 -1
  14. package/dist/theme/create-badge-tokens.d.mts +5 -1
  15. package/dist/theme/create-badge-tokens.js +7 -6
  16. package/dist/theme/create-badge-tokens.js.map +1 -1
  17. package/dist/theme/create-button-tokens.d.mts +4 -0
  18. package/dist/theme/create-button-tokens.js +5 -6
  19. package/dist/theme/create-button-tokens.js.map +1 -1
  20. package/dist/theme/create-card-tokens.d.mts +4 -0
  21. package/dist/theme/create-carousel-tokens.d.mts +35 -0
  22. package/dist/theme/create-carousel-tokens.js +32 -0
  23. package/dist/theme/create-carousel-tokens.js.map +1 -0
  24. package/dist/theme/create-checkbox-tokens.d.mts +4 -0
  25. package/dist/theme/create-checkbox-tokens.js +9 -9
  26. package/dist/theme/create-checkbox-tokens.js.map +1 -1
  27. package/dist/theme/create-control-tokens.d.mts +4 -0
  28. package/dist/theme/create-control-tokens.js +6 -6
  29. package/dist/theme/create-control-tokens.js.map +1 -1
  30. package/dist/theme/create-data-state-tokens.d.mts +4 -0
  31. package/dist/theme/create-datetime-picker.d.mts +4 -0
  32. package/dist/theme/create-datetime-picker.js +1 -1
  33. package/dist/theme/create-datetime-picker.js.map +1 -1
  34. package/dist/theme/create-divider-tokens.d.mts +4 -0
  35. package/dist/theme/create-divider-tokens.js +64 -2
  36. package/dist/theme/create-divider-tokens.js.map +1 -1
  37. package/dist/theme/create-flyout-tokens.d.mts +4 -0
  38. package/dist/theme/create-flyout-tokens.js +31 -3
  39. package/dist/theme/create-flyout-tokens.js.map +1 -1
  40. package/dist/theme/create-icon-button-tokens.d.mts +4 -0
  41. package/dist/theme/create-icon-button-tokens.js +5 -6
  42. package/dist/theme/create-icon-button-tokens.js.map +1 -1
  43. package/dist/theme/create-list-tokens.d.mts +35 -0
  44. package/dist/theme/create-list-tokens.js +14 -0
  45. package/dist/theme/create-list-tokens.js.map +1 -0
  46. package/dist/theme/create-pagination-tokens.d.mts +35 -0
  47. package/dist/theme/create-pagination-tokens.js +57 -0
  48. package/dist/theme/create-pagination-tokens.js.map +1 -0
  49. package/dist/theme/create-progress-tokens.d.mts +4 -0
  50. package/dist/theme/create-progress-tokens.js +4 -4
  51. package/dist/theme/create-progress-tokens.js.map +1 -1
  52. package/dist/theme/create-radio-tokens.d.mts +4 -0
  53. package/dist/theme/create-radio-tokens.js +9 -9
  54. package/dist/theme/create-radio-tokens.js.map +1 -1
  55. package/dist/theme/create-segmented-control-tokens.d.mts +35 -0
  56. package/dist/theme/create-segmented-control-tokens.js +157 -0
  57. package/dist/theme/create-segmented-control-tokens.js.map +1 -0
  58. package/dist/theme/create-select-tokens.d.mts +4 -0
  59. package/dist/theme/create-skeleton-tokens.d.mts +4 -0
  60. package/dist/theme/create-skeleton-tokens.js +1 -1
  61. package/dist/theme/create-skeleton-tokens.js.map +1 -1
  62. package/dist/theme/create-slider-tokens.d.mts +4 -0
  63. package/dist/theme/create-slider-tokens.js +55 -62
  64. package/dist/theme/create-slider-tokens.js.map +1 -1
  65. package/dist/theme/create-spinner-tokens.d.mts +4 -0
  66. package/dist/theme/create-spinner-tokens.js +1 -1
  67. package/dist/theme/create-spinner-tokens.js.map +1 -1
  68. package/dist/theme/create-stepper-tokens.d.mts +4 -0
  69. package/dist/theme/create-switch-tokens.d.mts +4 -0
  70. package/dist/theme/create-switch-tokens.js +22 -22
  71. package/dist/theme/create-switch-tokens.js.map +1 -1
  72. package/dist/theme/create-tag-tokens.d.mts +4 -0
  73. package/dist/theme/create-tag-tokens.js +38 -38
  74. package/dist/theme/create-tag-tokens.js.map +1 -1
  75. package/dist/theme/create-textarea-tokens.d.mts +4 -0
  76. package/dist/theme/create-time-picker-tokens.d.mts +4 -0
  77. package/dist/theme/dark.theme.d.mts +4 -0
  78. package/dist/theme/dark.theme.js +2 -2
  79. package/dist/theme/dark.theme.js.map +1 -1
  80. package/dist/theme/index.d.mts +8 -1
  81. package/dist/theme/index.js +3 -0
  82. package/dist/theme/index.js.map +1 -1
  83. package/dist/theme/light.theme.d.mts +4 -0
  84. package/dist/theme/tokens.theme.d.mts +6 -1
  85. package/dist/theme/tokens.theme.js +95 -7
  86. package/dist/theme/tokens.theme.js.map +1 -1
  87. package/dist/types/carousel-tokens.types.d.mts +28 -0
  88. package/dist/types/carousel-tokens.types.js +1 -0
  89. package/dist/types/carousel-tokens.types.js.map +1 -0
  90. package/dist/types/divider-tokens.types.d.mts +20 -3
  91. package/dist/types/flyout-tokens.types.d.mts +22 -3
  92. package/dist/types/index.d.mts +7 -3
  93. package/dist/types/index.js +4 -0
  94. package/dist/types/index.js.map +1 -1
  95. package/dist/types/list-tokens.types.d.mts +15 -0
  96. package/dist/types/list-tokens.types.js +1 -0
  97. package/dist/types/list-tokens.types.js.map +1 -0
  98. package/dist/types/pagination-tokens.types.d.mts +30 -0
  99. package/dist/types/pagination-tokens.types.js +1 -0
  100. package/dist/types/pagination-tokens.types.js.map +1 -0
  101. package/dist/types/segmented-control-tokens.types.d.mts +49 -0
  102. package/dist/types/segmented-control-tokens.types.js +1 -0
  103. package/dist/types/segmented-control-tokens.types.js.map +1 -0
  104. package/dist/types/slider-tokens.types.d.mts +15 -6
  105. package/dist/types/theme-provider.types.d.mts +8 -0
  106. package/dist/utils/divider-tokens.utils.d.mts +5 -0
  107. package/dist/utils/divider-tokens.utils.js +10 -0
  108. package/dist/utils/divider-tokens.utils.js.map +1 -0
  109. package/dist/utils/flyout-tokens.utils.d.mts +5 -0
  110. package/dist/utils/flyout-tokens.utils.js +11 -0
  111. package/dist/utils/flyout-tokens.utils.js.map +1 -0
  112. package/dist/utils/index.d.mts +12 -3
  113. package/dist/utils/index.js +5 -0
  114. package/dist/utils/index.js.map +1 -1
  115. package/dist/utils/pagination-state.utils.d.mts +6 -0
  116. package/dist/utils/pagination-state.utils.js +9 -0
  117. package/dist/utils/pagination-state.utils.js.map +1 -0
  118. package/dist/utils/segmented-control-state.utils.d.mts +6 -0
  119. package/dist/utils/segmented-control-state.utils.js +20 -0
  120. package/dist/utils/segmented-control-state.utils.js.map +1 -0
  121. package/dist/utils/slider-tokens.utils.d.mts +6 -0
  122. package/dist/utils/slider-tokens.utils.js +15 -0
  123. package/dist/utils/slider-tokens.utils.js.map +1 -0
  124. package/dist/utils/style.utils.d.mts +4 -0
  125. package/package.json +4 -4
@@ -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,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,7 +11,9 @@ 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';
@@ -23,9 +25,11 @@ 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": "4.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": "4.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",