@salutejs/sdds-serv 0.324.0-canary.2237.17941275054.0 → 0.324.0-canary.2237.18091710245.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 (124) hide show
  1. package/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/components/Autocomplete/Autocomplete.config.js.map +1 -1
  3. package/components/Autocomplete/{Autocomplete.config_1wnpkd4.css → Autocomplete.config_lvmiw0.css} +1 -1
  4. package/components/Autocomplete/Autocomplete.css +14 -14
  5. package/components/Combobox/Combobox.config.js +1 -1
  6. package/components/Combobox/Combobox.config.js.map +1 -1
  7. package/components/Combobox/{Combobox.config_a39nnw.css → Combobox.config_xpd4a4.css} +5 -5
  8. package/components/Combobox/Combobox.css +14 -14
  9. package/components/DatePicker/DatePicker.config.js +1 -1
  10. package/components/DatePicker/DatePicker.config.js.map +1 -1
  11. package/{es/components/DatePicker/DatePicker.config_9f7fs3.css → components/DatePicker/DatePicker.config_5op6am.css} +1 -1
  12. package/components/DatePicker/DatePicker.css +7 -7
  13. package/components/Mask/Mask.css +21 -21
  14. package/components/Note/Note.d.ts +2 -2
  15. package/components/Range/Range.config.js +1 -1
  16. package/components/Range/Range.config.js.map +1 -1
  17. package/{es/components/Range/Range.config_8e3tv6.css → components/Range/Range.config_1b739h0.css} +1 -1
  18. package/components/Range/Range.css +8 -8
  19. package/components/Select/Select.config.js +1 -1
  20. package/components/Select/Select.config.js.map +1 -1
  21. package/{es/components/Select/Select.config_8stwr1.css → components/Select/Select.config_ox8oha.css} +4 -4
  22. package/components/Select/Select.css +23 -23
  23. package/components/TextArea/TextArea.config.d.ts +3 -0
  24. package/components/TextArea/TextArea.config.js +5 -2
  25. package/components/TextArea/TextArea.config.js.map +1 -1
  26. package/components/TextArea/{TextArea.config_h1vco0.css → TextArea.config_1lkwlz6.css} +2 -1
  27. package/components/TextArea/TextArea.css +15 -14
  28. package/components/TextArea/TextArea.d.ts +3 -0
  29. package/components/TextField/TextField.config.js +1 -1
  30. package/components/TextField/TextField.config.js.map +1 -1
  31. package/components/TextField/{TextField.config_13jw795.css → TextField.config_15il1op.css} +7 -7
  32. package/components/TimePicker/TimePicker.config.d.ts +23 -0
  33. package/components/TimePicker/TimePicker.config.js +31 -0
  34. package/components/TimePicker/TimePicker.config.js.map +1 -0
  35. package/components/TimePicker/TimePicker.config_1444eoe.css +7 -0
  36. package/components/TimePicker/TimePicker.css +7 -0
  37. package/components/TimePicker/TimePicker.d.ts +42 -0
  38. package/components/TimePicker/TimePicker.js +12 -0
  39. package/components/TimePicker/TimePicker.js.map +1 -0
  40. package/components/TimePicker/index.d.ts +2 -0
  41. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +5 -3
  42. package/emotion/cjs/components/Combobox/Combobox.config.js +13 -7
  43. package/emotion/cjs/components/DatePicker/DatePicker.config.js +10 -5
  44. package/emotion/cjs/components/Range/Range.config.js +1 -1
  45. package/emotion/cjs/components/Select/Select.config.js +8 -5
  46. package/emotion/cjs/components/TextArea/TextArea.config.js +19 -2
  47. package/emotion/cjs/components/TextField/TextField.config.js +16 -9
  48. package/emotion/cjs/components/TimePicker/TimePicker.config.js +347 -0
  49. package/emotion/cjs/components/TimePicker/TimePicker.js +14 -0
  50. package/emotion/cjs/components/TimePicker/index.js +23 -0
  51. package/emotion/cjs/index.js +1 -0
  52. package/emotion/es/components/Autocomplete/Autocomplete.config.js +5 -3
  53. package/emotion/es/components/Combobox/Combobox.config.js +13 -7
  54. package/emotion/es/components/DatePicker/DatePicker.config.js +10 -5
  55. package/emotion/es/components/Range/Range.config.js +1 -1
  56. package/emotion/es/components/Select/Select.config.js +8 -5
  57. package/emotion/es/components/TextArea/TextArea.config.js +19 -2
  58. package/emotion/es/components/TextField/TextField.config.js +16 -9
  59. package/emotion/es/components/TimePicker/TimePicker.config.js +337 -0
  60. package/emotion/es/components/TimePicker/TimePicker.js +4 -0
  61. package/emotion/es/components/TimePicker/index.js +2 -0
  62. package/emotion/es/index.js +1 -0
  63. package/es/components/Autocomplete/Autocomplete.config.js +1 -1
  64. package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  65. package/es/components/Autocomplete/{Autocomplete.config_1wnpkd4.css → Autocomplete.config_lvmiw0.css} +1 -1
  66. package/es/components/Autocomplete/Autocomplete.css +14 -14
  67. package/es/components/Combobox/Combobox.config.js +1 -1
  68. package/es/components/Combobox/Combobox.config.js.map +1 -1
  69. package/es/components/Combobox/{Combobox.config_a39nnw.css → Combobox.config_xpd4a4.css} +5 -5
  70. package/es/components/Combobox/Combobox.css +14 -14
  71. package/es/components/DatePicker/DatePicker.config.js +1 -1
  72. package/es/components/DatePicker/DatePicker.config.js.map +1 -1
  73. package/{components/DatePicker/DatePicker.config_9f7fs3.css → es/components/DatePicker/DatePicker.config_5op6am.css} +1 -1
  74. package/es/components/DatePicker/DatePicker.css +7 -7
  75. package/es/components/Mask/Mask.css +21 -21
  76. package/es/components/Range/Range.config.js +1 -1
  77. package/es/components/Range/Range.config.js.map +1 -1
  78. package/{components/Range/Range.config_8e3tv6.css → es/components/Range/Range.config_1b739h0.css} +1 -1
  79. package/es/components/Range/Range.css +8 -8
  80. package/es/components/Select/Select.config.js +1 -1
  81. package/es/components/Select/Select.config.js.map +1 -1
  82. package/{components/Select/Select.config_8stwr1.css → es/components/Select/Select.config_ox8oha.css} +4 -4
  83. package/es/components/Select/Select.css +23 -23
  84. package/es/components/TextArea/TextArea.config.js +5 -2
  85. package/es/components/TextArea/TextArea.config.js.map +1 -1
  86. package/es/components/TextArea/{TextArea.config_h1vco0.css → TextArea.config_1lkwlz6.css} +2 -1
  87. package/es/components/TextArea/TextArea.css +15 -14
  88. package/es/components/TextField/TextField.config.js +1 -1
  89. package/es/components/TextField/TextField.config.js.map +1 -1
  90. package/es/components/TextField/{TextField.config_13jw795.css → TextField.config_15il1op.css} +7 -7
  91. package/es/components/TimePicker/TimePicker.config.js +27 -0
  92. package/es/components/TimePicker/TimePicker.config.js.map +1 -0
  93. package/es/components/TimePicker/TimePicker.config_1444eoe.css +7 -0
  94. package/es/components/TimePicker/TimePicker.css +7 -0
  95. package/es/components/TimePicker/TimePicker.js +8 -0
  96. package/es/components/TimePicker/TimePicker.js.map +1 -0
  97. package/es/index.css +117 -108
  98. package/es/index.js +2 -1
  99. package/es/index.js.map +1 -1
  100. package/index.d.ts +1 -0
  101. package/index.js +10 -0
  102. package/package.json +3 -3
  103. package/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -3
  104. package/styled-components/cjs/components/Combobox/Combobox.config.js +13 -7
  105. package/styled-components/cjs/components/DatePicker/DatePicker.config.js +10 -5
  106. package/styled-components/cjs/components/Range/Range.config.js +1 -1
  107. package/styled-components/cjs/components/Select/Select.config.js +8 -5
  108. package/styled-components/cjs/components/TextArea/TextArea.config.js +19 -2
  109. package/styled-components/cjs/components/TextField/TextField.config.js +16 -9
  110. package/styled-components/cjs/components/TimePicker/TimePicker.config.js +347 -0
  111. package/styled-components/cjs/components/TimePicker/TimePicker.js +14 -0
  112. package/styled-components/cjs/components/TimePicker/index.js +23 -0
  113. package/styled-components/cjs/index.js +1 -0
  114. package/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -3
  115. package/styled-components/es/components/Combobox/Combobox.config.js +13 -7
  116. package/styled-components/es/components/DatePicker/DatePicker.config.js +10 -5
  117. package/styled-components/es/components/Range/Range.config.js +1 -1
  118. package/styled-components/es/components/Select/Select.config.js +8 -5
  119. package/styled-components/es/components/TextArea/TextArea.config.js +19 -2
  120. package/styled-components/es/components/TextField/TextField.config.js +16 -9
  121. package/styled-components/es/components/TimePicker/TimePicker.config.js +337 -0
  122. package/styled-components/es/components/TimePicker/TimePicker.js +4 -0
  123. package/styled-components/es/components/TimePicker/index.js +2 -0
  124. package/styled-components/es/index.js +1 -0
package/emotion/cjs/components/TimePicker/TimePicker.config.js ADDED
@@ -0,0 +1,347 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
+ function _tagged_template_literal(strings, raw) {
13
+ if (!raw) {
14
+ raw = strings.slice(0);
15
+ }
16
+ return Object.freeze(Object.defineProperties(strings, {
17
+ raw: {
18
+ value: Object.freeze(raw)
19
+ }
20
+ }));
21
+ }
22
+ function _templateObject() {
23
+ var data = _tagged_template_literal([
24
+ "\n ",
25
+ ": var(--surface-transparent-primary);\n ",
26
+ ": var(--surface-transparent-negative);\n ",
27
+ ": var(--surface-transparent-positive);\n\n ",
28
+ ": var(--text-primary);\n\n ",
29
+ ": var(--text-primary);\n ",
30
+ ": var(--text-secondary);\n ",
31
+ ": var(--text-accent);\n\n ",
32
+ ": var(--surface-negative);\n\n ",
33
+ ": var(--surface-transparent-primary);\n ",
34
+ ": var(--surface-transparent-secondary);\n ",
35
+ ": var(--surface-transparent-negative);\n ",
36
+ ": var(--surface-transparent-negative-active);\n ",
37
+ ": var(--surface-transparent-positive);\n ",
38
+ ": var(--surface-transparent-positive-active);\n\n ",
39
+ ": var(--text-tertiary);\n ",
40
+ ": var(--text-tertiary);\n\n ",
41
+ ": var(--text-tertiary);\n\n ",
42
+ ": var(--surface-solid-card);\n ",
43
+ ": var(--surface-transparent-secondary);\n ",
44
+ ": var(--surface-transparent-secondary);\n\n ",
45
+ ": var(--surface-transparent-tertiary);\n ",
46
+ ": var(--surface-transparent-primary);\n "
47
+ ]);
48
+ _templateObject = function _templateObject() {
49
+ return data;
50
+ };
51
+ return data;
52
+ }
53
+ function _templateObject1() {
54
+ var data = _tagged_template_literal([
55
+ "\n ",
56
+ ": 20rem;\n ",
57
+ ": 0.875rem;\n\n ",
58
+ ": 0 0 0 1rem;\n ",
59
+ ": 0;\n\n ",
60
+ ": 0.75rem;\n ",
61
+ ": 0.5625rem 0 0.125rem 0;\n ",
62
+ ": 1.5625rem 0 0.5625rem 0;\n\n ",
63
+ ": var(--plasma-typo-body-l-font-family);\n ",
64
+ ": var(--plasma-typo-body-l-font-style);\n ",
65
+ ": var(--plasma-typo-body-l-font-size);\n ",
66
+ ": var(--plasma-typo-body-l-font-weight);\n ",
67
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
68
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
69
+ ": 0.5rem;\n ",
70
+ ": 0.375rem;\n ",
71
+ ": 0 0 0 0;\n ",
72
+ ": 0.5rem auto auto -0.75rem;\n ",
73
+ ": 0 0 auto auto;\n ",
74
+ ": 0.25rem -0.625rem auto auto;\n\n ",
75
+ ": 3.5rem;\n ",
76
+ ": 0.875rem;\n ",
77
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
78
+ ": var(--plasma-typo-body-l-font-family);\n ",
79
+ ": var(--plasma-typo-body-l-font-style);\n ",
80
+ ": var(--plasma-typo-body-l-font-size);\n ",
81
+ ": var(--plasma-typo-body-l-font-weight);\n ",
82
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
83
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
84
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
85
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
86
+ ": 0 0.25rem 0 0;\n ",
87
+ ": 0 0 0 0.25rem;\n\n ",
88
+ ": 0.875rem;\n ",
89
+ ": 15rem;\n ",
90
+ ": 0.125rem;\n\n ",
91
+ ": 36.25rem;\n\n ",
92
+ ": var(--plasma-typo-body-l-font-family);\n ",
93
+ ": var(--plasma-typo-body-l-font-size);\n ",
94
+ ": var(--plasma-typo-body-l-font-style);\n ",
95
+ ": var(--plasma-typo-body-l-font-weight);\n ",
96
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
97
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
98
+ ": 3.5rem;\n ",
99
+ ": 0.75rem;\n ",
100
+ ": 0rem;\n\n ",
101
+ ": var(--plasma-typo-body-xs-font-family);\n ",
102
+ ": var(--plasma-typo-body-xs-font-size);\n ",
103
+ ": var(--plasma-typo-body-xs-font-style);\n ",
104
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
105
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
106
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
107
+ ": 0.125rem;\n ",
108
+ ": 0.5rem;\n "
109
+ ]);
110
+ _templateObject1 = function _templateObject() {
111
+ return data;
112
+ };
113
+ return data;
114
+ }
115
+ function _templateObject2() {
116
+ var data = _tagged_template_literal([
117
+ "\n ",
118
+ ": 20rem;\n ",
119
+ ": 0.75rem;\n\n ",
120
+ ": 0 0 0 0.875rem;\n ",
121
+ ": 0;\n\n ",
122
+ ": 0.625rem;\n ",
123
+ ": 0.375rem 0 0.125rem 0;\n ",
124
+ ": 1.375rem 0 0.375rem 0;\n\n ",
125
+ ": var(--plasma-typo-body-m-font-family);\n ",
126
+ ": var(--plasma-typo-body-m-font-style);\n ",
127
+ ": var(--plasma-typo-body-m-font-size);\n ",
128
+ ": var(--plasma-typo-body-m-font-weight);\n ",
129
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
130
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
131
+ ": 0.5rem;\n ",
132
+ ": 0.375rem;\n ",
133
+ ": 0 0 0 0;\n ",
134
+ ": 0.375rem auto auto -0.75rem;\n ",
135
+ ": 0 0 auto auto;\n ",
136
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
137
+ ": 3rem;\n ",
138
+ ": 0.75rem;\n ",
139
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
140
+ ": var(--plasma-typo-body-m-font-family);\n ",
141
+ ": var(--plasma-typo-body-m-font-style);\n ",
142
+ ": var(--plasma-typo-body-m-font-size);\n ",
143
+ ": var(--plasma-typo-body-m-font-weight);\n ",
144
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
145
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
146
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
147
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
148
+ ": 0 0.25rem 0 0;\n ",
149
+ ": 0 0 0 0.25rem;\n\n ",
150
+ ": 0.75rem;\n ",
151
+ ": 13.75rem;\n ",
152
+ ": 0.125rem;\n\n ",
153
+ ": 31.25rem;\n\n ",
154
+ ": var(--plasma-typo-body-m-font-family);\n ",
155
+ ": var(--plasma-typo-body-m-font-size);\n ",
156
+ ": var(--plasma-typo-body-m-font-style);\n ",
157
+ ": var(--plasma-typo-body-m-font-weight);\n ",
158
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
159
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
160
+ ": 3rem;\n ",
161
+ ": 0.625rem;\n ",
162
+ ": 0rem;\n\n ",
163
+ ": var(--plasma-typo-body-xs-font-family);\n ",
164
+ ": var(--plasma-typo-body-xs-font-size);\n ",
165
+ ": var(--plasma-typo-body-xs-font-style);\n ",
166
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
167
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
168
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
169
+ ": 0.125rem;\n ",
170
+ ": 0.375rem;\n "
171
+ ]);
172
+ _templateObject2 = function _templateObject() {
173
+ return data;
174
+ };
175
+ return data;
176
+ }
177
+ function _templateObject3() {
178
+ var data = _tagged_template_literal([
179
+ "\n ",
180
+ ": 20rem;\n ",
181
+ ": 0.625rem;\n\n ",
182
+ ": 0 0 0 0.75rem;\n ",
183
+ ": 0;\n\n ",
184
+ ": 0.5rem;\n ",
185
+ ": 0.3125rem 0 0 0;\n ",
186
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
187
+ ": var(--plasma-typo-body-s-font-family);\n ",
188
+ ": var(--plasma-typo-body-s-font-style);\n ",
189
+ ": var(--plasma-typo-body-s-font-size);\n ",
190
+ ": var(--plasma-typo-body-s-font-weight);\n ",
191
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
192
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
193
+ ": 0.375rem;\n ",
194
+ ": 0.375rem;\n ",
195
+ ": 0 0 0 0;\n ",
196
+ ": 0.3125rem auto auto -0.6875rem;\n ",
197
+ ": 0 0 auto auto;\n ",
198
+ ": 0.25rem -0.625rem auto auto;\n\n ",
199
+ ": 2.5rem;\n ",
200
+ ": 0.625rem;\n ",
201
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
202
+ ": var(--plasma-typo-body-s-font-family);\n ",
203
+ ": var(--plasma-typo-body-s-font-style);\n ",
204
+ ": var(--plasma-typo-body-s-font-size);\n ",
205
+ ": var(--plasma-typo-body-s-font-weight);\n ",
206
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
207
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
208
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
209
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
210
+ ": 0 0.25rem 0 0;\n ",
211
+ ": 0 0 0 0.25rem;\n\n ",
212
+ ": 0.625rem;\n ",
213
+ ": 12rem;\n ",
214
+ ": 0.125rem;\n\n ",
215
+ ": 26.25rem;\n\n ",
216
+ ": var(--plasma-typo-body-s-font-family);\n ",
217
+ ": var(--plasma-typo-body-s-font-size);\n ",
218
+ ": var(--plasma-typo-body-s-font-style);\n ",
219
+ ": var(--plasma-typo-body-s-font-weight);\n ",
220
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
221
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
222
+ ": 2.5rem;\n ",
223
+ ": 0.5rem;\n ",
224
+ ": 0rem;\n\n ",
225
+ ": var(--plasma-typo-body-xs-font-family);\n ",
226
+ ": var(--plasma-typo-body-xs-font-size);\n ",
227
+ ": var(--plasma-typo-body-xs-font-style);\n ",
228
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
229
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
230
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
231
+ ": 0.125rem;\n ",
232
+ ": 0.25rem;\n "
233
+ ]);
234
+ _templateObject3 = function _templateObject() {
235
+ return data;
236
+ };
237
+ return data;
238
+ }
239
+ function _templateObject4() {
240
+ var data = _tagged_template_literal([
241
+ "\n ",
242
+ ": 20rem;\n ",
243
+ ": 0.5rem;\n\n ",
244
+ ": 0 0 0 0.5rem;\n ",
245
+ ": 0;\n\n ",
246
+ ": 0.375rem;\n ",
247
+ ": 0.3125rem 0 0 0;\n ",
248
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
249
+ ": var(--plasma-typo-body-xs-font-family);\n ",
250
+ ": var(--plasma-typo-body-xs-font-style);\n ",
251
+ ": var(--plasma-typo-body-xs-font-size);\n ",
252
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
253
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
254
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
255
+ ": 0.375rem;\n ",
256
+ ": 0.375rem;\n ",
257
+ ": 0 0 0 0;\n ",
258
+ ": 0.25rem auto auto -0.625rem;\n ",
259
+ ": 0 0 auto auto;\n ",
260
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
261
+ ": 2rem;\n ",
262
+ ": 0.5rem;\n ",
263
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
264
+ ": var(--plasma-typo-body-xs-font-family);\n ",
265
+ ": var(--plasma-typo-body-xs-font-style);\n ",
266
+ ": var(--plasma-typo-body-xs-font-size);\n ",
267
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
268
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
269
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
270
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
271
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
272
+ ": 0 0.25rem 0 0;\n ",
273
+ ": 0 0 0 0.25rem;\n\n ",
274
+ ": 0.5rem;\n ",
275
+ ": 10rem;\n ",
276
+ ": 0.125rem;\n\n ",
277
+ ": 21.25rem;\n\n ",
278
+ ": var(--plasma-typo-body-xs-font-family);\n ",
279
+ ": var(--plasma-typo-body-xs-font-size);\n ",
280
+ ": var(--plasma-typo-body-xs-font-style);\n ",
281
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
282
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
283
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
284
+ ": 2rem;\n ",
285
+ ": 0.375rem;\n ",
286
+ ": 0rem;\n\n ",
287
+ ": var(--plasma-typo-body-xs-font-family);\n ",
288
+ ": var(--plasma-typo-body-xs-font-size);\n ",
289
+ ": var(--plasma-typo-body-xs-font-style);\n ",
290
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
291
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
292
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
293
+ ": 0.125rem;\n ",
294
+ ": 0.25rem;\n "
295
+ ]);
296
+ _templateObject4 = function _templateObject() {
297
+ return data;
298
+ };
299
+ return data;
300
+ }
301
+ function _templateObject5() {
302
+ var data = _tagged_template_literal([
303
+ "\n ",
304
+ ": 0.4;\n "
305
+ ]);
306
+ _templateObject5 = function _templateObject() {
307
+ return data;
308
+ };
309
+ return data;
310
+ }
311
+ function _templateObject6() {
312
+ var data = _tagged_template_literal([
313
+ "\n ",
314
+ ": var(--surface-transparent-primary);\n ",
315
+ ": var(--text-secondary);\n\n ",
316
+ ": var(--text-secondary);\n ",
317
+ ": var(--surface-transparent-primary);\n ",
318
+ ": var(--text-secondary);\n "
319
+ ]);
320
+ _templateObject6 = function _templateObject() {
321
+ return data;
322
+ };
323
+ return data;
324
+ }
325
+ var config = {
326
+ defaults: {
327
+ view: 'default',
328
+ size: 'm'
329
+ },
330
+ variations: {
331
+ view: {
332
+ default: (0, _emotion.css)(_templateObject(), _emotion.timePickerTokens.background, _emotion.timePickerTokens.backgroundError, _emotion.timePickerTokens.backgroundSuccess, _emotion.timePickerTokens.labelColor, _emotion.timePickerTokens.textFieldColor, _emotion.timePickerTokens.textFieldPlaceholderColor, _emotion.timePickerTokens.textFieldCaretColor, _emotion.timePickerTokens.indicatorColor, _emotion.timePickerTokens.textFieldBackgroundColor, _emotion.timePickerTokens.textFieldBackgroundColorFocus, _emotion.timePickerTokens.textFieldBackgroundErrorColor, _emotion.timePickerTokens.textFieldBackgroundErrorColorFocus, _emotion.timePickerTokens.textFieldBackgroundSuccessColor, _emotion.timePickerTokens.textFieldBackgroundSuccessColorFocus, _emotion.timePickerTokens.textFieldTextBeforeColor, _emotion.timePickerTokens.textFieldTextAfterColor, _emotion.timePickerTokens.textFieldPlaceholderColorFocus, _emotion.timePickerTokens.timePickerBackground, _emotion.timePickerTokens.itemBackgroundHover, _emotion.timePickerTokens.itemBackgroundActive, _emotion.timePickerTokens.scrollbarColor, _emotion.timePickerTokens.scrollbarTrackColor)
333
+ },
334
+ size: {
335
+ l: (0, _emotion.css)(_templateObject1(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.labelInnerFontFamily, _emotion.timePickerTokens.labelInnerFontSize, _emotion.timePickerTokens.labelInnerFontStyle, _emotion.timePickerTokens.labelInnerFontWeight, _emotion.timePickerTokens.labelInnerLetterSpacing, _emotion.timePickerTokens.labelInnerLineHeight, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin),
336
+ m: (0, _emotion.css)(_templateObject2(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.labelInnerFontFamily, _emotion.timePickerTokens.labelInnerFontSize, _emotion.timePickerTokens.labelInnerFontStyle, _emotion.timePickerTokens.labelInnerFontWeight, _emotion.timePickerTokens.labelInnerLetterSpacing, _emotion.timePickerTokens.labelInnerLineHeight, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin),
337
+ s: (0, _emotion.css)(_templateObject3(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.labelInnerFontFamily, _emotion.timePickerTokens.labelInnerFontSize, _emotion.timePickerTokens.labelInnerFontStyle, _emotion.timePickerTokens.labelInnerFontWeight, _emotion.timePickerTokens.labelInnerLetterSpacing, _emotion.timePickerTokens.labelInnerLineHeight, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin),
338
+ xs: (0, _emotion.css)(_templateObject4(), _emotion.timePickerTokens.width, _emotion.timePickerTokens.borderRadius, _emotion.timePickerTokens.leftContentMargin, _emotion.timePickerTokens.rightContentMargin, _emotion.timePickerTokens.labelOffset, _emotion.timePickerTokens.labelInnerPadding, _emotion.timePickerTokens.contentLabelInnerPadding, _emotion.timePickerTokens.labelFontFamily, _emotion.timePickerTokens.labelFontStyle, _emotion.timePickerTokens.labelFontSize, _emotion.timePickerTokens.labelFontWeight, _emotion.timePickerTokens.labelLetterSpacing, _emotion.timePickerTokens.labelLineHeight, _emotion.timePickerTokens.indicatorSize, _emotion.timePickerTokens.indicatorSizeOuter, _emotion.timePickerTokens.indicatorPlacement, _emotion.timePickerTokens.indicatorOuterPlacement, _emotion.timePickerTokens.indicatorPlacementRight, _emotion.timePickerTokens.indicatorOuterPlacementRight, _emotion.timePickerTokens.textFieldHeight, _emotion.timePickerTokens.textFieldBorderRadius, _emotion.timePickerTokens.textFieldPadding, _emotion.timePickerTokens.textFieldFontFamily, _emotion.timePickerTokens.textFieldFontStyle, _emotion.timePickerTokens.textFieldFontSize, _emotion.timePickerTokens.textFieldFontWeight, _emotion.timePickerTokens.textFieldLetterSpacing, _emotion.timePickerTokens.textFieldLineHeight, _emotion.timePickerTokens.textFieldLeftContentMargin, _emotion.timePickerTokens.textFieldRightContentMargin, _emotion.timePickerTokens.textFieldTextBeforeMargin, _emotion.timePickerTokens.textFieldTextAfterMargin, _emotion.timePickerTokens.timePickerBorderRadius, _emotion.timePickerTokens.timePickerWidth, _emotion.timePickerTokens.timePickerPadding, _emotion.timePickerTokens.columnHeight, _emotion.timePickerTokens.itemFontFamily, _emotion.timePickerTokens.itemFontSize, _emotion.timePickerTokens.itemFontStyle, _emotion.timePickerTokens.itemFontWeight, _emotion.timePickerTokens.itemLetterSpacing, _emotion.timePickerTokens.itemLineHeight, _emotion.timePickerTokens.itemHeight, _emotion.timePickerTokens.itemBorderRadius, _emotion.timePickerTokens.itemPadding, _emotion.timePickerTokens.labelInnerFontFamily, _emotion.timePickerTokens.labelInnerFontSize, _emotion.timePickerTokens.labelInnerFontStyle, _emotion.timePickerTokens.labelInnerFontWeight, _emotion.timePickerTokens.labelInnerLetterSpacing, _emotion.timePickerTokens.labelInnerLineHeight, _emotion.timePickerTokens.scrollbarWidth, _emotion.timePickerTokens.scrollbarMargin)
339
+ },
340
+ disabled: {
341
+ true: (0, _emotion.css)(_templateObject5(), _emotion.timePickerTokens.disabledOpacity)
342
+ },
343
+ readonly: {
344
+ true: (0, _emotion.css)(_templateObject6(), _emotion.timePickerTokens.backgroundReadOnly, _emotion.timePickerTokens.labelColorReadOnly, _emotion.timePickerTokens.textFieldColorReadOnly, _emotion.timePickerTokens.textFieldBackgroundColorReadOnly, _emotion.timePickerTokens.textFieldPlaceholderColorReadOnly)
345
+ }
346
+ }
347
+ };
package/emotion/cjs/components/TimePicker/TimePicker.js ADDED
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "TimePicker", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return TimePicker;
9
+ }
10
+ });
11
+ var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
+ var _TimePickerconfig = require("./TimePicker.config");
13
+ var mergedConfig = (0, _emotion.mergeConfig)(_emotion.timePickerConfig, _TimePickerconfig.config);
14
+ var TimePicker = (0, _emotion.component)(mergedConfig);
package/emotion/cjs/components/TimePicker/index.js ADDED
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get TimePicker () {
13
+ return _TimePicker.TimePicker;
14
+ },
15
+ get timePickerClasses () {
16
+ return _emotion.timePickerClasses;
17
+ },
18
+ get timePickerTokens () {
19
+ return _emotion.timePickerTokens;
20
+ }
21
+ });
22
+ var _TimePicker = require("./TimePicker");
23
+ var _emotion = require("@salutejs/plasma-new-hope/emotion");
package/emotion/cjs/index.js CHANGED
@@ -76,6 +76,7 @@ _export_star(require("./components/Carousel"), exports);
76
76
  _export_star(require("./components/Tour"), exports);
77
77
  _export_star(require("./components/EmbedIconButton"), exports);
78
78
  _export_star(require("./components/InformationWrapper"), exports);
79
+ _export_star(require("./components/TimePicker"), exports);
79
80
  _export_star(require("./mixins"), exports);
80
81
  _export_star(require("./tokens"), exports);
81
82
  function _export_star(from, to) {
package/emotion/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -561,11 +561,13 @@ function _templateObject13() {
561
561
  function _templateObject14() {
562
562
  var data = _tagged_template_literal([
563
563
  "\n ",
564
- ": var(--text-secondary);\n ",
564
+ ": var(--text-primary);\n ",
565
+ ": 0.1;\n ",
566
+ ": 0.4;\n ",
565
567
  ": var(--surface-transparent-primary);\n ",
566
568
  ": var(--text-secondary);\n ",
567
569
  ": var(--text-secondary);\n ",
568
- ": var(--text-secondary);\n ",
570
+ ": var(--text-primary);\n ",
569
571
  ": var(--surface-transparent-primary);\n "
570
572
  ]);
571
573
  _templateObject14 = function _templateObject() {
@@ -608,7 +610,7 @@ export var config = {
608
610
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
609
611
  },
610
612
  readOnly: {
611
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
613
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
612
614
  }
613
615
  }
614
616
  };
package/emotion/es/components/Combobox/Combobox.config.js CHANGED
@@ -32,6 +32,7 @@ function _templateObject() {
32
32
  ": var(--text-tertiary);\n\n ",
33
33
  ": var(--text-secondary);\n ",
34
34
  ": var(--text-secondary-hover);\n ",
35
+ ": var(--text-secondary);\n ",
35
36
  ": var(--text-primary);\n ",
36
37
  ": var(--surface-transparent-secondary);\n ",
37
38
  ": var(--text-primary);\n ",
@@ -83,6 +84,7 @@ function _templateObject1() {
83
84
  ": var(--text-tertiary);\n\n ",
84
85
  ": var(--text-secondary);\n ",
85
86
  ": var(--text-secondary-hover);\n ",
87
+ ": var(--text-secondary);\n ",
86
88
  ": var(--text-primary);\n ",
87
89
  ": var(--surface-transparent-secondary);\n ",
88
90
  ": var(--text-primary);\n ",
@@ -134,6 +136,7 @@ function _templateObject2() {
134
136
  ": var(--text-tertiary);\n\n ",
135
137
  ": var(--text-secondary);\n ",
136
138
  ": var(--text-secondary-hover);\n ",
139
+ ": var(--text-secondary);\n ",
137
140
  ": var(--text-primary);\n ",
138
141
  ": var(--surface-transparent-secondary);\n ",
139
142
  ": var(--text-primary);\n ",
@@ -185,6 +188,7 @@ function _templateObject3() {
185
188
  ": var(--text-tertiary);\n\n ",
186
189
  ": var(--text-secondary);\n ",
187
190
  ": var(--text-secondary-hover);\n ",
191
+ ": var(--text-secondary);\n ",
188
192
  ": var(--text-primary);\n ",
189
193
  ": var(--surface-transparent-secondary);\n ",
190
194
  ": var(--text-primary);\n ",
@@ -753,11 +757,13 @@ function _templateObject13() {
753
757
  function _templateObject14() {
754
758
  var data = _tagged_template_literal([
755
759
  "\n ",
756
- ": var(--text-secondary);\n ",
760
+ ": var(--text-primary);\n ",
761
+ ": 0.1;\n ",
762
+ ": 0.4;\n ",
757
763
  ": var(--surface-transparent-primary);\n ",
758
764
  ": var(--text-secondary);\n ",
759
765
  ": var(--text-secondary);\n ",
760
- ": var(--text-secondary);\n "
766
+ ": var(--text-primary);\n "
761
767
  ]);
762
768
  _templateObject14 = function _templateObject() {
763
769
  return data;
@@ -773,10 +779,10 @@ export var config = {
773
779
  },
774
780
  variations: {
775
781
  view: {
776
- default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
777
- positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
778
- warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
779
- negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
782
+ default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
783
+ positive: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
784
+ warning: css(_templateObject2(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
785
+ negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
780
786
  },
781
787
  size: {
782
788
  l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
@@ -799,7 +805,7 @@ export var config = {
799
805
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
800
806
  },
801
807
  readOnly: {
802
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
808
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
803
809
  }
804
810
  }
805
811
  };
package/emotion/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -533,12 +533,17 @@ function _templateObject6() {
533
533
  var data = _tagged_template_literal([
534
534
  "\n ",
535
535
  ": var(--surface-transparent-primary);\n ",
536
- ": var(--text-secondary);\n ",
537
- ": var(--text-secondary);\n ",
536
+ ": var(--text-primary);\n ",
538
537
  ": var(--text-secondary);\n\n ",
539
- ": var(--text-secondary);\n ",
538
+ ": var(--text-primary);\n ",
539
+ ": 0.4;\n\n ",
540
+ ": var(--text-primary);\n ",
540
541
  ": var(--surface-transparent-primary);\n ",
541
- ": var(--text-secondary);\n "
542
+ ": var(--text-secondary);\n\n ",
543
+ ": 0.4;\n ",
544
+ ": 0.4;\n ",
545
+ ": 0.1;\n ",
546
+ ": 0.1;\n "
542
547
  ]);
543
548
  _templateObject6 = function _templateObject() {
544
549
  return data;
@@ -565,7 +570,7 @@ export var config = {
565
570
  true: css(_templateObject5(), tokens.disabledOpacity)
566
571
  },
567
572
  readOnly: {
568
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
573
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
569
574
  }
570
575
  }
571
576
  };
package/emotion/es/components/Range/Range.config.js CHANGED
@@ -318,7 +318,7 @@ function _templateObject7() {
318
318
  ": var(--text-primary);\n ",
319
319
  ": var(--text-secondary);\n ",
320
320
  ": var(--text-secondary);\n ",
321
- ": 0.4;\n ",
321
+ ": 0.1;\n ",
322
322
  ": 0.4;\n ",
323
323
  ": 0.4;\n\n ",
324
324
  ": var(--text-primary);\n ",
package/emotion/es/components/Select/Select.config.js CHANGED
@@ -838,6 +838,7 @@ function _templateObject16() {
838
838
  ": var(--surface-solid-default);\n ",
839
839
  ": var(--surface-solid-default-hover);\n ",
840
840
  ": var(--inverse-text-secondary);\n ",
841
+ ": var(--inverse-text-secondary);\n ",
841
842
  ": var(--inverse-text-primary);\n\n ",
842
843
  ": var(--surface-solid-default);\n ",
843
844
  ": var(--inverse-text-primary);\n ",
@@ -857,7 +858,8 @@ function _templateObject17() {
857
858
  ": var(--surface-transparent-secondary);\n ",
858
859
  ": var(--surface-transparent-secondary-hover);\n ",
859
860
  ": var(--text-secondary);\n ",
860
- ": var(--text-secondary-hover);\n\n ",
861
+ ": var(--text-secondary-hover);\n ",
862
+ ": var(--text-secondary);\n\n ",
861
863
  ": var(--surface-transparent-secondary);\n ",
862
864
  ": var(--text-primary);\n ",
863
865
  ": var(--surface-transparent-secondary);\n ",
@@ -876,6 +878,7 @@ function _templateObject18() {
876
878
  ": var(--surface-accent);\n ",
877
879
  ": var(--surface-accent-hover);\n ",
878
880
  ": var(--on-dark-text-secondary);\n ",
881
+ ": var(--on-dark-text-secondary);\n ",
879
882
  ": var(--on-dark-text-primary);\n\n ",
880
883
  ": var(--surface-accent);\n ",
881
884
  ": var(--on-dark-text-primary);\n ",
@@ -969,7 +972,7 @@ function _templateObject23() {
969
972
  var data = _tagged_template_literal([
970
973
  "\n ",
971
974
  ": 0.4;\n ",
972
- ": 0.4;\n ",
975
+ ": 0.1;\n ",
973
976
  ": var(--text-primary);\n ",
974
977
  ": var(--surface-transparent-primary);\n ",
975
978
  ": var(--text-secondary);\n ",
@@ -1015,9 +1018,9 @@ export var config = {
1015
1018
  outer: css(_templateObject15())
1016
1019
  },
1017
1020
  chipView: {
1018
- default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1019
- secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1020
- accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
1021
+ default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1022
+ secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1023
+ accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
1021
1024
  },
1022
1025
  hintView: {
1023
1026
  default: css(_templateObject19(), tokens.textFieldTooltipBackgroundColor, tokens.textFieldTooltipBoxShadow, tokens.textFieldTooltipColor, tokens.textFieldTooltipArrowBackground)