@impulse-ui-native/theme 2.6.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/hooks/index.d.mts +8 -0
  2. package/dist/hooks/use-colors.hook.d.mts +8 -0
  3. package/dist/hooks/use-components-tokens.hook.d.mts +8 -0
  4. package/dist/hooks/use-theme.hook.d.mts +8 -0
  5. package/dist/hooks/use-themed-styles.d.mts +8 -0
  6. package/dist/index.d.mts +8 -0
  7. package/dist/providers/index.d.mts +8 -0
  8. package/dist/providers/theme.provider.d.mts +8 -0
  9. package/dist/theme/create-accordion-tokens.d.mts +29 -0
  10. package/dist/theme/create-accordion-tokens.js +32 -0
  11. package/dist/theme/create-accordion-tokens.js.map +1 -0
  12. package/dist/theme/create-avatar-tokens.d.mts +29 -0
  13. package/dist/theme/create-avatar-tokens.js +68 -0
  14. package/dist/theme/create-avatar-tokens.js.map +1 -0
  15. package/dist/theme/create-button-tokens.d.mts +8 -0
  16. package/dist/theme/create-card-tokens.d.mts +29 -0
  17. package/dist/theme/create-card-tokens.js +25 -0
  18. package/dist/theme/create-card-tokens.js.map +1 -0
  19. package/dist/theme/create-checkbox-tokens.d.mts +8 -0
  20. package/dist/theme/create-control-tokens.d.mts +8 -0
  21. package/dist/theme/create-data-state-tokens.d.mts +8 -0
  22. package/dist/theme/create-datetime-picker.d.mts +8 -0
  23. package/dist/theme/create-divider-tokens.d.mts +29 -0
  24. package/dist/theme/create-divider-tokens.js +17 -0
  25. package/dist/theme/create-divider-tokens.js.map +1 -0
  26. package/dist/theme/create-flyout-tokens.d.mts +8 -0
  27. package/dist/theme/create-icon-button-tokens.d.mts +8 -0
  28. package/dist/theme/create-progress-tokens.d.mts +29 -0
  29. package/dist/theme/create-progress-tokens.js +46 -0
  30. package/dist/theme/create-progress-tokens.js.map +1 -0
  31. package/dist/theme/create-radio-tokens.d.mts +8 -0
  32. package/dist/theme/create-select-tokens.d.mts +8 -0
  33. package/dist/theme/create-skeleton-tokens.d.mts +8 -0
  34. package/dist/theme/create-spinner-tokens.d.mts +29 -0
  35. package/dist/theme/create-spinner-tokens.js +20 -0
  36. package/dist/theme/create-spinner-tokens.js.map +1 -0
  37. package/dist/theme/create-stepper-tokens.d.mts +8 -0
  38. package/dist/theme/create-switch-tokens.d.mts +29 -0
  39. package/dist/theme/create-switch-tokens.js +76 -0
  40. package/dist/theme/create-switch-tokens.js.map +1 -0
  41. package/dist/theme/create-tag-tokens.d.mts +8 -0
  42. package/dist/theme/create-textarea-tokens.d.mts +29 -0
  43. package/dist/theme/create-textarea-tokens.js +28 -0
  44. package/dist/theme/create-textarea-tokens.js.map +1 -0
  45. package/dist/theme/create-time-picker-tokens.d.mts +8 -0
  46. package/dist/theme/dark.theme.d.mts +8 -0
  47. package/dist/theme/index.d.mts +8 -0
  48. package/dist/theme/index.js.map +1 -1
  49. package/dist/theme/light.theme.d.mts +8 -0
  50. package/dist/theme/tokens.theme.d.mts +8 -0
  51. package/dist/theme/tokens.theme.js +16 -0
  52. package/dist/theme/tokens.theme.js.map +1 -1
  53. package/dist/types/accordion-tokens.types.d.mts +28 -0
  54. package/dist/types/accordion-tokens.types.js +1 -0
  55. package/dist/types/accordion-tokens.types.js.map +1 -0
  56. package/dist/types/avatar-tokens.types.d.mts +24 -0
  57. package/dist/types/avatar-tokens.types.js +1 -0
  58. package/dist/types/avatar-tokens.types.js.map +1 -0
  59. package/dist/types/card-tokens.types.d.mts +16 -0
  60. package/dist/types/card-tokens.types.js +1 -0
  61. package/dist/types/card-tokens.types.js.map +1 -0
  62. package/dist/types/divider-tokens.types.d.mts +8 -0
  63. package/dist/types/divider-tokens.types.js +1 -0
  64. package/dist/types/divider-tokens.types.js.map +1 -0
  65. package/dist/types/index.d.mts +8 -0
  66. package/dist/types/index.js +8 -0
  67. package/dist/types/index.js.map +1 -1
  68. package/dist/types/progress-tokens.types.d.mts +23 -0
  69. package/dist/types/progress-tokens.types.js +1 -0
  70. package/dist/types/progress-tokens.types.js.map +1 -0
  71. package/dist/types/spinner-tokens.types.d.mts +10 -0
  72. package/dist/types/spinner-tokens.types.js +1 -0
  73. package/dist/types/spinner-tokens.types.js.map +1 -0
  74. package/dist/types/switch-tokens.types.d.mts +32 -0
  75. package/dist/types/switch-tokens.types.js +1 -0
  76. package/dist/types/switch-tokens.types.js.map +1 -0
  77. package/dist/types/textarea-tokens.types.d.mts +17 -0
  78. package/dist/types/textarea-tokens.types.js +1 -0
  79. package/dist/types/textarea-tokens.types.js.map +1 -0
  80. package/dist/types/theme-provider.types.d.mts +16 -0
  81. package/dist/utils/index.d.mts +8 -0
  82. package/dist/utils/style.utils.d.mts +8 -0
  83. package/package.json +3 -3
@@ -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":[]}
@@ -3,16 +3,24 @@ import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -3,16 +3,24 @@ import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { ProgressTokens } from '../types/progress-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
10
+ import '../types/control-tokes.types.mjs';
11
+ import '../types/data-state-tokens.types.mjs';
12
+ import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-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/select-tokens.types.mjs';
18
+ import '../types/skeleton-tokens.types.mjs';
19
+ import '../types/spinner-tokens.types.mjs';
20
+ import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
22
+ import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
24
+ import '../types/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createProgressTokens(tokens: PrimitiveThemeTokens): ProgressTokens;
28
+
29
+ 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":[]}
@@ -2,17 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { RadioTokens } from '../types/radio-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/accordion-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
5
7
  import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -3,16 +3,24 @@ import { SelectTokens } from '../types/select-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/flyout-tokens.types.mjs';
11
15
  import '../types/icon-tokens.types.mjs';
12
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -3,16 +3,24 @@ import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/flyout-tokens.types.mjs';
11
15
  import '../types/icon-tokens.types.mjs';
12
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
13
19
  import '../types/select-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { SpinnerTokens } from '../types/spinner-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
10
+ import '../types/control-tokes.types.mjs';
11
+ import '../types/data-state-tokens.types.mjs';
12
+ import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-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/select-tokens.types.mjs';
19
+ import '../types/skeleton-tokens.types.mjs';
20
+ import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
22
+ import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
24
+ import '../types/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createSpinnerTokens(tokens: PrimitiveThemeTokens): SpinnerTokens;
28
+
29
+ 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":[]}
@@ -3,16 +3,24 @@ import { StepperTokens } from '../types/stepper-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/flyout-tokens.types.mjs';
11
15
  import '../types/icon-tokens.types.mjs';
12
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
13
19
  import '../types/select-tokens.types.mjs';
14
20
  import '../types/skeleton-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { SwitchTokens } from '../types/switch-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
10
+ import '../types/control-tokes.types.mjs';
11
+ import '../types/data-state-tokens.types.mjs';
12
+ import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-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/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
24
+ import '../types/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens;
28
+
29
+ export { createSwitchTokens };
@@ -0,0 +1,76 @@
1
+ function createSwitchTokens(tokens) {
2
+ const primary = tokens.colors.primary.value;
3
+ const primaryContrast = tokens.colors.primary.contrast;
4
+ const secondary = tokens.colors.secondary.value;
5
+ const secondaryContrast = tokens.colors.secondary.contrast;
6
+ return {
7
+ animationDuration: 180,
8
+ borderWidth: tokens.borderSize.sm,
9
+ borderRadius: tokens.radii.round,
10
+ thumbBorderRadius: tokens.radii.round,
11
+ uncheckedBackgroundColor: tokens.colors.surface.primary.value,
12
+ uncheckedBorderColor: tokens.colors.border.strong.value,
13
+ uncheckedThumbColor: tokens.colors.surface.elevated.value,
14
+ disabledBackgroundColor: tokens.colors.neutral["3"],
15
+ disabledBorderColor: tokens.colors.neutral["5"],
16
+ disabledThumbColor: tokens.colors.neutral["7"],
17
+ loadingIndicatorColor: tokens.colors.surface.elevated.value,
18
+ sizes: {
19
+ small: {
20
+ width: 36,
21
+ height: 20,
22
+ thumbSize: 16,
23
+ trackPadding: 1,
24
+ loadingIndicatorScale: 0.5,
25
+ hitSlop: 12
26
+ },
27
+ medium: {
28
+ width: 44,
29
+ height: 24,
30
+ thumbSize: 20,
31
+ trackPadding: 1,
32
+ loadingIndicatorScale: 0.6,
33
+ hitSlop: 10
34
+ },
35
+ large: {
36
+ width: 52,
37
+ height: 28,
38
+ thumbSize: 24,
39
+ trackPadding: 1,
40
+ loadingIndicatorScale: 0.7,
41
+ hitSlop: 8
42
+ }
43
+ },
44
+ variants: {
45
+ filled: {
46
+ backgroundColor: primary,
47
+ borderColor: primary,
48
+ color: primaryContrast
49
+ },
50
+ outlined: {
51
+ backgroundColor: "transparent",
52
+ borderColor: primary,
53
+ color: primary
54
+ },
55
+ soft: {
56
+ backgroundColor: secondary,
57
+ borderColor: secondary,
58
+ color: secondaryContrast
59
+ },
60
+ ghost: {
61
+ backgroundColor: "transparent",
62
+ borderColor: "transparent",
63
+ color: primary
64
+ },
65
+ plain: {
66
+ backgroundColor: "transparent",
67
+ borderColor: "transparent",
68
+ color: primary
69
+ }
70
+ }
71
+ };
72
+ }
73
+ export {
74
+ createSwitchTokens
75
+ };
76
+ //# sourceMappingURL=create-switch-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n return {\n animationDuration: 180,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n uncheckedBackgroundColor: tokens.colors.surface.primary.value,\n uncheckedBorderColor: tokens.colors.border.strong.value,\n uncheckedThumbColor: tokens.colors.surface.elevated.value,\n disabledBackgroundColor: tokens.colors.neutral[\"3\"],\n disabledBorderColor: tokens.colors.neutral[\"5\"],\n disabledThumbColor: tokens.colors.neutral[\"7\"],\n loadingIndicatorColor: tokens.colors.surface.elevated.value,\n\n sizes: {\n small: {\n width: 36,\n height: 20,\n thumbSize: 16,\n trackPadding: 1,\n loadingIndicatorScale: 0.5,\n hitSlop: 12,\n },\n medium: {\n width: 44,\n height: 24,\n thumbSize: 20,\n trackPadding: 1,\n loadingIndicatorScale: 0.6,\n hitSlop: 10,\n },\n large: {\n width: 52,\n height: 28,\n thumbSize: 24,\n trackPadding: 1,\n loadingIndicatorScale: 0.7,\n hitSlop: 8,\n },\n },\n\n variants: {\n filled: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n soft: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n ghost: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n plain: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,mBAAmB,OAAO,MAAM;AAAA,IAChC,0BAA0B,OAAO,OAAO,QAAQ,QAAQ;AAAA,IACxD,sBAAsB,OAAO,OAAO,OAAO,OAAO;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,SAAS;AAAA,IACpD,yBAAyB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC9C,oBAAoB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC7C,uBAAuB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAEtD,OAAO;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,cAAc;AAAA,QACd,uBAAuB;AAAA,QACvB,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,cAAc;AAAA,QACd,uBAAuB;AAAA,QACvB,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,cAAc;AAAA,QACd,uBAAuB;AAAA,QACvB,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
@@ -3,16 +3,24 @@ import { TagTokens } from '../types/tag-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/flyout-tokens.types.mjs';
11
15
  import '../types/icon-tokens.types.mjs';
12
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
13
19
  import '../types/select-tokens.types.mjs';
14
20
  import '../types/skeleton-tokens.types.mjs';
15
21
  import '../types/stepper-tokens.types.mjs';
22
+ import '../types/switch-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
10
+ import '../types/control-tokes.types.mjs';
11
+ import '../types/data-state-tokens.types.mjs';
12
+ import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-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/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createTextareaTokens(tokens: PrimitiveThemeTokens): TextareaTokens;
28
+
29
+ export { createTextareaTokens };
@@ -0,0 +1,28 @@
1
+ function createTextareaTokens(tokens) {
2
+ return {
3
+ counterColor: tokens.colors.text.tertiary,
4
+ counterFontSize: tokens.fontSize.xs,
5
+ disabledCounterColor: tokens.colors.text.disabled,
6
+ errorCounterColor: tokens.colors.feedback.error.value,
7
+ footerGap: tokens.space.xs,
8
+ footerMarginTop: tokens.space.xxs,
9
+ sizes: {
10
+ small: {
11
+ lineHeight: tokens.lineHeight.xs,
12
+ paddingVertical: tokens.space.xs
13
+ },
14
+ medium: {
15
+ lineHeight: tokens.lineHeight.xsm,
16
+ paddingVertical: tokens.space.xs
17
+ },
18
+ large: {
19
+ lineHeight: tokens.lineHeight.sm,
20
+ paddingVertical: tokens.space.xs
21
+ }
22
+ }
23
+ };
24
+ }
25
+ export {
26
+ createTextareaTokens
27
+ };
28
+ //# sourceMappingURL=create-textarea-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-textarea-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, TextareaTokens } from \"../types\";\n\nexport function createTextareaTokens(\n tokens: PrimitiveThemeTokens,\n): TextareaTokens {\n return {\n counterColor: tokens.colors.text.tertiary,\n counterFontSize: tokens.fontSize.xs,\n disabledCounterColor: tokens.colors.text.disabled,\n errorCounterColor: tokens.colors.feedback.error.value,\n footerGap: tokens.space.xs,\n footerMarginTop: tokens.space.xxs,\n sizes: {\n small: {\n lineHeight: tokens.lineHeight.xs,\n paddingVertical: tokens.space.xs,\n },\n medium: {\n lineHeight: tokens.lineHeight.xsm,\n paddingVertical: tokens.space.xs,\n },\n large: {\n lineHeight: tokens.lineHeight.sm,\n paddingVertical: tokens.space.xs,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,iBAAiB,OAAO,SAAS;AAAA,IACjC,sBAAsB,OAAO,OAAO,KAAK;AAAA,IACzC,mBAAmB,OAAO,OAAO,SAAS,MAAM;AAAA,IAChD,WAAW,OAAO,MAAM;AAAA,IACxB,iBAAiB,OAAO,MAAM;AAAA,IAC9B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,YAAY,OAAO,WAAW;AAAA,QAC9B,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,OAAO,WAAW;AAAA,QAC9B,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,MACA,OAAO;AAAA,QACL,YAAY,OAAO,WAAW;AAAA,QAC9B,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
@@ -3,17 +3,25 @@ import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/flyout-tokens.types.mjs';
11
15
  import '../types/icon-tokens.types.mjs';
12
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
13
19
  import '../types/select-tokens.types.mjs';
14
20
  import '../types/skeleton-tokens.types.mjs';
15
21
  import '../types/stepper-tokens.types.mjs';
22
+ import '../types/switch-tokens.types.mjs';
16
23
  import '../types/tag-tokens.types.mjs';
24
+ import '../types/textarea-tokens.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
19
27
  declare function createTimePickerTokens(tokens: PrimitiveThemeTokens): TimePickerTokens;
@@ -2,17 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/radio-tokens.types.mjs';
5
+ import '../types/accordion-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
5
7
  import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26
 
@@ -5,17 +5,25 @@ import '../types/theme-provider.types.mjs';
5
5
  import '../types/checkbox-tokens.types.mjs';
6
6
  import '../types/components.types.mjs';
7
7
  import '../types/radio-tokens.types.mjs';
8
+ import '../types/accordion-tokens.types.mjs';
9
+ import '../types/avatar-tokens.types.mjs';
8
10
  import '../types/buttons-tokens.types.mjs';
11
+ import '../types/card-tokens.types.mjs';
9
12
  import '../types/control-tokes.types.mjs';
10
13
  import '../types/data-state-tokens.types.mjs';
11
14
  import '../types/datetime-picker-tokens.types.mjs';
15
+ import '../types/divider-tokens.types.mjs';
12
16
  import '../types/flyout-tokens.types.mjs';
13
17
  import '../types/icon-tokens.types.mjs';
14
18
  import '../types/pressable-tokens.types.mjs';
19
+ import '../types/progress-tokens.types.mjs';
20
+ import '../types/spinner-tokens.types.mjs';
15
21
  import '../types/select-tokens.types.mjs';
16
22
  import '../types/skeleton-tokens.types.mjs';
17
23
  import '../types/stepper-tokens.types.mjs';
24
+ import '../types/switch-tokens.types.mjs';
18
25
  import '../types/tag-tokens.types.mjs';
26
+ import '../types/textarea-tokens.types.mjs';
19
27
  import '../types/time-picker-token.types.mjs';
20
28
  import '../types/tokens.types.mjs';
21
29
  import '../types/chart.types.mjs';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\r\nexport { LightTheme } from \"./light.theme\";\r\nexport * from \"./tokens.theme\";\r\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;","names":[]}
@@ -2,17 +2,25 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/radio-tokens.types.mjs';
5
+ import '../types/accordion-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
5
7
  import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
15
22
  import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
16
24
  import '../types/time-picker-token.types.mjs';
17
25
  import '../types/tokens.types.mjs';
18
26