@impulse-ui-native/theme 2.7.0 → 2.9.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 (78) hide show
  1. package/dist/hooks/index.d.mts +8 -1
  2. package/dist/hooks/use-colors.hook.d.mts +8 -1
  3. package/dist/hooks/use-components-tokens.hook.d.mts +8 -1
  4. package/dist/hooks/use-theme.hook.d.mts +8 -1
  5. package/dist/hooks/use-themed-styles.d.mts +8 -1
  6. package/dist/index.d.mts +7 -0
  7. package/dist/providers/index.d.mts +8 -1
  8. package/dist/providers/theme.provider.d.mts +8 -1
  9. package/dist/theme/create-accordion-tokens.d.mts +30 -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 +30 -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-badge-tokens.d.mts +30 -0
  16. package/dist/theme/create-badge-tokens.js +101 -0
  17. package/dist/theme/create-badge-tokens.js.map +1 -0
  18. package/dist/theme/create-button-tokens.d.mts +8 -1
  19. package/dist/theme/create-card-tokens.d.mts +30 -0
  20. package/dist/theme/create-card-tokens.js +25 -0
  21. package/dist/theme/create-card-tokens.js.map +1 -0
  22. package/dist/theme/create-checkbox-tokens.d.mts +8 -1
  23. package/dist/theme/create-control-tokens.d.mts +8 -1
  24. package/dist/theme/create-data-state-tokens.d.mts +8 -1
  25. package/dist/theme/create-datetime-picker.d.mts +8 -1
  26. package/dist/theme/create-divider-tokens.d.mts +30 -0
  27. package/dist/theme/create-divider-tokens.js +17 -0
  28. package/dist/theme/create-divider-tokens.js.map +1 -0
  29. package/dist/theme/create-flyout-tokens.d.mts +8 -1
  30. package/dist/theme/create-icon-button-tokens.d.mts +8 -1
  31. package/dist/theme/create-progress-tokens.d.mts +30 -0
  32. package/dist/theme/create-progress-tokens.js +46 -0
  33. package/dist/theme/create-progress-tokens.js.map +1 -0
  34. package/dist/theme/create-radio-tokens.d.mts +8 -1
  35. package/dist/theme/create-select-tokens.d.mts +8 -1
  36. package/dist/theme/create-skeleton-tokens.d.mts +8 -1
  37. package/dist/theme/create-spinner-tokens.d.mts +30 -0
  38. package/dist/theme/create-spinner-tokens.js +20 -0
  39. package/dist/theme/create-spinner-tokens.js.map +1 -0
  40. package/dist/theme/create-stepper-tokens.d.mts +8 -1
  41. package/dist/theme/create-switch-tokens.d.mts +8 -1
  42. package/dist/theme/create-tag-tokens.d.mts +8 -1
  43. package/dist/theme/create-textarea-tokens.d.mts +8 -1
  44. package/dist/theme/create-time-picker-tokens.d.mts +8 -1
  45. package/dist/theme/dark.theme.d.mts +8 -1
  46. package/dist/theme/index.d.mts +8 -1
  47. package/dist/theme/light.theme.d.mts +8 -1
  48. package/dist/theme/tokens.theme.d.mts +8 -1
  49. package/dist/theme/tokens.theme.js +14 -0
  50. package/dist/theme/tokens.theme.js.map +1 -1
  51. package/dist/types/accordion-tokens.types.d.mts +28 -0
  52. package/dist/types/accordion-tokens.types.js +1 -0
  53. package/dist/types/accordion-tokens.types.js.map +1 -0
  54. package/dist/types/avatar-tokens.types.d.mts +24 -0
  55. package/dist/types/avatar-tokens.types.js +1 -0
  56. package/dist/types/avatar-tokens.types.js.map +1 -0
  57. package/dist/types/badge-tokens.types.d.mts +28 -0
  58. package/dist/types/badge-tokens.types.js +1 -0
  59. package/dist/types/badge-tokens.types.js.map +1 -0
  60. package/dist/types/card-tokens.types.d.mts +16 -0
  61. package/dist/types/card-tokens.types.js +1 -0
  62. package/dist/types/card-tokens.types.js.map +1 -0
  63. package/dist/types/divider-tokens.types.d.mts +8 -0
  64. package/dist/types/divider-tokens.types.js +1 -0
  65. package/dist/types/divider-tokens.types.js.map +1 -0
  66. package/dist/types/index.d.mts +7 -0
  67. package/dist/types/index.js +7 -0
  68. package/dist/types/index.js.map +1 -1
  69. package/dist/types/progress-tokens.types.d.mts +23 -0
  70. package/dist/types/progress-tokens.types.js +1 -0
  71. package/dist/types/progress-tokens.types.js.map +1 -0
  72. package/dist/types/spinner-tokens.types.d.mts +10 -0
  73. package/dist/types/spinner-tokens.types.js +1 -0
  74. package/dist/types/spinner-tokens.types.js.map +1 -0
  75. package/dist/types/theme-provider.types.d.mts +14 -0
  76. package/dist/utils/index.d.mts +8 -1
  77. package/dist/utils/style.utils.d.mts +8 -1
  78. package/package.json +3 -3
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokes.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/data-state-tokens.types.mjs';
8
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
9
14
  import '../types/flyout-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
9
14
  import '../types/flyout-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
9
14
  import '../types/flyout-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -0,0 +1,30 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { DividerTokens } from '../types/divider-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
6
+ import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
9
+ import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
11
+ import '../types/control-tokes.types.mjs';
12
+ import '../types/data-state-tokens.types.mjs';
13
+ import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/flyout-tokens.types.mjs';
15
+ import '../types/icon-tokens.types.mjs';
16
+ import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
19
+ import '../types/select-tokens.types.mjs';
20
+ import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/stepper-tokens.types.mjs';
22
+ import '../types/switch-tokens.types.mjs';
23
+ import '../types/tag-tokens.types.mjs';
24
+ import '../types/textarea-tokens.types.mjs';
25
+ import '../types/time-picker-token.types.mjs';
26
+ import '../types/tokens.types.mjs';
27
+
28
+ declare function createDividerTokens(tokens: PrimitiveThemeTokens): DividerTokens;
29
+
30
+ export { createDividerTokens };
@@ -0,0 +1,17 @@
1
+ function createDividerTokens(tokens) {
2
+ return {
3
+ colors: {
4
+ subtle: tokens.colors.border.subtle.value,
5
+ default: tokens.colors.border.default.value,
6
+ strong: tokens.colors.border.strong.value,
7
+ primary: tokens.colors.primary.value,
8
+ inverse: tokens.colors.text.inverse
9
+ },
10
+ inset: tokens.space.sm,
11
+ thickness: tokens.borderSize.sm
12
+ };
13
+ }
14
+ export {
15
+ createDividerTokens
16
+ };
17
+ //# sourceMappingURL=create-divider-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-divider-tokens.ts"],"sourcesContent":["import type { DividerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createDividerTokens(\n tokens: PrimitiveThemeTokens,\n): DividerTokens {\n return {\n colors: {\n subtle: tokens.colors.border.subtle.value,\n default: tokens.colors.border.default.value,\n strong: tokens.colors.border.strong.value,\n primary: tokens.colors.primary.value,\n inverse: tokens.colors.text.inverse,\n },\n inset: tokens.space.sm,\n thickness: tokens.borderSize.sm,\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,OAAO,QAAQ;AAAA,MACtC,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,IACA,OAAO,OAAO,MAAM;AAAA,IACpB,WAAW,OAAO,WAAW;AAAA,EAC/B;AACF;","names":[]}
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
6
10
  import '../types/control-tokes.types.mjs';
7
11
  import '../types/data-state-tokens.types.mjs';
8
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
9
14
  import '../types/flyout-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -0,0 +1,30 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { ProgressTokens } from '../types/progress-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
6
+ import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
9
+ import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
11
+ import '../types/control-tokes.types.mjs';
12
+ import '../types/data-state-tokens.types.mjs';
13
+ import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
15
+ import '../types/flyout-tokens.types.mjs';
16
+ import '../types/icon-tokens.types.mjs';
17
+ import '../types/pressable-tokens.types.mjs';
18
+ import '../types/select-tokens.types.mjs';
19
+ import '../types/skeleton-tokens.types.mjs';
20
+ import '../types/spinner-tokens.types.mjs';
21
+ import '../types/stepper-tokens.types.mjs';
22
+ import '../types/switch-tokens.types.mjs';
23
+ import '../types/tag-tokens.types.mjs';
24
+ import '../types/textarea-tokens.types.mjs';
25
+ import '../types/time-picker-token.types.mjs';
26
+ import '../types/tokens.types.mjs';
27
+
28
+ declare function createProgressTokens(tokens: PrimitiveThemeTokens): ProgressTokens;
29
+
30
+ export { createProgressTokens };
@@ -0,0 +1,46 @@
1
+ function createProgressTokens(tokens) {
2
+ return {
3
+ animationDuration: 1e3,
4
+ borderRadius: tokens.radii.round,
5
+ indeterminateLinearWidth: 0.4,
6
+ sizes: {
7
+ small: {
8
+ linearHeight: 4,
9
+ circularSize: 24,
10
+ circularStrokeWidth: 3
11
+ },
12
+ medium: {
13
+ linearHeight: 6,
14
+ circularSize: 32,
15
+ circularStrokeWidth: 4
16
+ },
17
+ large: {
18
+ linearHeight: 8,
19
+ circularSize: 40,
20
+ circularStrokeWidth: 5
21
+ }
22
+ },
23
+ colors: {
24
+ primary: {
25
+ indicatorColor: tokens.colors.primary.value,
26
+ trackColor: tokens.colors.secondary.value
27
+ },
28
+ secondary: {
29
+ indicatorColor: tokens.colors.text.secondary,
30
+ trackColor: tokens.colors.border.subtle.value
31
+ },
32
+ neutral: {
33
+ indicatorColor: tokens.colors.neutral["7"],
34
+ trackColor: tokens.colors.neutral["4"]
35
+ },
36
+ inverse: {
37
+ indicatorColor: tokens.colors.text.inverse,
38
+ trackColor: tokens.colors.neutral["9"]
39
+ }
40
+ }
41
+ };
42
+ }
43
+ export {
44
+ createProgressTokens
45
+ };
46
+ //# sourceMappingURL=create-progress-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-progress-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, ProgressTokens } from \"../types\";\n\nexport function createProgressTokens(\n tokens: PrimitiveThemeTokens,\n): ProgressTokens {\n return {\n animationDuration: 1000,\n borderRadius: tokens.radii.round,\n indeterminateLinearWidth: 0.4,\n sizes: {\n small: {\n linearHeight: 4,\n circularSize: 24,\n circularStrokeWidth: 3,\n },\n medium: {\n linearHeight: 6,\n circularSize: 32,\n circularStrokeWidth: 4,\n },\n large: {\n linearHeight: 8,\n circularSize: 40,\n circularStrokeWidth: 5,\n },\n },\n colors: {\n primary: {\n indicatorColor: tokens.colors.primary.value,\n trackColor: tokens.colors.secondary.value,\n },\n secondary: {\n indicatorColor: tokens.colors.text.secondary,\n trackColor: tokens.colors.border.subtle.value,\n },\n neutral: {\n indicatorColor: tokens.colors.neutral[\"7\"],\n trackColor: tokens.colors.neutral[\"4\"],\n },\n inverse: {\n indicatorColor: tokens.colors.text.inverse,\n trackColor: tokens.colors.neutral[\"9\"],\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,QAAQ;AAAA,QACN,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,QAAQ;AAAA,QACtC,YAAY,OAAO,OAAO,UAAU;AAAA,MACtC;AAAA,MACA,WAAW;AAAA,QACT,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,OAAO,OAAO;AAAA,MAC1C;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzC,YAAY,OAAO,OAAO,QAAQ,GAAG;AAAA,MACvC;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,QAAQ,GAAG;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { RadioTokens } from '../types/radio-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
5
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
6
10
  import '../types/control-tokes.types.mjs';
7
11
  import '../types/data-state-tokens.types.mjs';
8
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
9
14
  import '../types/flyout-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -1,15 +1,22 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { SelectTokens } from '../types/select-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/flyout-tokens.types.mjs';
11
16
  import '../types/icon-tokens.types.mjs';
12
17
  import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
15
22
  import '../types/switch-tokens.types.mjs';
@@ -1,15 +1,22 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/flyout-tokens.types.mjs';
11
16
  import '../types/icon-tokens.types.mjs';
12
17
  import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
13
20
  import '../types/select-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
15
22
  import '../types/switch-tokens.types.mjs';
@@ -0,0 +1,30 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { SpinnerTokens } from '../types/spinner-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
6
+ import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
9
+ import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
11
+ import '../types/control-tokes.types.mjs';
12
+ import '../types/data-state-tokens.types.mjs';
13
+ import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
15
+ import '../types/flyout-tokens.types.mjs';
16
+ import '../types/icon-tokens.types.mjs';
17
+ import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/select-tokens.types.mjs';
20
+ import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/stepper-tokens.types.mjs';
22
+ import '../types/switch-tokens.types.mjs';
23
+ import '../types/tag-tokens.types.mjs';
24
+ import '../types/textarea-tokens.types.mjs';
25
+ import '../types/time-picker-token.types.mjs';
26
+ import '../types/tokens.types.mjs';
27
+
28
+ declare function createSpinnerTokens(tokens: PrimitiveThemeTokens): SpinnerTokens;
29
+
30
+ export { createSpinnerTokens };
@@ -0,0 +1,20 @@
1
+ function createSpinnerTokens(tokens) {
2
+ return {
3
+ baseSize: 20,
4
+ sizes: {
5
+ small: 16,
6
+ medium: 20,
7
+ large: 24
8
+ },
9
+ colors: {
10
+ primary: tokens.colors.primary.value,
11
+ secondary: tokens.colors.secondary.value,
12
+ neutral: tokens.colors.text.secondary,
13
+ inverse: tokens.colors.text.inverse
14
+ }
15
+ };
16
+ }
17
+ export {
18
+ createSpinnerTokens
19
+ };
20
+ //# sourceMappingURL=create-spinner-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-spinner-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SpinnerTokens } from \"../types\";\n\nexport function createSpinnerTokens(\n tokens: PrimitiveThemeTokens,\n): SpinnerTokens {\n return {\n baseSize: 20,\n sizes: {\n small: 16,\n medium: 20,\n large: 24,\n },\n colors: {\n primary: tokens.colors.primary.value,\n secondary: tokens.colors.secondary.value,\n neutral: tokens.colors.text.secondary,\n inverse: tokens.colors.text.inverse,\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,WAAW,OAAO,OAAO,UAAU;AAAA,MACnC,SAAS,OAAO,OAAO,KAAK;AAAA,MAC5B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}
@@ -1,15 +1,22 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { StepperTokens } from '../types/stepper-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/flyout-tokens.types.mjs';
11
16
  import '../types/icon-tokens.types.mjs';
12
17
  import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
13
20
  import '../types/select-tokens.types.mjs';
14
21
  import '../types/skeleton-tokens.types.mjs';
15
22
  import '../types/switch-tokens.types.mjs';
@@ -1,15 +1,22 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { SwitchTokens } from '../types/switch-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/flyout-tokens.types.mjs';
11
16
  import '../types/icon-tokens.types.mjs';
12
17
  import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
13
20
  import '../types/select-tokens.types.mjs';
14
21
  import '../types/skeleton-tokens.types.mjs';
15
22
  import '../types/stepper-tokens.types.mjs';
@@ -1,15 +1,22 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { TagTokens } from '../types/tag-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/flyout-tokens.types.mjs';
11
16
  import '../types/icon-tokens.types.mjs';
12
17
  import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
13
20
  import '../types/select-tokens.types.mjs';
14
21
  import '../types/skeleton-tokens.types.mjs';
15
22
  import '../types/stepper-tokens.types.mjs';
@@ -1,15 +1,22 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/flyout-tokens.types.mjs';
11
16
  import '../types/icon-tokens.types.mjs';
12
17
  import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
13
20
  import '../types/select-tokens.types.mjs';
14
21
  import '../types/skeleton-tokens.types.mjs';
15
22
  import '../types/stepper-tokens.types.mjs';
@@ -1,15 +1,22 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
3
- import '../types/checkbox-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
5
6
  import '../types/radio-tokens.types.mjs';
7
+ import '../types/accordion-tokens.types.mjs';
8
+ import '../types/avatar-tokens.types.mjs';
6
9
  import '../types/buttons-tokens.types.mjs';
10
+ import '../types/card-tokens.types.mjs';
7
11
  import '../types/control-tokes.types.mjs';
8
12
  import '../types/data-state-tokens.types.mjs';
9
13
  import '../types/datetime-picker-tokens.types.mjs';
14
+ import '../types/divider-tokens.types.mjs';
10
15
  import '../types/flyout-tokens.types.mjs';
11
16
  import '../types/icon-tokens.types.mjs';
12
17
  import '../types/pressable-tokens.types.mjs';
18
+ import '../types/progress-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
13
20
  import '../types/select-tokens.types.mjs';
14
21
  import '../types/skeleton-tokens.types.mjs';
15
22
  import '../types/stepper-tokens.types.mjs';
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
- import '../types/checkbox-tokens.types.mjs';
2
+ import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
+ import '../types/checkbox-tokens.types.mjs';
4
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
5
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
6
10
  import '../types/control-tokes.types.mjs';
7
11
  import '../types/data-state-tokens.types.mjs';
8
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
9
14
  import '../types/flyout-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -2,16 +2,23 @@ export { DarkTheme } from './dark.theme.mjs';
2
2
  export { LightTheme } from './light.theme.mjs';
3
3
  export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
4
4
  import '../types/theme-provider.types.mjs';
5
- import '../types/checkbox-tokens.types.mjs';
5
+ import '../types/badge-tokens.types.mjs';
6
6
  import '../types/components.types.mjs';
7
+ import '../types/checkbox-tokens.types.mjs';
7
8
  import '../types/radio-tokens.types.mjs';
9
+ import '../types/accordion-tokens.types.mjs';
10
+ import '../types/avatar-tokens.types.mjs';
8
11
  import '../types/buttons-tokens.types.mjs';
12
+ import '../types/card-tokens.types.mjs';
9
13
  import '../types/control-tokes.types.mjs';
10
14
  import '../types/data-state-tokens.types.mjs';
11
15
  import '../types/datetime-picker-tokens.types.mjs';
16
+ import '../types/divider-tokens.types.mjs';
12
17
  import '../types/flyout-tokens.types.mjs';
13
18
  import '../types/icon-tokens.types.mjs';
14
19
  import '../types/pressable-tokens.types.mjs';
20
+ import '../types/progress-tokens.types.mjs';
21
+ import '../types/spinner-tokens.types.mjs';
15
22
  import '../types/select-tokens.types.mjs';
16
23
  import '../types/skeleton-tokens.types.mjs';
17
24
  import '../types/stepper-tokens.types.mjs';
@@ -1,14 +1,21 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
- import '../types/checkbox-tokens.types.mjs';
2
+ import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
+ import '../types/checkbox-tokens.types.mjs';
4
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
5
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
6
10
  import '../types/control-tokes.types.mjs';
7
11
  import '../types/data-state-tokens.types.mjs';
8
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
9
14
  import '../types/flyout-tokens.types.mjs';
10
15
  import '../types/icon-tokens.types.mjs';
11
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
12
19
  import '../types/select-tokens.types.mjs';
13
20
  import '../types/skeleton-tokens.types.mjs';
14
21
  import '../types/stepper-tokens.types.mjs';
@@ -1,16 +1,23 @@
1
1
  import { ChartColorPalette } from '../types/chart.types.mjs';
2
2
  import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LetterSpacings, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
3
3
  import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../types/theme-provider.types.mjs';
4
- import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/badge-tokens.types.mjs';
5
5
  import '../types/components.types.mjs';
6
+ import '../types/checkbox-tokens.types.mjs';
6
7
  import '../types/radio-tokens.types.mjs';
8
+ import '../types/accordion-tokens.types.mjs';
9
+ import '../types/avatar-tokens.types.mjs';
7
10
  import '../types/buttons-tokens.types.mjs';
11
+ import '../types/card-tokens.types.mjs';
8
12
  import '../types/control-tokes.types.mjs';
9
13
  import '../types/data-state-tokens.types.mjs';
10
14
  import '../types/datetime-picker-tokens.types.mjs';
15
+ import '../types/divider-tokens.types.mjs';
11
16
  import '../types/flyout-tokens.types.mjs';
12
17
  import '../types/icon-tokens.types.mjs';
13
18
  import '../types/pressable-tokens.types.mjs';
19
+ import '../types/progress-tokens.types.mjs';
20
+ import '../types/spinner-tokens.types.mjs';
14
21
  import '../types/select-tokens.types.mjs';
15
22
  import '../types/skeleton-tokens.types.mjs';
16
23
  import '../types/stepper-tokens.types.mjs';