@impulse-ui-native/theme 2.5.0 → 2.7.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 (63) 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 +5 -1
  8. package/dist/providers/index.d.mts +5 -1
  9. package/dist/providers/theme.provider.d.mts +5 -1
  10. package/dist/providers/theme.provider.js +12 -11
  11. package/dist/providers/theme.provider.js.map +1 -1
  12. package/dist/theme/create-button-tokens.d.mts +5 -1
  13. package/dist/theme/create-checkbox-tokens.d.mts +23 -0
  14. package/dist/theme/create-checkbox-tokens.js +63 -0
  15. package/dist/theme/create-checkbox-tokens.js.map +1 -0
  16. package/dist/theme/create-control-tokens.d.mts +5 -1
  17. package/dist/theme/create-control-tokens.js +30 -3
  18. package/dist/theme/create-control-tokens.js.map +1 -1
  19. package/dist/theme/create-data-state-tokens.d.mts +5 -1
  20. package/dist/theme/create-datetime-picker.d.mts +5 -1
  21. package/dist/theme/create-flyout-tokens.d.mts +5 -1
  22. package/dist/theme/create-icon-button-tokens.d.mts +5 -1
  23. package/dist/theme/create-radio-tokens.d.mts +23 -0
  24. package/dist/theme/create-radio-tokens.js +63 -0
  25. package/dist/theme/create-radio-tokens.js.map +1 -0
  26. package/dist/theme/create-select-tokens.d.mts +5 -1
  27. package/dist/theme/create-skeleton-tokens.d.mts +5 -1
  28. package/dist/theme/create-stepper-tokens.d.mts +5 -1
  29. package/dist/theme/create-switch-tokens.d.mts +23 -0
  30. package/dist/theme/create-switch-tokens.js +76 -0
  31. package/dist/theme/create-switch-tokens.js.map +1 -0
  32. package/dist/theme/create-tag-tokens.d.mts +5 -1
  33. package/dist/theme/create-textarea-tokens.d.mts +23 -0
  34. package/dist/theme/create-textarea-tokens.js +28 -0
  35. package/dist/theme/create-textarea-tokens.js.map +1 -0
  36. package/dist/theme/create-time-picker-tokens.d.mts +5 -1
  37. package/dist/theme/dark.theme.d.mts +5 -1
  38. package/dist/theme/index.d.mts +5 -1
  39. package/dist/theme/index.js.map +1 -1
  40. package/dist/theme/light.theme.d.mts +5 -1
  41. package/dist/theme/tokens.theme.d.mts +5 -1
  42. package/dist/theme/tokens.theme.js +8 -0
  43. package/dist/theme/tokens.theme.js.map +1 -1
  44. package/dist/types/checkbox-tokens.types.d.mts +25 -0
  45. package/dist/types/checkbox-tokens.types.js +1 -0
  46. package/dist/types/checkbox-tokens.types.js.map +1 -0
  47. package/dist/types/control-tokes.types.d.mts +8 -5
  48. package/dist/types/index.d.mts +5 -1
  49. package/dist/types/index.js +4 -0
  50. package/dist/types/index.js.map +1 -1
  51. package/dist/types/radio-tokens.types.d.mts +25 -0
  52. package/dist/types/radio-tokens.types.js +1 -0
  53. package/dist/types/radio-tokens.types.js.map +1 -0
  54. package/dist/types/switch-tokens.types.d.mts +32 -0
  55. package/dist/types/switch-tokens.types.js +1 -0
  56. package/dist/types/switch-tokens.types.js.map +1 -0
  57. package/dist/types/textarea-tokens.types.d.mts +17 -0
  58. package/dist/types/textarea-tokens.types.js +1 -0
  59. package/dist/types/textarea-tokens.types.js.map +1 -0
  60. package/dist/types/theme-provider.types.d.mts +8 -0
  61. package/dist/utils/index.d.mts +5 -1
  62. package/dist/utils/style.utils.d.mts +5 -1
  63. package/package.json +4 -4
@@ -0,0 +1,63 @@
1
+ function createRadioTokens(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
+ borderWidth: tokens.borderSize.md,
8
+ borderRadius: tokens.radii.round,
9
+ uncheckedBackgroundColor: "transparent",
10
+ uncheckedBorderColor: tokens.colors.border.strong.value,
11
+ disabledBackgroundColor: tokens.colors.neutral["3"],
12
+ disabledBorderColor: tokens.colors.neutral["5"],
13
+ disabledColor: tokens.colors.text.disabled,
14
+ sizes: {
15
+ small: {
16
+ size: 20,
17
+ indicatorSize: 8,
18
+ hitSlop: 12
19
+ },
20
+ medium: {
21
+ size: 24,
22
+ indicatorSize: 10,
23
+ hitSlop: 10
24
+ },
25
+ large: {
26
+ size: 28,
27
+ indicatorSize: 12,
28
+ hitSlop: 8
29
+ }
30
+ },
31
+ variants: {
32
+ filled: {
33
+ backgroundColor: primary,
34
+ borderColor: primary,
35
+ color: primaryContrast
36
+ },
37
+ outlined: {
38
+ backgroundColor: "transparent",
39
+ borderColor: primary,
40
+ color: primary
41
+ },
42
+ soft: {
43
+ backgroundColor: secondary,
44
+ borderColor: secondary,
45
+ color: secondaryContrast
46
+ },
47
+ ghost: {
48
+ backgroundColor: "transparent",
49
+ borderColor: "transparent",
50
+ color: primary
51
+ },
52
+ plain: {
53
+ backgroundColor: "transparent",
54
+ borderColor: "transparent",
55
+ color: primary
56
+ }
57
+ }
58
+ };
59
+ }
60
+ export {
61
+ createRadioTokens
62
+ };
63
+ //# sourceMappingURL=create-radio-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-radio-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, RadioTokens } from \"../types\";\n\nexport function createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens {\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 borderWidth: tokens.borderSize.md,\n borderRadius: tokens.radii.round,\n uncheckedBackgroundColor: \"transparent\",\n uncheckedBorderColor: tokens.colors.border.strong.value,\n disabledBackgroundColor: tokens.colors.neutral[\"3\"],\n disabledBorderColor: tokens.colors.neutral[\"5\"],\n disabledColor: tokens.colors.text.disabled,\n\n sizes: {\n small: {\n size: 20,\n indicatorSize: 8,\n hitSlop: 12,\n },\n medium: {\n size: 24,\n indicatorSize: 10,\n hitSlop: 10,\n },\n large: {\n size: 28,\n indicatorSize: 12,\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,kBAAkB,QAA2C;AAC3E,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,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,sBAAsB,OAAO,OAAO,OAAO,OAAO;AAAA,IAClD,yBAAyB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC9C,eAAe,OAAO,OAAO,KAAK;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,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":[]}
@@ -1,7 +1,9 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { SelectTokens } from '../types/select-tokens.types.mjs';
3
- import '../types/buttons-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/buttons-tokens.types.mjs';
5
7
  import '../types/control-tokes.types.mjs';
6
8
  import '../types/data-state-tokens.types.mjs';
7
9
  import '../types/datetime-picker-tokens.types.mjs';
@@ -10,7 +12,9 @@ import '../types/icon-tokens.types.mjs';
10
12
  import '../types/pressable-tokens.types.mjs';
11
13
  import '../types/skeleton-tokens.types.mjs';
12
14
  import '../types/stepper-tokens.types.mjs';
15
+ import '../types/switch-tokens.types.mjs';
13
16
  import '../types/tag-tokens.types.mjs';
17
+ import '../types/textarea-tokens.types.mjs';
14
18
  import '../types/time-picker-token.types.mjs';
15
19
  import '../types/tokens.types.mjs';
16
20
 
@@ -1,7 +1,9 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
3
- import '../types/buttons-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/buttons-tokens.types.mjs';
5
7
  import '../types/control-tokes.types.mjs';
6
8
  import '../types/data-state-tokens.types.mjs';
7
9
  import '../types/datetime-picker-tokens.types.mjs';
@@ -10,7 +12,9 @@ import '../types/icon-tokens.types.mjs';
10
12
  import '../types/pressable-tokens.types.mjs';
11
13
  import '../types/select-tokens.types.mjs';
12
14
  import '../types/stepper-tokens.types.mjs';
15
+ import '../types/switch-tokens.types.mjs';
13
16
  import '../types/tag-tokens.types.mjs';
17
+ import '../types/textarea-tokens.types.mjs';
14
18
  import '../types/time-picker-token.types.mjs';
15
19
  import '../types/tokens.types.mjs';
16
20
 
@@ -1,7 +1,9 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { StepperTokens } from '../types/stepper-tokens.types.mjs';
3
- import '../types/buttons-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/buttons-tokens.types.mjs';
5
7
  import '../types/control-tokes.types.mjs';
6
8
  import '../types/data-state-tokens.types.mjs';
7
9
  import '../types/datetime-picker-tokens.types.mjs';
@@ -10,7 +12,9 @@ import '../types/icon-tokens.types.mjs';
10
12
  import '../types/pressable-tokens.types.mjs';
11
13
  import '../types/select-tokens.types.mjs';
12
14
  import '../types/skeleton-tokens.types.mjs';
15
+ import '../types/switch-tokens.types.mjs';
13
16
  import '../types/tag-tokens.types.mjs';
17
+ import '../types/textarea-tokens.types.mjs';
14
18
  import '../types/time-picker-token.types.mjs';
15
19
  import '../types/tokens.types.mjs';
16
20
 
@@ -0,0 +1,23 @@
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/buttons-tokens.types.mjs';
7
+ import '../types/control-tokes.types.mjs';
8
+ import '../types/data-state-tokens.types.mjs';
9
+ import '../types/datetime-picker-tokens.types.mjs';
10
+ import '../types/flyout-tokens.types.mjs';
11
+ import '../types/icon-tokens.types.mjs';
12
+ import '../types/pressable-tokens.types.mjs';
13
+ import '../types/select-tokens.types.mjs';
14
+ import '../types/skeleton-tokens.types.mjs';
15
+ import '../types/stepper-tokens.types.mjs';
16
+ import '../types/tag-tokens.types.mjs';
17
+ import '../types/textarea-tokens.types.mjs';
18
+ import '../types/time-picker-token.types.mjs';
19
+ import '../types/tokens.types.mjs';
20
+
21
+ declare function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens;
22
+
23
+ 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":[]}
@@ -1,7 +1,9 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { TagTokens } from '../types/tag-tokens.types.mjs';
3
- import '../types/buttons-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/buttons-tokens.types.mjs';
5
7
  import '../types/control-tokes.types.mjs';
6
8
  import '../types/data-state-tokens.types.mjs';
7
9
  import '../types/datetime-picker-tokens.types.mjs';
@@ -11,6 +13,8 @@ import '../types/pressable-tokens.types.mjs';
11
13
  import '../types/select-tokens.types.mjs';
12
14
  import '../types/skeleton-tokens.types.mjs';
13
15
  import '../types/stepper-tokens.types.mjs';
16
+ import '../types/switch-tokens.types.mjs';
17
+ import '../types/textarea-tokens.types.mjs';
14
18
  import '../types/time-picker-token.types.mjs';
15
19
  import '../types/tokens.types.mjs';
16
20
 
@@ -0,0 +1,23 @@
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/buttons-tokens.types.mjs';
7
+ import '../types/control-tokes.types.mjs';
8
+ import '../types/data-state-tokens.types.mjs';
9
+ import '../types/datetime-picker-tokens.types.mjs';
10
+ import '../types/flyout-tokens.types.mjs';
11
+ import '../types/icon-tokens.types.mjs';
12
+ import '../types/pressable-tokens.types.mjs';
13
+ import '../types/select-tokens.types.mjs';
14
+ import '../types/skeleton-tokens.types.mjs';
15
+ import '../types/stepper-tokens.types.mjs';
16
+ import '../types/switch-tokens.types.mjs';
17
+ import '../types/tag-tokens.types.mjs';
18
+ import '../types/time-picker-token.types.mjs';
19
+ import '../types/tokens.types.mjs';
20
+
21
+ declare function createTextareaTokens(tokens: PrimitiveThemeTokens): TextareaTokens;
22
+
23
+ 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":[]}
@@ -1,7 +1,9 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
3
- import '../types/buttons-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/buttons-tokens.types.mjs';
5
7
  import '../types/control-tokes.types.mjs';
6
8
  import '../types/data-state-tokens.types.mjs';
7
9
  import '../types/datetime-picker-tokens.types.mjs';
@@ -11,7 +13,9 @@ import '../types/pressable-tokens.types.mjs';
11
13
  import '../types/select-tokens.types.mjs';
12
14
  import '../types/skeleton-tokens.types.mjs';
13
15
  import '../types/stepper-tokens.types.mjs';
16
+ import '../types/switch-tokens.types.mjs';
14
17
  import '../types/tag-tokens.types.mjs';
18
+ import '../types/textarea-tokens.types.mjs';
15
19
  import '../types/tokens.types.mjs';
16
20
 
17
21
  declare function createTimePickerTokens(tokens: PrimitiveThemeTokens): TimePickerTokens;
@@ -1,6 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
- import '../types/buttons-tokens.types.mjs';
2
+ import '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
+ import '../types/radio-tokens.types.mjs';
5
+ import '../types/buttons-tokens.types.mjs';
4
6
  import '../types/control-tokes.types.mjs';
5
7
  import '../types/data-state-tokens.types.mjs';
6
8
  import '../types/datetime-picker-tokens.types.mjs';
@@ -10,7 +12,9 @@ import '../types/pressable-tokens.types.mjs';
10
12
  import '../types/select-tokens.types.mjs';
11
13
  import '../types/skeleton-tokens.types.mjs';
12
14
  import '../types/stepper-tokens.types.mjs';
15
+ import '../types/switch-tokens.types.mjs';
13
16
  import '../types/tag-tokens.types.mjs';
17
+ import '../types/textarea-tokens.types.mjs';
14
18
  import '../types/time-picker-token.types.mjs';
15
19
  import '../types/tokens.types.mjs';
16
20
 
@@ -2,8 +2,10 @@ 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/buttons-tokens.types.mjs';
5
+ import '../types/checkbox-tokens.types.mjs';
6
6
  import '../types/components.types.mjs';
7
+ import '../types/radio-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
7
9
  import '../types/control-tokes.types.mjs';
8
10
  import '../types/data-state-tokens.types.mjs';
9
11
  import '../types/datetime-picker-tokens.types.mjs';
@@ -13,7 +15,9 @@ import '../types/pressable-tokens.types.mjs';
13
15
  import '../types/select-tokens.types.mjs';
14
16
  import '../types/skeleton-tokens.types.mjs';
15
17
  import '../types/stepper-tokens.types.mjs';
18
+ import '../types/switch-tokens.types.mjs';
16
19
  import '../types/tag-tokens.types.mjs';
20
+ import '../types/textarea-tokens.types.mjs';
17
21
  import '../types/time-picker-token.types.mjs';
18
22
  import '../types/tokens.types.mjs';
19
23
  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":[]}
@@ -1,6 +1,8 @@
1
1
  import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
- import '../types/buttons-tokens.types.mjs';
2
+ import '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
+ import '../types/radio-tokens.types.mjs';
5
+ import '../types/buttons-tokens.types.mjs';
4
6
  import '../types/control-tokes.types.mjs';
5
7
  import '../types/data-state-tokens.types.mjs';
6
8
  import '../types/datetime-picker-tokens.types.mjs';
@@ -10,7 +12,9 @@ import '../types/pressable-tokens.types.mjs';
10
12
  import '../types/select-tokens.types.mjs';
11
13
  import '../types/skeleton-tokens.types.mjs';
12
14
  import '../types/stepper-tokens.types.mjs';
15
+ import '../types/switch-tokens.types.mjs';
13
16
  import '../types/tag-tokens.types.mjs';
17
+ import '../types/textarea-tokens.types.mjs';
14
18
  import '../types/time-picker-token.types.mjs';
15
19
  import '../types/tokens.types.mjs';
16
20
 
@@ -1,8 +1,10 @@
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/buttons-tokens.types.mjs';
4
+ import '../types/checkbox-tokens.types.mjs';
5
5
  import '../types/components.types.mjs';
6
+ import '../types/radio-tokens.types.mjs';
7
+ import '../types/buttons-tokens.types.mjs';
6
8
  import '../types/control-tokes.types.mjs';
7
9
  import '../types/data-state-tokens.types.mjs';
8
10
  import '../types/datetime-picker-tokens.types.mjs';
@@ -12,7 +14,9 @@ import '../types/pressable-tokens.types.mjs';
12
14
  import '../types/select-tokens.types.mjs';
13
15
  import '../types/skeleton-tokens.types.mjs';
14
16
  import '../types/stepper-tokens.types.mjs';
17
+ import '../types/switch-tokens.types.mjs';
15
18
  import '../types/tag-tokens.types.mjs';
19
+ import '../types/textarea-tokens.types.mjs';
16
20
  import '../types/time-picker-token.types.mjs';
17
21
 
18
22
  declare const ChartColorTokens: ChartColorPalette;
@@ -1,4 +1,5 @@
1
1
  import { createButtonTokens } from "./create-button-tokens";
2
+ import { createCheckboxTokens } from "./create-checkbox-tokens";
2
3
  import {
3
4
  createControlAddonTokens,
4
5
  createControlContainerTokens,
@@ -12,10 +13,13 @@ import { createFlyoutTokens } from "./create-flyout-tokens";
12
13
  import { createIconButtonTokens } from "./create-icon-button-tokens";
13
14
  import { createIconTokens } from "./create-icon-tokens";
14
15
  import { createPressableTokens } from "./create-pressable-tokens";
16
+ import { createRadioTokens } from "./create-radio-tokens";
15
17
  import { createSelectTokens } from "./create-select-tokens";
16
18
  import { createSkeletonTokens } from "./create-skeleton-tokens";
17
19
  import { createStepperTokens } from "./create-stepper-tokens";
20
+ import { createSwitchTokens } from "./create-switch-tokens";
18
21
  import { createTagTokens } from "./create-tag-tokens";
22
+ import { createTextareaTokens } from "./create-textarea-tokens";
19
23
  import { createTimePickerTokens } from "./create-time-picker-tokens";
20
24
  const ChartColorTokens = [
21
25
  "#f55d6b",
@@ -237,9 +241,11 @@ const LightColors = {
237
241
  function createComponentsTokens(tokens) {
238
242
  return {
239
243
  button: createButtonTokens(tokens),
244
+ checkbox: createCheckboxTokens(tokens),
240
245
  iconButton: createIconButtonTokens(tokens),
241
246
  icon: createIconTokens(),
242
247
  pressable: createPressableTokens(),
248
+ radio: createRadioTokens(tokens),
243
249
  tag: createTagTokens(tokens),
244
250
  controlAddon: createControlAddonTokens(tokens),
245
251
  controlContainer: createControlContainerTokens(tokens),
@@ -252,6 +258,8 @@ function createComponentsTokens(tokens) {
252
258
  flyout: createFlyoutTokens(tokens),
253
259
  skeleton: createSkeletonTokens(tokens),
254
260
  stepper: createStepperTokens(tokens),
261
+ switch: createSwitchTokens(tokens),
262
+ textarea: createTextareaTokens(tokens),
255
263
  dataState: createDataStateTokens(tokens)
256
264
  };
257
265
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n BorderSize,\n ChartColorPalette,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport {\n createControlAddonTokens,\n createControlContainerTokens,\n createControlErrorTokens,\n createControlInputTokens,\n createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n \"#f55d6b\",\n \"#2563eb\",\n \"#16a34a\",\n \"#9333ea\",\n \"#ea580c\",\n \"#0891b2\",\n \"#db2777\",\n \"#65a30d\",\n \"#4f46e5\",\n \"#0d9488\",\n \"#ca8a04\",\n \"#c026d3\",\n \"#0284c7\",\n \"#7c3aed\",\n \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#f55d6b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n secondary: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#e67700\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#7a9908\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n button: createButtonTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n pressable: createPressableTokens(),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n stepper: createStepperTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n BorderSize,\n ChartColorPalette,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n createControlAddonTokens,\n createControlContainerTokens,\n createControlErrorTokens,\n createControlInputTokens,\n createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n \"#f55d6b\",\n \"#2563eb\",\n \"#16a34a\",\n \"#9333ea\",\n \"#ea580c\",\n \"#0891b2\",\n \"#db2777\",\n \"#65a30d\",\n \"#4f46e5\",\n \"#0d9488\",\n \"#ca8a04\",\n \"#c026d3\",\n \"#0284c7\",\n \"#7c3aed\",\n \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#f55d6b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n secondary: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#e67700\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#7a9908\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n button: createButtonTokens(tokens),\n checkbox: createCheckboxTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n pressable: createPressableTokens(),\n radio: createRadioTokens(tokens),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n stepper: createStepperTokens(tokens),\n switch: createSwitchTokens(tokens),\n textarea: createTextareaTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
@@ -0,0 +1,25 @@
1
+ import { ComponentSize, ComponentVariant } from './components.types.mjs';
2
+
3
+ type CheckboxSizeTokens = Record<ComponentSize, {
4
+ size: number;
5
+ iconSize: number;
6
+ hitSlop: number;
7
+ }>;
8
+ type CheckboxVariantTokens = Record<ComponentVariant, {
9
+ backgroundColor: string;
10
+ borderColor: string;
11
+ color: string;
12
+ }>;
13
+ interface CheckboxTokens {
14
+ borderWidth: number;
15
+ borderRadius: number;
16
+ uncheckedBackgroundColor: string;
17
+ uncheckedBorderColor: string;
18
+ disabledBackgroundColor: string;
19
+ disabledBorderColor: string;
20
+ disabledColor: string;
21
+ sizes: CheckboxSizeTokens;
22
+ variants: CheckboxVariantTokens;
23
+ }
24
+
25
+ export type { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=checkbox-tokens.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,11 +1,14 @@
1
- import { ComponentSize, ComponentVariant } from './components.types.mjs';
1
+ import { ComponentVariant, ComponentSize } from './components.types.mjs';
2
2
 
3
- interface ControlAddonTokens {
4
- marginHorizontal: number;
5
- hitSlop: number;
3
+ type ControlAddonVariantTokens = Record<ComponentVariant, {
6
4
  iconColor: string;
7
5
  errorIconColor: string;
8
6
  disabledIconColor: string;
7
+ }>;
8
+ interface ControlAddonTokens {
9
+ marginHorizontal: number;
10
+ hitSlop: number;
11
+ variants: ControlAddonVariantTokens;
9
12
  }
10
13
  type ControlContainerSizeTokens = Record<ComponentSize, {
11
14
  height: number;
@@ -56,4 +59,4 @@ interface ControlLabelTokens {
56
59
  errorColor: string;
57
60
  }
58
61
 
59
- export type { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };
62
+ export type { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };
@@ -11,15 +11,19 @@ export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, E
11
11
  export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
12
12
  export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
13
13
  export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
14
+ export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './checkbox-tokens.types.mjs';
14
15
  export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './tag-tokens.types.mjs';
15
- export { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
16
+ export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
16
17
  export { SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
17
18
  export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
18
19
  export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
19
20
  export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './flyout-tokens.types.mjs';
20
21
  export { IconTokens } from './icon-tokens.types.mjs';
21
22
  export { PressableTokens } from './pressable-tokens.types.mjs';
23
+ export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-tokens.types.mjs';
22
24
  export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
23
25
  export { StepperNavigationTokens, StepperTokens } from './stepper-tokens.types.mjs';
26
+ export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './switch-tokens.types.mjs';
27
+ export { TextareaSizeTokens, TextareaTokens } from './textarea-tokens.types.mjs';
24
28
  export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './data-state-tokens.types.mjs';
25
29
  import 'react-native';