@impulse-ui-native/theme 2.9.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/dist/constants/index.d.mts +1 -1
  2. package/dist/constants/style.constants.d.mts +3 -3
  3. package/dist/constants/style.constants.js +3 -3
  4. package/dist/constants/style.constants.js.map +1 -1
  5. package/dist/hooks/index.d.mts +2 -1
  6. package/dist/hooks/use-colors.hook.d.mts +2 -1
  7. package/dist/hooks/use-components-tokens.hook.d.mts +2 -1
  8. package/dist/hooks/use-theme.hook.d.mts +2 -1
  9. package/dist/hooks/use-themed-styles.d.mts +2 -1
  10. package/dist/index.d.mts +22 -13
  11. package/dist/providers/index.d.mts +2 -1
  12. package/dist/providers/theme.provider.d.mts +2 -1
  13. package/dist/theme/create-accordion-tokens.d.mts +2 -1
  14. package/dist/theme/create-accordion-tokens.js +24 -7
  15. package/dist/theme/create-accordion-tokens.js.map +1 -1
  16. package/dist/theme/create-avatar-tokens.d.mts +2 -1
  17. package/dist/theme/create-avatar-tokens.js +0 -10
  18. package/dist/theme/create-avatar-tokens.js.map +1 -1
  19. package/dist/theme/create-badge-tokens.d.mts +2 -1
  20. package/dist/theme/create-badge-tokens.js +0 -10
  21. package/dist/theme/create-badge-tokens.js.map +1 -1
  22. package/dist/theme/create-button-tokens.d.mts +2 -1
  23. package/dist/theme/create-button-tokens.js +60 -32
  24. package/dist/theme/create-button-tokens.js.map +1 -1
  25. package/dist/theme/create-card-tokens.d.mts +2 -1
  26. package/dist/theme/create-checkbox-tokens.d.mts +2 -1
  27. package/dist/theme/create-checkbox-tokens.js +60 -24
  28. package/dist/theme/create-checkbox-tokens.js.map +1 -1
  29. package/dist/theme/create-control-tokens.d.mts +2 -1
  30. package/dist/theme/create-control-tokens.js +86 -97
  31. package/dist/theme/create-control-tokens.js.map +1 -1
  32. package/dist/theme/create-data-state-tokens.d.mts +2 -1
  33. package/dist/theme/create-data-state-tokens.js.map +1 -1
  34. package/dist/theme/create-datetime-picker.d.mts +2 -1
  35. package/dist/theme/create-datetime-picker.js +18 -6
  36. package/dist/theme/create-datetime-picker.js.map +1 -1
  37. package/dist/theme/create-divider-tokens.d.mts +2 -1
  38. package/dist/theme/create-flyout-tokens.d.mts +2 -1
  39. package/dist/theme/create-flyout-tokens.js.map +1 -1
  40. package/dist/theme/create-icon-button-tokens.d.mts +2 -1
  41. package/dist/theme/create-icon-button-tokens.js +60 -32
  42. package/dist/theme/create-icon-button-tokens.js.map +1 -1
  43. package/dist/theme/create-progress-tokens.d.mts +2 -1
  44. package/dist/theme/create-radio-tokens.d.mts +2 -1
  45. package/dist/theme/create-radio-tokens.js +60 -24
  46. package/dist/theme/create-radio-tokens.js.map +1 -1
  47. package/dist/theme/create-select-tokens.d.mts +2 -1
  48. package/dist/theme/create-select-tokens.js +10 -3
  49. package/dist/theme/create-select-tokens.js.map +1 -1
  50. package/dist/theme/create-skeleton-tokens.d.mts +2 -1
  51. package/dist/theme/create-skeleton-tokens.js.map +1 -1
  52. package/dist/theme/create-slider-tokens.d.mts +31 -0
  53. package/dist/theme/create-slider-tokens.js +182 -0
  54. package/dist/theme/create-slider-tokens.js.map +1 -0
  55. package/dist/theme/create-spinner-tokens.d.mts +2 -1
  56. package/dist/theme/create-stepper-tokens.d.mts +2 -1
  57. package/dist/theme/create-switch-tokens.d.mts +2 -1
  58. package/dist/theme/create-switch-tokens.js +48 -25
  59. package/dist/theme/create-switch-tokens.js.map +1 -1
  60. package/dist/theme/create-tag-tokens.d.mts +2 -1
  61. package/dist/theme/create-tag-tokens.js +228 -68
  62. package/dist/theme/create-tag-tokens.js.map +1 -1
  63. package/dist/theme/create-textarea-tokens.d.mts +2 -1
  64. package/dist/theme/create-textarea-tokens.js +6 -3
  65. package/dist/theme/create-textarea-tokens.js.map +1 -1
  66. package/dist/theme/create-time-picker-tokens.d.mts +2 -1
  67. package/dist/theme/create-time-picker-tokens.js +10 -4
  68. package/dist/theme/create-time-picker-tokens.js.map +1 -1
  69. package/dist/theme/dark.theme.d.mts +2 -1
  70. package/dist/theme/index.d.mts +3 -1
  71. package/dist/theme/index.js +1 -0
  72. package/dist/theme/index.js.map +1 -1
  73. package/dist/theme/light.theme.d.mts +2 -1
  74. package/dist/theme/tokens.theme.d.mts +2 -1
  75. package/dist/theme/tokens.theme.js +2 -0
  76. package/dist/theme/tokens.theme.js.map +1 -1
  77. package/dist/types/accordion-tokens.types.d.mts +11 -7
  78. package/dist/types/avatar-tokens.types.d.mts +2 -2
  79. package/dist/types/badge-tokens.types.d.mts +2 -2
  80. package/dist/types/buttons-tokens.types.d.mts +6 -15
  81. package/dist/types/checkbox-tokens.types.d.mts +5 -9
  82. package/dist/types/components.types.d.mts +36 -2
  83. package/dist/types/control-tokens.types.d.mts +57 -0
  84. package/dist/types/control-tokens.types.js +1 -0
  85. package/dist/types/datetime-picker-tokens.types.d.mts +14 -7
  86. package/dist/types/index.d.mts +13 -12
  87. package/dist/types/index.js +2 -1
  88. package/dist/types/index.js.map +1 -1
  89. package/dist/types/radio-tokens.types.d.mts +5 -9
  90. package/dist/types/select-tokens.types.d.mts +8 -4
  91. package/dist/types/slider-tokens.types.d.mts +43 -0
  92. package/dist/types/slider-tokens.types.js +1 -0
  93. package/dist/types/slider-tokens.types.js.map +1 -0
  94. package/dist/types/switch-tokens.types.d.mts +11 -13
  95. package/dist/types/tag-tokens.types.d.mts +5 -7
  96. package/dist/types/textarea-tokens.types.d.mts +6 -5
  97. package/dist/types/theme-provider.types.d.mts +3 -1
  98. package/dist/types/time-picker-token.types.d.mts +8 -5
  99. package/dist/utils/action-state.utils.d.mts +5 -0
  100. package/dist/utils/action-state.utils.js +9 -0
  101. package/dist/utils/action-state.utils.js.map +1 -0
  102. package/dist/utils/availability-state.utils.d.mts +5 -0
  103. package/dist/utils/availability-state.utils.js +8 -0
  104. package/dist/utils/availability-state.utils.js.map +1 -0
  105. package/dist/utils/control-state.utils.d.mts +5 -0
  106. package/dist/utils/control-state.utils.js +9 -0
  107. package/dist/utils/control-state.utils.js.map +1 -0
  108. package/dist/utils/datetime-picker-state.utils.d.mts +6 -0
  109. package/dist/utils/datetime-picker-state.utils.js +10 -0
  110. package/dist/utils/datetime-picker-state.utils.js.map +1 -0
  111. package/dist/utils/field-state.utils.d.mts +5 -0
  112. package/dist/utils/field-state.utils.js +9 -0
  113. package/dist/utils/field-state.utils.js.map +1 -0
  114. package/dist/utils/index.d.mts +11 -3
  115. package/dist/utils/index.js +7 -0
  116. package/dist/utils/index.js.map +1 -1
  117. package/dist/utils/selection-item-state.utils.d.mts +5 -0
  118. package/dist/utils/selection-item-state.utils.js +8 -0
  119. package/dist/utils/selection-item-state.utils.js.map +1 -0
  120. package/dist/utils/selection-state.utils.d.mts +5 -0
  121. package/dist/utils/selection-state.utils.js +11 -0
  122. package/dist/utils/selection-state.utils.js.map +1 -0
  123. package/dist/utils/style.utils.d.mts +2 -1
  124. package/dist/utils/style.utils.js +2 -2
  125. package/dist/utils/style.utils.js.map +1 -1
  126. package/package.json +3 -3
  127. package/dist/types/control-tokes.types.d.mts +0 -62
  128. package/dist/types/control-tokes.types.js +0 -1
  129. /package/dist/types/{control-tokes.types.js.map → control-tokens.types.js.map} +0 -0
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
8
8
  import '../types/avatar-tokens.types.mjs';
9
9
  import '../types/buttons-tokens.types.mjs';
10
10
  import '../types/card-tokens.types.mjs';
11
- import '../types/control-tokes.types.mjs';
11
+ import '../types/control-tokens.types.mjs';
12
12
  import '../types/data-state-tokens.types.mjs';
13
13
  import '../types/datetime-picker-tokens.types.mjs';
14
14
  import '../types/divider-tokens.types.mjs';
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
19
19
  import '../types/spinner-tokens.types.mjs';
20
20
  import '../types/select-tokens.types.mjs';
21
21
  import '../types/skeleton-tokens.types.mjs';
22
+ import '../types/slider-tokens.types.mjs';
22
23
  import '../types/switch-tokens.types.mjs';
23
24
  import '../types/tag-tokens.types.mjs';
24
25
  import '../types/textarea-tokens.types.mjs';
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
8
8
  import '../types/avatar-tokens.types.mjs';
9
9
  import '../types/buttons-tokens.types.mjs';
10
10
  import '../types/card-tokens.types.mjs';
11
- import '../types/control-tokes.types.mjs';
11
+ import '../types/control-tokens.types.mjs';
12
12
  import '../types/data-state-tokens.types.mjs';
13
13
  import '../types/datetime-picker-tokens.types.mjs';
14
14
  import '../types/divider-tokens.types.mjs';
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
19
19
  import '../types/spinner-tokens.types.mjs';
20
20
  import '../types/select-tokens.types.mjs';
21
21
  import '../types/skeleton-tokens.types.mjs';
22
+ import '../types/slider-tokens.types.mjs';
22
23
  import '../types/stepper-tokens.types.mjs';
23
24
  import '../types/tag-tokens.types.mjs';
24
25
  import '../types/textarea-tokens.types.mjs';
@@ -8,12 +8,6 @@ function createSwitchTokens(tokens) {
8
8
  borderWidth: tokens.borderSize.sm,
9
9
  borderRadius: tokens.radii.round,
10
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
11
  loadingIndicatorColor: tokens.colors.surface.elevated.value,
18
12
  sizes: {
19
13
  small: {
@@ -43,29 +37,58 @@ function createSwitchTokens(tokens) {
43
37
  },
44
38
  variants: {
45
39
  filled: {
46
- backgroundColor: primary,
47
- borderColor: primary,
48
- color: primaryContrast
40
+ default: {
41
+ activeBackgroundColor: primary,
42
+ activeBorderColor: primary,
43
+ activeThumbColor: primaryContrast,
44
+ inactiveBackgroundColor: tokens.colors.surface.primary.value,
45
+ inactiveBorderColor: tokens.colors.border.strong.value,
46
+ inactiveThumbColor: tokens.colors.surface.elevated.value
47
+ },
48
+ disabled: {
49
+ activeBackgroundColor: tokens.colors.neutral["3"],
50
+ activeBorderColor: tokens.colors.neutral["5"],
51
+ activeThumbColor: tokens.colors.neutral["7"],
52
+ inactiveBackgroundColor: tokens.colors.neutral["3"],
53
+ inactiveBorderColor: tokens.colors.neutral["5"],
54
+ inactiveThumbColor: tokens.colors.neutral["7"]
55
+ }
49
56
  },
50
57
  outlined: {
51
- backgroundColor: "transparent",
52
- borderColor: primary,
53
- color: primary
58
+ default: {
59
+ activeBackgroundColor: "transparent",
60
+ activeBorderColor: primary,
61
+ activeThumbColor: primary,
62
+ inactiveBackgroundColor: tokens.colors.surface.primary.value,
63
+ inactiveBorderColor: tokens.colors.border.strong.value,
64
+ inactiveThumbColor: tokens.colors.surface.elevated.value
65
+ },
66
+ disabled: {
67
+ activeBackgroundColor: tokens.colors.neutral["3"],
68
+ activeBorderColor: tokens.colors.neutral["5"],
69
+ activeThumbColor: tokens.colors.neutral["7"],
70
+ inactiveBackgroundColor: tokens.colors.neutral["3"],
71
+ inactiveBorderColor: tokens.colors.neutral["5"],
72
+ inactiveThumbColor: tokens.colors.neutral["7"]
73
+ }
54
74
  },
55
75
  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
76
+ default: {
77
+ activeBackgroundColor: secondary,
78
+ activeBorderColor: secondary,
79
+ activeThumbColor: secondaryContrast,
80
+ inactiveBackgroundColor: tokens.colors.surface.primary.value,
81
+ inactiveBorderColor: tokens.colors.border.strong.value,
82
+ inactiveThumbColor: tokens.colors.surface.elevated.value
83
+ },
84
+ disabled: {
85
+ activeBackgroundColor: tokens.colors.neutral["3"],
86
+ activeBorderColor: tokens.colors.neutral["5"],
87
+ activeThumbColor: tokens.colors.neutral["7"],
88
+ inactiveBackgroundColor: tokens.colors.neutral["3"],
89
+ inactiveBorderColor: tokens.colors.neutral["5"],
90
+ inactiveThumbColor: tokens.colors.neutral["7"]
91
+ }
69
92
  }
70
93
  }
71
94
  };
@@ -1 +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
+ {"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 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 default: {\n activeBackgroundColor: primary,\n activeBorderColor: primary,\n activeThumbColor: primaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: primary,\n activeThumbColor: primary,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n soft: {\n default: {\n activeBackgroundColor: secondary,\n activeBorderColor: secondary,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
8
8
  import '../types/avatar-tokens.types.mjs';
9
9
  import '../types/buttons-tokens.types.mjs';
10
10
  import '../types/card-tokens.types.mjs';
11
- import '../types/control-tokes.types.mjs';
11
+ import '../types/control-tokens.types.mjs';
12
12
  import '../types/data-state-tokens.types.mjs';
13
13
  import '../types/datetime-picker-tokens.types.mjs';
14
14
  import '../types/divider-tokens.types.mjs';
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
19
19
  import '../types/spinner-tokens.types.mjs';
20
20
  import '../types/select-tokens.types.mjs';
21
21
  import '../types/skeleton-tokens.types.mjs';
22
+ import '../types/slider-tokens.types.mjs';
22
23
  import '../types/stepper-tokens.types.mjs';
23
24
  import '../types/switch-tokens.types.mjs';
24
25
  import '../types/textarea-tokens.types.mjs';
@@ -1,48 +1,4 @@
1
1
  function createTagTokens(tokens) {
2
- const neutral = tokens.colors.neutral;
3
- const disabledColor = tokens.colors.text.disabled;
4
- const createVariants = (value, contrast) => ({
5
- filled: {
6
- backgroundColor: value,
7
- borderColor: value,
8
- color: contrast,
9
- disabledBackgroundColor: neutral["4"],
10
- disabledBorderColor: neutral["6"],
11
- disabledColor
12
- },
13
- outlined: {
14
- backgroundColor: "transparent",
15
- borderColor: value,
16
- color: value,
17
- disabledBackgroundColor: "transparent",
18
- disabledBorderColor: neutral["6"],
19
- disabledColor
20
- },
21
- soft: {
22
- backgroundColor: contrast,
23
- borderColor: contrast,
24
- color: value,
25
- disabledBackgroundColor: neutral["3"],
26
- disabledBorderColor: neutral["3"],
27
- disabledColor
28
- },
29
- ghost: {
30
- backgroundColor: "transparent",
31
- borderColor: "transparent",
32
- color: value,
33
- disabledBackgroundColor: "transparent",
34
- disabledBorderColor: "transparent",
35
- disabledColor
36
- },
37
- plain: {
38
- backgroundColor: "transparent",
39
- borderColor: "transparent",
40
- color: value,
41
- disabledBackgroundColor: "transparent",
42
- disabledBorderColor: "transparent",
43
- disabledColor
44
- }
45
- });
46
2
  return {
47
3
  borderWidth: tokens.borderSize.sm,
48
4
  borderRadius: tokens.radii.round,
@@ -70,30 +26,234 @@ function createTagTokens(tokens) {
70
26
  }
71
27
  },
72
28
  colors: {
73
- primary: createVariants(
74
- tokens.colors.primary.value,
75
- tokens.colors.primary.contrast
76
- ),
77
- secondary: createVariants(
78
- tokens.colors.secondary.value,
79
- tokens.colors.secondary.contrast
80
- ),
81
- error: createVariants(
82
- tokens.colors.feedback.error.value,
83
- tokens.colors.feedback.error.contrast
84
- ),
85
- warning: createVariants(
86
- tokens.colors.feedback.warning.value,
87
- tokens.colors.feedback.warning.contrast
88
- ),
89
- success: createVariants(
90
- tokens.colors.feedback.success.value,
91
- tokens.colors.feedback.success.contrast
92
- ),
93
- info: createVariants(
94
- tokens.colors.feedback.info.value,
95
- tokens.colors.feedback.info.contrast
96
- )
29
+ primary: {
30
+ filled: {
31
+ default: {
32
+ backgroundColor: tokens.colors.primary.value,
33
+ borderColor: tokens.colors.primary.value,
34
+ color: tokens.colors.primary.contrast
35
+ },
36
+ disabled: {
37
+ backgroundColor: tokens.colors.neutral["4"],
38
+ borderColor: tokens.colors.neutral["6"],
39
+ color: tokens.colors.text.disabled
40
+ }
41
+ },
42
+ outlined: {
43
+ default: {
44
+ backgroundColor: "transparent",
45
+ borderColor: tokens.colors.primary.value,
46
+ color: tokens.colors.primary.value
47
+ },
48
+ disabled: {
49
+ backgroundColor: "transparent",
50
+ borderColor: tokens.colors.neutral["6"],
51
+ color: tokens.colors.text.disabled
52
+ }
53
+ },
54
+ soft: {
55
+ default: {
56
+ backgroundColor: tokens.colors.primary.contrast,
57
+ borderColor: tokens.colors.primary.contrast,
58
+ color: tokens.colors.primary.value
59
+ },
60
+ disabled: {
61
+ backgroundColor: tokens.colors.neutral["3"],
62
+ borderColor: tokens.colors.neutral["3"],
63
+ color: tokens.colors.text.disabled
64
+ }
65
+ }
66
+ },
67
+ secondary: {
68
+ filled: {
69
+ default: {
70
+ backgroundColor: tokens.colors.secondary.value,
71
+ borderColor: tokens.colors.secondary.value,
72
+ color: tokens.colors.secondary.contrast
73
+ },
74
+ disabled: {
75
+ backgroundColor: tokens.colors.neutral["4"],
76
+ borderColor: tokens.colors.neutral["6"],
77
+ color: tokens.colors.text.disabled
78
+ }
79
+ },
80
+ outlined: {
81
+ default: {
82
+ backgroundColor: "transparent",
83
+ borderColor: tokens.colors.secondary.value,
84
+ color: tokens.colors.secondary.value
85
+ },
86
+ disabled: {
87
+ backgroundColor: "transparent",
88
+ borderColor: tokens.colors.neutral["6"],
89
+ color: tokens.colors.text.disabled
90
+ }
91
+ },
92
+ soft: {
93
+ default: {
94
+ backgroundColor: tokens.colors.secondary.contrast,
95
+ borderColor: tokens.colors.secondary.contrast,
96
+ color: tokens.colors.secondary.value
97
+ },
98
+ disabled: {
99
+ backgroundColor: tokens.colors.neutral["3"],
100
+ borderColor: tokens.colors.neutral["3"],
101
+ color: tokens.colors.text.disabled
102
+ }
103
+ }
104
+ },
105
+ error: {
106
+ filled: {
107
+ default: {
108
+ backgroundColor: tokens.colors.feedback.error.value,
109
+ borderColor: tokens.colors.feedback.error.value,
110
+ color: tokens.colors.feedback.error.contrast
111
+ },
112
+ disabled: {
113
+ backgroundColor: tokens.colors.neutral["4"],
114
+ borderColor: tokens.colors.neutral["6"],
115
+ color: tokens.colors.text.disabled
116
+ }
117
+ },
118
+ outlined: {
119
+ default: {
120
+ backgroundColor: "transparent",
121
+ borderColor: tokens.colors.feedback.error.value,
122
+ color: tokens.colors.feedback.error.value
123
+ },
124
+ disabled: {
125
+ backgroundColor: "transparent",
126
+ borderColor: tokens.colors.neutral["6"],
127
+ color: tokens.colors.text.disabled
128
+ }
129
+ },
130
+ soft: {
131
+ default: {
132
+ backgroundColor: tokens.colors.feedback.error.contrast,
133
+ borderColor: tokens.colors.feedback.error.contrast,
134
+ color: tokens.colors.feedback.error.value
135
+ },
136
+ disabled: {
137
+ backgroundColor: tokens.colors.neutral["3"],
138
+ borderColor: tokens.colors.neutral["3"],
139
+ color: tokens.colors.text.disabled
140
+ }
141
+ }
142
+ },
143
+ warning: {
144
+ filled: {
145
+ default: {
146
+ backgroundColor: tokens.colors.feedback.warning.value,
147
+ borderColor: tokens.colors.feedback.warning.value,
148
+ color: tokens.colors.feedback.warning.contrast
149
+ },
150
+ disabled: {
151
+ backgroundColor: tokens.colors.neutral["4"],
152
+ borderColor: tokens.colors.neutral["6"],
153
+ color: tokens.colors.text.disabled
154
+ }
155
+ },
156
+ outlined: {
157
+ default: {
158
+ backgroundColor: "transparent",
159
+ borderColor: tokens.colors.feedback.warning.value,
160
+ color: tokens.colors.feedback.warning.value
161
+ },
162
+ disabled: {
163
+ backgroundColor: "transparent",
164
+ borderColor: tokens.colors.neutral["6"],
165
+ color: tokens.colors.text.disabled
166
+ }
167
+ },
168
+ soft: {
169
+ default: {
170
+ backgroundColor: tokens.colors.feedback.warning.contrast,
171
+ borderColor: tokens.colors.feedback.warning.contrast,
172
+ color: tokens.colors.feedback.warning.value
173
+ },
174
+ disabled: {
175
+ backgroundColor: tokens.colors.neutral["3"],
176
+ borderColor: tokens.colors.neutral["3"],
177
+ color: tokens.colors.text.disabled
178
+ }
179
+ }
180
+ },
181
+ success: {
182
+ filled: {
183
+ default: {
184
+ backgroundColor: tokens.colors.feedback.success.value,
185
+ borderColor: tokens.colors.feedback.success.value,
186
+ color: tokens.colors.feedback.success.contrast
187
+ },
188
+ disabled: {
189
+ backgroundColor: tokens.colors.neutral["4"],
190
+ borderColor: tokens.colors.neutral["6"],
191
+ color: tokens.colors.text.disabled
192
+ }
193
+ },
194
+ outlined: {
195
+ default: {
196
+ backgroundColor: "transparent",
197
+ borderColor: tokens.colors.feedback.success.value,
198
+ color: tokens.colors.feedback.success.value
199
+ },
200
+ disabled: {
201
+ backgroundColor: "transparent",
202
+ borderColor: tokens.colors.neutral["6"],
203
+ color: tokens.colors.text.disabled
204
+ }
205
+ },
206
+ soft: {
207
+ default: {
208
+ backgroundColor: tokens.colors.feedback.success.contrast,
209
+ borderColor: tokens.colors.feedback.success.contrast,
210
+ color: tokens.colors.feedback.success.value
211
+ },
212
+ disabled: {
213
+ backgroundColor: tokens.colors.neutral["3"],
214
+ borderColor: tokens.colors.neutral["3"],
215
+ color: tokens.colors.text.disabled
216
+ }
217
+ }
218
+ },
219
+ info: {
220
+ filled: {
221
+ default: {
222
+ backgroundColor: tokens.colors.feedback.info.value,
223
+ borderColor: tokens.colors.feedback.info.value,
224
+ color: tokens.colors.feedback.info.contrast
225
+ },
226
+ disabled: {
227
+ backgroundColor: tokens.colors.neutral["4"],
228
+ borderColor: tokens.colors.neutral["6"],
229
+ color: tokens.colors.text.disabled
230
+ }
231
+ },
232
+ outlined: {
233
+ default: {
234
+ backgroundColor: "transparent",
235
+ borderColor: tokens.colors.feedback.info.value,
236
+ color: tokens.colors.feedback.info.value
237
+ },
238
+ disabled: {
239
+ backgroundColor: "transparent",
240
+ borderColor: tokens.colors.neutral["6"],
241
+ color: tokens.colors.text.disabled
242
+ }
243
+ },
244
+ soft: {
245
+ default: {
246
+ backgroundColor: tokens.colors.feedback.info.contrast,
247
+ borderColor: tokens.colors.feedback.info.contrast,
248
+ color: tokens.colors.feedback.info.value
249
+ },
250
+ disabled: {
251
+ backgroundColor: tokens.colors.neutral["3"],
252
+ borderColor: tokens.colors.neutral["3"],
253
+ color: tokens.colors.text.disabled
254
+ }
255
+ }
256
+ }
97
257
  }
98
258
  };
99
259
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n const neutral = tokens.colors.neutral;\n const disabledColor = tokens.colors.text.disabled;\n\n const createVariants = (value: string, contrast: string) => ({\n filled: {\n backgroundColor: value,\n borderColor: value,\n color: contrast,\n\n disabledBackgroundColor: neutral[\"4\"],\n disabledBorderColor: neutral[\"6\"],\n disabledColor,\n },\n\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: value,\n color: value,\n\n disabledBackgroundColor: \"transparent\",\n disabledBorderColor: neutral[\"6\"],\n disabledColor,\n },\n\n soft: {\n backgroundColor: contrast,\n borderColor: contrast,\n color: value,\n\n disabledBackgroundColor: neutral[\"3\"],\n disabledBorderColor: neutral[\"3\"],\n disabledColor,\n },\n\n ghost: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n\n disabledBackgroundColor: \"transparent\",\n disabledBorderColor: \"transparent\",\n disabledColor,\n },\n\n plain: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n\n disabledBackgroundColor: \"transparent\",\n disabledBorderColor: \"transparent\",\n disabledColor,\n },\n });\n\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n gap: tokens.space.xxs,\n closeHitSlop: 10,\n iconMarginLeft: tokens.borderSize.md,\n\n sizes: {\n small: {\n height: 24,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xl,\n fontSize: tokens.fontSize.xs,\n },\n\n medium: {\n height: 28,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n\n large: {\n height: 32,\n paddingHorizontal: tokens.space.mxs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n },\n\n colors: {\n primary: createVariants(\n tokens.colors.primary.value,\n tokens.colors.primary.contrast,\n ),\n\n secondary: createVariants(\n tokens.colors.secondary.value,\n tokens.colors.secondary.contrast,\n ),\n\n error: createVariants(\n tokens.colors.feedback.error.value,\n tokens.colors.feedback.error.contrast,\n ),\n\n warning: createVariants(\n tokens.colors.feedback.warning.value,\n tokens.colors.feedback.warning.contrast,\n ),\n\n success: createVariants(\n tokens.colors.feedback.success.value,\n tokens.colors.feedback.success.contrast,\n ),\n\n info: createVariants(\n tokens.colors.feedback.info.value,\n tokens.colors.feedback.info.contrast,\n ),\n },\n };\n}\n"],"mappings":"AAEO,SAAS,gBAAgB,QAAyC;AACvE,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,QAAM,iBAAiB,CAAC,OAAe,cAAsB;AAAA,IAC3D,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,KAAK,OAAO,MAAM;AAAA,IAClB,cAAc;AAAA,IACd,gBAAgB,OAAO,WAAW;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MAEA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MAEA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n gap: tokens.space.xxs,\n closeHitSlop: 10,\n iconMarginLeft: tokens.borderSize.md,\n\n sizes: {\n small: {\n height: 24,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xl,\n fontSize: tokens.fontSize.xs,\n },\n\n medium: {\n height: 28,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n\n large: {\n height: 32,\n paddingHorizontal: tokens.space.mxs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n },\n\n colors: {\n primary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.primary.value,\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.primary.contrast,\n borderColor: tokens.colors.primary.contrast,\n color: tokens.colors.primary.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n secondary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.secondary.contrast,\n borderColor: tokens.colors.secondary.contrast,\n color: tokens.colors.secondary.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n error: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.error.value,\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.error.contrast,\n borderColor: tokens.colors.feedback.error.contrast,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n warning: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.value,\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.contrast,\n borderColor: tokens.colors.feedback.warning.contrast,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n success: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.success.value,\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.success.contrast,\n borderColor: tokens.colors.feedback.success.contrast,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n info: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.info.value,\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.info.contrast,\n borderColor: tokens.colors.feedback.info.contrast,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
8
8
  import '../types/avatar-tokens.types.mjs';
9
9
  import '../types/buttons-tokens.types.mjs';
10
10
  import '../types/card-tokens.types.mjs';
11
- import '../types/control-tokes.types.mjs';
11
+ import '../types/control-tokens.types.mjs';
12
12
  import '../types/data-state-tokens.types.mjs';
13
13
  import '../types/datetime-picker-tokens.types.mjs';
14
14
  import '../types/divider-tokens.types.mjs';
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
19
19
  import '../types/spinner-tokens.types.mjs';
20
20
  import '../types/select-tokens.types.mjs';
21
21
  import '../types/skeleton-tokens.types.mjs';
22
+ import '../types/slider-tokens.types.mjs';
22
23
  import '../types/stepper-tokens.types.mjs';
23
24
  import '../types/switch-tokens.types.mjs';
24
25
  import '../types/tag-tokens.types.mjs';
@@ -1,9 +1,6 @@
1
1
  function createTextareaTokens(tokens) {
2
2
  return {
3
- counterColor: tokens.colors.text.tertiary,
4
3
  counterFontSize: tokens.fontSize.xs,
5
- disabledCounterColor: tokens.colors.text.disabled,
6
- errorCounterColor: tokens.colors.feedback.error.value,
7
4
  footerGap: tokens.space.xs,
8
5
  footerMarginTop: tokens.space.xxs,
9
6
  sizes: {
@@ -19,6 +16,12 @@ function createTextareaTokens(tokens) {
19
16
  lineHeight: tokens.lineHeight.sm,
20
17
  paddingVertical: tokens.space.xs
21
18
  }
19
+ },
20
+ states: {
21
+ default: { counterColor: tokens.colors.text.tertiary },
22
+ error: { counterColor: tokens.colors.feedback.error.value },
23
+ disabled: { counterColor: tokens.colors.text.disabled },
24
+ disabledError: { counterColor: tokens.colors.text.disabled }
22
25
  }
23
26
  };
24
27
  }
@@ -1 +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
+ {"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 counterFontSize: tokens.fontSize.xs,\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 states: {\n default: { counterColor: tokens.colors.text.tertiary },\n error: { counterColor: tokens.colors.feedback.error.value },\n disabled: { counterColor: tokens.colors.text.disabled },\n disabledError: { counterColor: tokens.colors.text.disabled },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,iBAAiB,OAAO,SAAS;AAAA,IACjC,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,IACA,QAAQ;AAAA,MACN,SAAS,EAAE,cAAc,OAAO,OAAO,KAAK,SAAS;AAAA,MACrD,OAAO,EAAE,cAAc,OAAO,OAAO,SAAS,MAAM,MAAM;AAAA,MAC1D,UAAU,EAAE,cAAc,OAAO,OAAO,KAAK,SAAS;AAAA,MACtD,eAAe,EAAE,cAAc,OAAO,OAAO,KAAK,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;","names":[]}
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
8
8
  import '../types/avatar-tokens.types.mjs';
9
9
  import '../types/buttons-tokens.types.mjs';
10
10
  import '../types/card-tokens.types.mjs';
11
- import '../types/control-tokes.types.mjs';
11
+ import '../types/control-tokens.types.mjs';
12
12
  import '../types/data-state-tokens.types.mjs';
13
13
  import '../types/datetime-picker-tokens.types.mjs';
14
14
  import '../types/divider-tokens.types.mjs';
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
19
19
  import '../types/spinner-tokens.types.mjs';
20
20
  import '../types/select-tokens.types.mjs';
21
21
  import '../types/skeleton-tokens.types.mjs';
22
+ import '../types/slider-tokens.types.mjs';
22
23
  import '../types/stepper-tokens.types.mjs';
23
24
  import '../types/switch-tokens.types.mjs';
24
25
  import '../types/tag-tokens.types.mjs';
@@ -15,10 +15,16 @@ function createTimePickerTokens(tokens) {
15
15
  verticalPadding: VerticalPadding,
16
16
  initialScrollIndexViewOffset: -VerticalPadding,
17
17
  fontSize: tokens.fontSize.xl,
18
- selectedColor: tokens.colors.primary.value,
19
- color: tokens.colors.text.primary,
20
- selectedFontWeight: tokens.fontWeight.semiBold,
21
- fontWeight: tokens.fontWeight.regular
18
+ states: {
19
+ default: {
20
+ color: tokens.colors.text.primary,
21
+ fontWeight: tokens.fontWeight.regular
22
+ },
23
+ selected: {
24
+ color: tokens.colors.primary.value,
25
+ fontWeight: tokens.fontWeight.semiBold
26
+ }
27
+ }
22
28
  },
23
29
  flyout: {
24
30
  gap: tokens.space.msm
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-time-picker-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TimePickerTokens } from \"../types\";\r\n\r\nexport function createTimePickerTokens(\r\n tokens: PrimitiveThemeTokens,\r\n): TimePickerTokens {\r\n const ItemHeight = 50;\r\n const VisibleItems = 5;\r\n const ContainerHeight = ItemHeight * VisibleItems;\r\n const VerticalPadding = ContainerHeight / 2 - ItemHeight / 2;\r\n const ColumnWidth = 70;\r\n\r\n return {\r\n column: {\r\n width: ColumnWidth,\r\n height: ContainerHeight,\r\n gap: tokens.space.xxs,\r\n\r\n listWidth: 30,\r\n itemHeight: ItemHeight,\r\n visibleItems: VisibleItems,\r\n verticalPadding: VerticalPadding,\r\n initialScrollIndexViewOffset: -VerticalPadding,\r\n\r\n fontSize: tokens.fontSize.xl,\r\n selectedColor: tokens.colors.primary.value,\r\n color: tokens.colors.text.primary,\r\n selectedFontWeight: tokens.fontWeight.semiBold,\r\n fontWeight: tokens.fontWeight.regular,\r\n },\r\n\r\n flyout: {\r\n gap: tokens.space.msm,\r\n },\r\n\r\n columns: {\r\n height: ContainerHeight,\r\n gap: tokens.space.xs,\r\n indicatorHeight: ItemHeight,\r\n indicatorWidth: ColumnWidth * 3 + 70,\r\n indicatorTop: VerticalPadding,\r\n indicatorBorderRadius: tokens.radii.round,\r\n indicatorBackgroundColor: tokens.colors.surface.primary.value,\r\n },\r\n };\r\n}\r\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,aAAa;AACnB,QAAM,eAAe;AACrB,QAAM,kBAAkB,aAAa;AACrC,QAAM,kBAAkB,kBAAkB,IAAI,aAAa;AAC3D,QAAM,cAAc;AAEpB,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAElB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,8BAA8B,CAAC;AAAA,MAE/B,UAAU,OAAO,SAAS;AAAA,MAC1B,eAAe,OAAO,OAAO,QAAQ;AAAA,MACrC,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,oBAAoB,OAAO,WAAW;AAAA,MACtC,YAAY,OAAO,WAAW;AAAA,IAChC;AAAA,IAEA,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IAEA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAClB,iBAAiB;AAAA,MACjB,gBAAgB,cAAc,IAAI;AAAA,MAClC,cAAc;AAAA,MACd,uBAAuB,OAAO,MAAM;AAAA,MACpC,0BAA0B,OAAO,OAAO,QAAQ,QAAQ;AAAA,IAC1D;AAAA,EACF;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-time-picker-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TimePickerTokens } from \"../types\";\n\nexport function createTimePickerTokens(\n tokens: PrimitiveThemeTokens,\n): TimePickerTokens {\n const ItemHeight = 50;\n const VisibleItems = 5;\n const ContainerHeight = ItemHeight * VisibleItems;\n const VerticalPadding = ContainerHeight / 2 - ItemHeight / 2;\n const ColumnWidth = 70;\n\n return {\n column: {\n width: ColumnWidth,\n height: ContainerHeight,\n gap: tokens.space.xxs,\n\n listWidth: 30,\n itemHeight: ItemHeight,\n visibleItems: VisibleItems,\n verticalPadding: VerticalPadding,\n initialScrollIndexViewOffset: -VerticalPadding,\n\n fontSize: tokens.fontSize.xl,\n states: {\n default: {\n color: tokens.colors.text.primary,\n fontWeight: tokens.fontWeight.regular,\n },\n selected: {\n color: tokens.colors.primary.value,\n fontWeight: tokens.fontWeight.semiBold,\n },\n },\n },\n\n flyout: {\n gap: tokens.space.msm,\n },\n\n columns: {\n height: ContainerHeight,\n gap: tokens.space.xs,\n indicatorHeight: ItemHeight,\n indicatorWidth: ColumnWidth * 3 + 70,\n indicatorTop: VerticalPadding,\n indicatorBorderRadius: tokens.radii.round,\n indicatorBackgroundColor: tokens.colors.surface.primary.value,\n },\n };\n}\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,aAAa;AACnB,QAAM,eAAe;AACrB,QAAM,kBAAkB,aAAa;AACrC,QAAM,kBAAkB,kBAAkB,IAAI,aAAa;AAC3D,QAAM,cAAc;AAEpB,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAElB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,8BAA8B,CAAC;AAAA,MAE/B,UAAU,OAAO,SAAS;AAAA,MAC1B,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,OAAO,OAAO,OAAO,KAAK;AAAA,UAC1B,YAAY,OAAO,WAAW;AAAA,QAChC;AAAA,QACA,UAAU;AAAA,UACR,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC7B,YAAY,OAAO,WAAW;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IAEA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAClB,iBAAiB;AAAA,MACjB,gBAAgB,cAAc,IAAI;AAAA,MAClC,cAAc;AAAA,MACd,uBAAuB,OAAO,MAAM;AAAA,MACpC,0BAA0B,OAAO,OAAO,QAAQ,QAAQ;AAAA,IAC1D;AAAA,EACF;AACF;","names":[]}