@salutejs/sdds-finai 0.323.0-canary.2392.20298160025.0 → 0.323.0-canary.2397.20456842500.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 (42) hide show
  1. package/dist/beta/cjs/Popover/Popover.closeInner.config.js +89 -0
  2. package/dist/beta/cjs/Popover/Popover.closeNone.config.js +81 -0
  3. package/dist/beta/cjs/Popover/Popover.js +37 -0
  4. package/dist/beta/cjs/Popover/index.js +11 -0
  5. package/dist/beta/cjs/index.js +18 -0
  6. package/dist/beta/es/Popover/Popover.closeInner.config.js +79 -0
  7. package/dist/beta/es/Popover/Popover.closeNone.config.js +71 -0
  8. package/dist/beta/es/Popover/Popover.js +16 -0
  9. package/dist/beta/es/Popover/index.js +1 -0
  10. package/dist/beta/es/index.js +1 -0
  11. package/dist/beta/types/Popover/Popover.closeInner.config.d.ts +16 -0
  12. package/dist/beta/types/Popover/Popover.closeNone.config.d.ts +16 -0
  13. package/dist/beta/types/Popover/Popover.d.ts +30 -0
  14. package/dist/beta/types/Popover/index.d.ts +1 -0
  15. package/dist/beta/types/index.d.ts +1 -0
  16. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +48 -20
  17. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +46 -20
  18. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +76 -33
  19. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +36 -14
  20. package/dist/styled-components/cjs/components/Range/Range.config.js +292 -113
  21. package/dist/styled-components/cjs/components/Select/Select.config.js +49 -21
  22. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +62 -53
  23. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +43 -27
  24. package/dist/styled-components/cjs/components/TextField/TextField.config.js +48 -22
  25. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +48 -19
  26. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +48 -20
  27. package/dist/styled-components/es/components/Combobox/Combobox.config.js +46 -20
  28. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +76 -33
  29. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +36 -14
  30. package/dist/styled-components/es/components/Range/Range.config.js +292 -113
  31. package/dist/styled-components/es/components/Select/Select.config.js +49 -21
  32. package/dist/styled-components/es/components/TextArea/TextArea.config.js +62 -53
  33. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +43 -27
  34. package/dist/styled-components/es/components/TextField/TextField.config.js +48 -22
  35. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +48 -19
  36. package/package.json +19 -11
  37. package/types/components/Combobox/Combobox.d.ts +24 -0
  38. package/types/components/DatePicker/DatePicker.d.ts +19 -5
  39. package/types/components/InformationWrapper/InformationWrapper.d.ts +2 -0
  40. package/types/components/Range/Range.config.d.ts +9 -0
  41. package/types/components/Range/Range.d.ts +562 -3
  42. package/types/components/Select/Select.d.ts +6 -0
package/dist/styled-components/es/components/Range/Range.config.js CHANGED
@@ -11,33 +11,44 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--surface-transparent-primary);\n ",
14
+ ": var(--surface-transparent-card);\n ",
15
15
  ": var(--surface-transparent-negative);\n ",
16
16
  ": var(--surface-transparent-positive);\n\n ",
17
+ ": var(--outline-solid-primary);\n ",
18
+ ": var(--outline-transparent-negative);\n ",
19
+ ": var(--outline-transparent-positive);\n\n ",
17
20
  ": var(--text-primary);\n ",
18
21
  ": var(--text-primary);\n ",
19
22
  ": var(--text-secondary);\n ",
20
23
  ": var(--text-negative);\n ",
21
- ": var(--text-positive);\n\n ",
24
+ ": var(--text-positive);\n ",
25
+ ": var(--text-secondary);\n ",
26
+ ": var(--text-secondary);\n\n ",
22
27
  ": var(--text-secondary);\n ",
23
28
  ": var(--text-secondary-hover);\n ",
24
29
  ": var(--text-secondary-active);\n\n ",
25
30
  ": var(--text-primary);\n ",
26
31
  ": var(--text-secondary);\n ",
27
- ": var(--text-tertiary);\n ",
28
32
  ": var(--text-accent);\n\n ",
29
- ": var(--surface-negative);\n\n ",
30
- ": var(--surface-transparent-primary-hover);\n ",
31
- ": var(--surface-transparent-secondary);\n ",
33
+ ": var(--surface-transparent-card-hover);\n ",
34
+ ": var(--surface-transparent-card);\n ",
35
+ ": var(--outline-solid-primary-hover);\n ",
36
+ ": var(--outline-accent);\n ",
32
37
  ": var(--surface-transparent-negative);\n ",
33
38
  ": var(--surface-transparent-negative-hover);\n ",
34
- ": var(--surface-transparent-negative-active);\n ",
39
+ ": var(--surface-transparent-card);\n ",
40
+ ": var(--outline-transparent-negative-hover);\n ",
41
+ ": var(--outline-accent);\n ",
35
42
  ": var(--surface-transparent-positive);\n ",
36
43
  ": var(--surface-transparent-positive-hover);\n ",
37
- ": var(--surface-transparent-positive-active);\n\n ",
44
+ ": var(--surface-transparent-card);\n ",
45
+ ": var(--outline-transparent-positive-hover);\n ",
46
+ ": var(--outline-accent);\n\n ",
38
47
  ": var(--text-tertiary);\n ",
39
48
  ": var(--text-tertiary);\n\n ",
40
- ": var(--text-accent);\n "
49
+ ": var(--surface-negative);\n\n ",
50
+ ": var(--text-accent);\n ",
51
+ ": var(--text-tertiary);\n "
41
52
  ]);
42
53
  _templateObject = function _templateObject() {
43
54
  return data;
@@ -47,7 +58,8 @@ function _templateObject() {
47
58
  function _templateObject1() {
48
59
  var data = _tagged_template_literal([
49
60
  "\n ",
50
- ": 1rem;\n\n ",
61
+ ": 1rem;\n ",
62
+ ": 0.125rem;\n\n ",
51
63
  ": 0 0.375rem;\n ",
52
64
  ": var(--plasma-typo-body-l-font-family);\n ",
53
65
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -57,39 +69,55 @@ function _templateObject1() {
57
69
  ": var(--plasma-typo-body-l-line-height);\n\n ",
58
70
  ": 0 0 0 1.125rem;\n ",
59
71
  ": 0;\n\n ",
60
- ": 0.75rem;\n\n ",
72
+ ": 4rem;\n ",
73
+ ": 1rem;\n ",
74
+ ": 1.3125rem 1.125rem;\n ",
61
75
  ": var(--plasma-typo-body-l-font-family);\n ",
62
76
  ": var(--plasma-typo-body-l-font-style);\n ",
63
77
  ": var(--plasma-typo-body-l-font-size);\n ",
64
78
  ": var(--plasma-typo-body-l-font-weight);\n ",
65
79
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
66
- ": var(--plasma-typo-body-l-line-height);\n\n ",
67
- ": 4rem;\n ",
68
- ": 1rem;\n ",
69
- ": 1.3125rem 1.125rem;\n ",
80
+ ": var(--plasma-typo-body-l-line-height);\n ",
81
+ ": 0.125rem;\n\n ",
82
+ ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
83
+ ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
84
+ ": 0 0.25rem 0 0;\n ",
85
+ ": 0 0 0 0.25rem;\n\n ",
70
86
  ": var(--plasma-typo-body-l-font-family);\n ",
71
87
  ": var(--plasma-typo-body-l-font-style);\n ",
72
88
  ": var(--plasma-typo-body-l-font-size);\n ",
73
89
  ": var(--plasma-typo-body-l-font-weight);\n ",
74
90
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
75
91
  ": var(--plasma-typo-body-l-line-height);\n\n ",
76
- ": 0.25rem 0 0 0;\n ",
92
+ ": 0.25rem;\n ",
93
+ ": 0.75rem;\n ",
94
+ ": 0.25rem;\n ",
95
+ ": 1rem;\n\n ",
96
+ ": -0.688rem -0.5rem;\n ",
97
+ ": 2.375rem;\n ",
98
+ ": 1.688rem -2.938rem auto auto;\n ",
99
+ ": 0 0.813rem 0 -0.438rem;\n\n ",
100
+ ": 0.375rem;\n ",
77
101
  ": var(--plasma-typo-body-xs-font-family);\n ",
102
+ ": var(--plasma-typo-body-xs-font-size);\n ",
78
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.25rem 0 0 0;\n ",
108
+ ": 0.25rem;\n\n ",
109
+ ": var(--plasma-typo-body-xs-font-family);\n ",
79
110
  ": var(--plasma-typo-body-xs-font-size);\n ",
111
+ ": var(--plasma-typo-body-xs-font-style);\n ",
80
112
  ": var(--plasma-typo-body-xs-font-weight);\n ",
81
113
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
82
114
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
83
- ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
84
- ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
85
- ": 0 0.25rem 0 0;\n ",
86
- ": 0 0 0 0.25rem;\n\n ",
87
115
  ": 0.5rem;\n ",
88
116
  ": 0.375rem;\n ",
89
- ": 0 0 0 0;\n ",
90
- ": 0.5rem auto auto -0.75rem;\n ",
91
- ": 0 0 auto auto;\n ",
92
- ": 0.25rem -0.625rem auto auto;\n "
117
+ ": 0.25rem;\n ",
118
+ ": -0.75rem;\n ",
119
+ ": auto 0 -0.5rem auto;\n ",
120
+ ": auto auto -0.5rem 0;\n "
93
121
  ]);
94
122
  _templateObject1 = function _templateObject() {
95
123
  return data;
@@ -104,44 +132,60 @@ function _templateObject2() {
104
132
  ": var(--plasma-typo-body-l-font-family);\n ",
105
133
  ": var(--plasma-typo-body-l-font-style);\n ",
106
134
  ": var(--plasma-typo-body-l-font-size);\n ",
107
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
135
+ ": var(--plasma-typo-body-l-font-weight);\n ",
108
136
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
109
137
  ": var(--plasma-typo-body-l-line-height);\n\n ",
110
138
  ": 0 0 0 1rem;\n ",
111
139
  ": 0;\n\n ",
112
- ": 0.75rem;\n\n ",
140
+ ": 3.5rem;\n ",
141
+ ": 0.875rem;\n ",
142
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
113
143
  ": var(--plasma-typo-body-l-font-family);\n ",
114
144
  ": var(--plasma-typo-body-l-font-style);\n ",
115
145
  ": var(--plasma-typo-body-l-font-size);\n ",
116
146
  ": var(--plasma-typo-body-l-font-weight);\n ",
117
147
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
118
- ": var(--plasma-typo-body-l-line-height);\n\n ",
119
- ": 0.5rem;\n ",
120
- ": 0.375rem;\n ",
121
- ": 0 0 0 0;\n ",
122
- ": 0.5rem auto auto -0.75rem;\n ",
123
- ": 0 0 auto auto;\n ",
124
- ": 0.25rem -0.625rem auto auto;\n\n ",
125
- ": 3.5rem;\n ",
126
- ": 0.875rem;\n ",
127
- ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
148
+ ": var(--plasma-typo-body-l-line-height);\n ",
149
+ ": 0.125rem;\n\n ",
150
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
151
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
152
+ ": 0 0.25rem 0 0;\n ",
153
+ ": 0 0 0 0.25rem;\n\n ",
128
154
  ": var(--plasma-typo-body-l-font-family);\n ",
129
- ": var(--plasma-typo-body-l-font-style);\n ",
130
155
  ": var(--plasma-typo-body-l-font-size);\n ",
156
+ ": var(--plasma-typo-body-l-font-style);\n ",
131
157
  ": var(--plasma-typo-body-l-font-weight);\n ",
132
158
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
133
159
  ": var(--plasma-typo-body-l-line-height);\n\n ",
134
- ": 0.25rem 0 0 0;\n ",
160
+ ": 0.25rem;\n ",
161
+ ": 0.75rem;\n ",
162
+ ": 0.25rem;\n ",
163
+ ": 1rem;\n\n ",
164
+ ": -0.688rem -0.5rem;\n ",
165
+ ": 2.375rem;\n ",
166
+ ": 1.438rem -2.938rem auto auto;\n ",
167
+ ": 0 0.563rem 0 -0.438rem;\n\n ",
168
+ ": 0.375rem;\n ",
135
169
  ": var(--plasma-typo-body-xs-font-family);\n ",
170
+ ": var(--plasma-typo-body-xs-font-size);\n ",
136
171
  ": var(--plasma-typo-body-xs-font-style);\n ",
172
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
173
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
174
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
175
+ ": 0.25rem 0 0 0;\n ",
176
+ ": 0.25rem;\n\n ",
177
+ ": var(--plasma-typo-body-xs-font-family);\n ",
137
178
  ": var(--plasma-typo-body-xs-font-size);\n ",
179
+ ": var(--plasma-typo-body-xs-font-style);\n ",
138
180
  ": var(--plasma-typo-body-xs-font-weight);\n ",
139
181
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
140
182
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
141
- ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
142
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
143
- ": 0 0.25rem 0 0;\n ",
144
- ": 0 0 0 0.25rem;\n "
183
+ ": 0.5rem;\n ",
184
+ ": 0.375rem;\n ",
185
+ ": 0.25rem;\n ",
186
+ ": -0.75rem;\n ",
187
+ ": auto 0 -0.5rem auto;\n ",
188
+ ": auto auto -0.5rem 0;\n "
145
189
  ]);
146
190
  _templateObject2 = function _templateObject() {
147
191
  return data;
@@ -151,49 +195,66 @@ function _templateObject2() {
151
195
  function _templateObject3() {
152
196
  var data = _tagged_template_literal([
153
197
  "\n ",
154
- ": 0.75rem;\n\n ",
198
+ ": 0.75rem;\n ",
199
+ ": 0.125rem;\n\n ",
155
200
  ": 0 0.375rem;\n ",
156
201
  ": var(--plasma-typo-body-m-font-family);\n ",
157
202
  ": var(--plasma-typo-body-m-font-style);\n ",
158
203
  ": var(--plasma-typo-body-m-font-size);\n ",
159
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
204
+ ": var(--plasma-typo-body-m-font-weight);\n ",
160
205
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
161
206
  ": var(--plasma-typo-body-m-line-height);\n\n ",
162
207
  ": 0 0 0 0.875rem;\n ",
163
208
  ": 0;\n\n ",
164
- ": 0.625rem;\n\n ",
209
+ ": 3rem;\n ",
210
+ ": 0.75rem;\n ",
211
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
165
212
  ": var(--plasma-typo-body-m-font-family);\n ",
166
213
  ": var(--plasma-typo-body-m-font-style);\n ",
167
214
  ": var(--plasma-typo-body-m-font-size);\n ",
168
215
  ": var(--plasma-typo-body-m-font-weight);\n ",
169
216
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
170
- ": var(--plasma-typo-body-m-line-height);\n\n ",
171
- ": 0.5rem;\n ",
172
- ": 0.375rem;\n ",
173
- ": 0 0 0 0;\n ",
174
- ": 0.375rem auto auto -0.75rem;\n ",
175
- ": 0 0 auto auto;\n ",
176
- ": 0.25rem -0.6875rem auto auto;\n\n ",
177
- ": 3rem;\n ",
178
- ": 0.75rem;\n ",
179
- ": 0.875rem 1rem 0.875rem 1rem;\n ",
217
+ ": var(--plasma-typo-body-m-line-height);\n ",
218
+ ": 0.125rem;\n\n ",
219
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
220
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
221
+ ": 0 0.25rem 0 0;\n ",
222
+ ": 0 0 0 0.25rem;\n\n ",
180
223
  ": var(--plasma-typo-body-m-font-family);\n ",
181
- ": var(--plasma-typo-body-m-font-style);\n ",
182
224
  ": var(--plasma-typo-body-m-font-size);\n ",
225
+ ": var(--plasma-typo-body-m-font-style);\n ",
183
226
  ": var(--plasma-typo-body-m-font-weight);\n ",
184
227
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
185
228
  ": var(--plasma-typo-body-m-line-height);\n\n ",
186
- ": 0.25rem 0 0 0;\n ",
229
+ ": 0.25rem;\n ",
230
+ ": 0.625rem;\n ",
231
+ ": 0.25rem;\n ",
232
+ ": 0.875rem;\n\n ",
233
+ ": -0.688rem;\n ",
234
+ ": 2.375rem;\n ",
235
+ ": 1.1875rem -2.813rem auto auto;\n ",
236
+ ": 0 0.313rem 0 -0.438rem;\n\n ",
237
+ ": 0.313rem;\n ",
187
238
  ": var(--plasma-typo-body-xs-font-family);\n ",
239
+ ": var(--plasma-typo-body-xs-font-size);\n ",
188
240
  ": var(--plasma-typo-body-xs-font-style);\n ",
241
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
242
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
243
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
244
+ ": 0.25rem 0 0 0;\n ",
245
+ ": 0.25rem;\n\n ",
246
+ ": var(--plasma-typo-body-xs-font-family);\n ",
189
247
  ": var(--plasma-typo-body-xs-font-size);\n ",
248
+ ": var(--plasma-typo-body-xs-font-style);\n ",
190
249
  ": var(--plasma-typo-body-xs-font-weight);\n ",
191
250
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
192
251
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
193
- ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
194
- ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
195
- ": 0 0.25rem 0 0;\n ",
196
- ": 0 0 0 0.25rem;\n "
252
+ ": 0.5rem;\n ",
253
+ ": 0.375rem;\n ",
254
+ ": 0.25rem;\n ",
255
+ ": -0.75rem;\n ",
256
+ ": auto 0 -0.5rem auto;\n ",
257
+ ": auto auto -0.5rem 0;\n "
197
258
  ]);
198
259
  _templateObject3 = function _templateObject() {
199
260
  return data;
@@ -203,49 +264,66 @@ function _templateObject3() {
203
264
  function _templateObject4() {
204
265
  var data = _tagged_template_literal([
205
266
  "\n ",
206
- ": 0.625rem;\n\n ",
267
+ ": 0.625rem;\n ",
268
+ ": 0.125rem;\n\n ",
207
269
  ": 0 0.375rem;\n ",
208
270
  ": var(--plasma-typo-body-s-font-family);\n ",
209
271
  ": var(--plasma-typo-body-s-font-style);\n ",
210
272
  ": var(--plasma-typo-body-s-font-size);\n ",
211
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
273
+ ": var(--plasma-typo-body-s-font-weight);\n ",
212
274
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
213
275
  ": var(--plasma-typo-body-s-line-height);\n\n ",
214
276
  ": 0 0 0 0.75rem;\n ",
215
277
  ": 0;\n\n ",
216
- ": 0.5rem;\n\n ",
278
+ ": 2.5rem;\n ",
279
+ ": 0.625rem;\n ",
280
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
217
281
  ": var(--plasma-typo-body-s-font-family);\n ",
218
282
  ": var(--plasma-typo-body-s-font-style);\n ",
219
283
  ": var(--plasma-typo-body-s-font-size);\n ",
220
284
  ": var(--plasma-typo-body-s-font-weight);\n ",
221
285
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
222
- ": var(--plasma-typo-body-s-line-height);\n\n ",
223
- ": 0.375rem;\n ",
224
- ": 0.375rem;\n ",
225
- ": 0 0 0 0;\n ",
226
- ": 0.3125rem auto auto -0.6875rem;\n ",
227
- ": 0 0 auto auto;\n ",
228
- ": 0.25rem -0.625rem auto auto;\n\n ",
229
- ": 2.5rem;\n ",
230
- ": 0.625rem;\n ",
231
- ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
286
+ ": var(--plasma-typo-body-s-line-height);\n ",
287
+ ": 0.125rem;\n\n ",
288
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
289
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
290
+ ": 0 0.25rem 0 0;\n ",
291
+ ": 0 0 0 0.25rem;\n\n ",
232
292
  ": var(--plasma-typo-body-s-font-family);\n ",
233
- ": var(--plasma-typo-body-s-font-style);\n ",
234
293
  ": var(--plasma-typo-body-s-font-size);\n ",
294
+ ": var(--plasma-typo-body-s-font-style);\n ",
235
295
  ": var(--plasma-typo-body-s-font-weight);\n ",
236
296
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
237
297
  ": var(--plasma-typo-body-s-line-height);\n\n ",
238
- ": 0.25rem 0 0 0;\n ",
298
+ ": 0.25rem;\n ",
299
+ ": 0.5rem;\n ",
300
+ ": 0.25rem;\n ",
301
+ ": 0.75rem;\n\n ",
302
+ ": -0.688rem;\n ",
303
+ ": 2.375rem;\n ",
304
+ ": 0.938rem -2.688rem auto auto;\n ",
305
+ ": 0 0.063rem 0 -0.438rem;\n\n ",
306
+ ": 0.188rem;\n ",
239
307
  ": var(--plasma-typo-body-xs-font-family);\n ",
308
+ ": var(--plasma-typo-body-xs-font-size);\n ",
240
309
  ": var(--plasma-typo-body-xs-font-style);\n ",
310
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
311
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
312
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
313
+ ": 0.25rem 0 0 0;\n ",
314
+ ": 0.25rem;\n\n ",
315
+ ": var(--plasma-typo-body-xs-font-family);\n ",
241
316
  ": var(--plasma-typo-body-xs-font-size);\n ",
317
+ ": var(--plasma-typo-body-xs-font-style);\n ",
242
318
  ": var(--plasma-typo-body-xs-font-weight);\n ",
243
319
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
244
320
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
245
- ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
246
- ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
247
- ": 0 0.25rem 0 0;\n ",
248
- ": 0 0 0 0.25rem;\n "
321
+ ": 0.5rem;\n ",
322
+ ": 0.375rem;\n ",
323
+ ": 0.25rem;\n ",
324
+ ": -0.75rem;\n ",
325
+ ": auto 0 -0.5rem auto;\n ",
326
+ ": auto auto -0.5rem 0;\n "
249
327
  ]);
250
328
  _templateObject4 = function _templateObject() {
251
329
  return data;
@@ -255,49 +333,66 @@ function _templateObject4() {
255
333
  function _templateObject5() {
256
334
  var data = _tagged_template_literal([
257
335
  "\n ",
258
- ": 0.5rem;\n\n ",
336
+ ": 0.5rem;\n ",
337
+ ": 0.125rem;\n\n ",
259
338
  ": 0 0.375rem;\n ",
260
339
  ": var(--plasma-typo-body-xs-font-family);\n ",
261
340
  ": var(--plasma-typo-body-xs-font-style);\n ",
262
341
  ": var(--plasma-typo-body-xs-font-size);\n ",
263
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
342
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
264
343
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
265
344
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
266
345
  ": 0 0 0 0.5rem;\n ",
267
346
  ": 0;\n\n ",
268
- ": 0.375rem;\n\n ",
347
+ ": 2rem;\n ",
348
+ ": 0.5rem;\n ",
349
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
269
350
  ": var(--plasma-typo-body-xs-font-family);\n ",
270
351
  ": var(--plasma-typo-body-xs-font-style);\n ",
271
352
  ": var(--plasma-typo-body-xs-font-size);\n ",
272
353
  ": var(--plasma-typo-body-xs-font-weight);\n ",
273
354
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
355
+ ": var(--plasma-typo-body-xs-line-height);\n ",
356
+ ": 0.125rem;\n\n ",
357
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
358
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
359
+ ": 0 0.25rem 0 0;\n ",
360
+ ": 0 0 0 0.25rem;\n\n ",
361
+ ": var(--plasma-typo-body-xs-font-family);\n ",
362
+ ": var(--plasma-typo-body-xs-font-size);\n ",
363
+ ": var(--plasma-typo-body-xs-font-style);\n ",
364
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
365
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
274
366
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
367
+ ": 0.25rem;\n ",
275
368
  ": 0.375rem;\n ",
276
- ": 0.375rem;\n ",
277
- ": 0 0 0 0;\n ",
278
- ": 0.25rem auto auto -0.625rem;\n ",
279
- ": 0 0 auto auto;\n ",
280
- ": 0.125rem -0.6875rem auto auto;\n\n ",
281
- ": 2rem;\n ",
282
- ": 0.5rem;\n ",
283
- ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
369
+ ": 0.25rem;\n ",
370
+ ": 0.5rem;\n\n ",
371
+ ": -0.688rem;\n ",
372
+ ": 2.375rem;\n ",
373
+ ": 0.688rem -2.063rem auto auto;\n ",
374
+ ": 0 -0.188rem 0 -0.688rem;\n\n ",
375
+ ": 0;\n ",
284
376
  ": var(--plasma-typo-body-xs-font-family);\n ",
285
- ": var(--plasma-typo-body-xs-font-style);\n ",
286
377
  ": var(--plasma-typo-body-xs-font-size);\n ",
378
+ ": var(--plasma-typo-body-xs-font-style);\n ",
287
379
  ": var(--plasma-typo-body-xs-font-weight);\n ",
288
380
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
289
381
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
290
382
  ": 0.25rem 0 0 0;\n ",
383
+ ": 0.25rem;\n\n ",
291
384
  ": var(--plasma-typo-body-xs-font-family);\n ",
292
- ": var(--plasma-typo-body-xs-font-style);\n ",
293
385
  ": var(--plasma-typo-body-xs-font-size);\n ",
386
+ ": var(--plasma-typo-body-xs-font-style);\n ",
294
387
  ": var(--plasma-typo-body-xs-font-weight);\n ",
295
388
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
296
389
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
297
- ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
298
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
299
- ": 0 0.25rem 0 0;\n ",
300
- ": 0 0 0 0.25rem;\n "
390
+ ": 0.375rem;\n ",
391
+ ": 0.375rem;\n ",
392
+ ": 0.125rem;\n ",
393
+ ": -0.75rem;\n ",
394
+ ": auto 0 -0.375rem auto;\n ",
395
+ ": auto auto -0.375rem 0;\n "
301
396
  ]);
302
397
  _templateObject5 = function _templateObject() {
303
398
  return data;
@@ -307,7 +402,10 @@ function _templateObject5() {
307
402
  function _templateObject6() {
308
403
  var data = _tagged_template_literal([
309
404
  "\n ",
310
- ": 0.4;\n "
405
+ ": var(--surface-solid-card-brightness);\n ",
406
+ ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
407
+ ": var(--text-primary);\n ",
408
+ ": var(--surface-solid-card-brightness);\n "
311
409
  ]);
312
410
  _templateObject6 = function _templateObject() {
313
411
  return data;
@@ -317,18 +415,90 @@ function _templateObject6() {
317
415
  function _templateObject7() {
318
416
  var data = _tagged_template_literal([
319
417
  "\n ",
320
- ": var(--surface-transparent-primary);\n ",
321
- ": var(--text-primary);\n ",
418
+ ": 0.6875rem;\n ",
419
+ ": 0.875rem;\n ",
420
+ ": 0.6875rem;\n ",
421
+ ": 0.875rem;\n\n ",
422
+ ": 2.5rem;\n ",
423
+ ": 0.625rem;\n\n ",
424
+ ": var(--plasma-typo-body-s-font-family);\n ",
425
+ ": var(--plasma-typo-body-s-font-size);\n ",
426
+ ": var(--plasma-typo-body-s-font-style);\n ",
427
+ ": var(--plasma-typo-body-s-font-weight);\n ",
428
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
429
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
430
+ ": 0.375rem;\n\n ",
431
+ ": 1.25rem;\n ",
432
+ ": 1.25rem;\n ",
433
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
434
+ ": 0.5rem;\n ",
435
+ ": 0.625rem;\n "
436
+ ]);
437
+ _templateObject7 = function _templateObject() {
438
+ return data;
439
+ };
440
+ return data;
441
+ }
442
+ function _templateObject8() {
443
+ var data = _tagged_template_literal([
444
+ "\n ",
445
+ ": 0.5rem;\n ",
446
+ ": 0.75rem;\n ",
447
+ ": 0.5rem;\n ",
448
+ ": 0.75rem;\n\n ",
449
+ ": 2rem;\n ",
450
+ ": 0.5rem;\n\n ",
451
+ ": var(--plasma-typo-body-xs-font-family);\n ",
452
+ ": var(--plasma-typo-body-xs-font-size);\n ",
453
+ ": var(--plasma-typo-body-xs-font-style);\n ",
454
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
455
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
456
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
457
+ ": 0.25rem;\n\n ",
458
+ ": 1rem;\n ",
459
+ ": 1rem;\n ",
460
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
461
+ ": 0.375rem;\n ",
462
+ ": 0.5625rem;\n "
463
+ ]);
464
+ _templateObject8 = function _templateObject() {
465
+ return data;
466
+ };
467
+ return data;
468
+ }
469
+ function _templateObject9() {
470
+ var data = _tagged_template_literal([
471
+ "\n ",
472
+ ": 1;\n ",
473
+ ": transparent;\n ",
474
+ ": var(--surface-transparent-secondary);\n ",
475
+ ": transparent;\n ",
322
476
  ": var(--text-secondary);\n ",
477
+ ": var(--text-secondary);\n "
478
+ ]);
479
+ _templateObject9 = function _templateObject() {
480
+ return data;
481
+ };
482
+ return data;
483
+ }
484
+ function _templateObject10() {
485
+ var data = _tagged_template_literal([
486
+ "\n<<<<<<< HEAD\n ",
487
+ ": var(--surface-transparent-card);\n ",
488
+ ": var(--surface-transparent-card);\n ",
489
+ ": var(--text-primary);\n ",
490
+ ": var(--text-secondary);\n=======\n ",
491
+ ": var(--surface-transparent-primary);\n\n>>>>>>> 081799a5f (feat(sdds-*): add clear Range config & tests)\n ",
323
492
  ": var(--text-secondary);\n ",
324
- ": 0.1;\n ",
325
493
  ": 0.4;\n ",
326
- ": 0.4;\n\n ",
327
- ": var(--text-primary);\n ",
494
+ ": 1;\n\n ",
495
+ ": var(--text-secondary);\n ",
328
496
  ": transparent;\n ",
497
+ ": var(--text-secondary);\n ",
498
+ ": var(--text-secondary);\n ",
329
499
  ": var(--text-secondary);\n "
330
500
  ]);
331
- _templateObject7 = function _templateObject() {
501
+ _templateObject10 = function _templateObject() {
332
502
  return data;
333
503
  };
334
504
  return data;
@@ -337,24 +507,33 @@ import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/styled-com
337
507
  export var config = {
338
508
  defaults: {
339
509
  view: 'default',
340
- size: 'l'
510
+ size: 'l',
511
+ hintView: 'default',
512
+ hintSize: 'm'
341
513
  },
342
514
  variations: {
343
515
  view: {
344
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
516
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
345
517
  },
346
518
  size: {
347
- xl: css(_templateObject1(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
348
- l: css(_templateObject2(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
349
- m: css(_templateObject3(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
350
- s: css(_templateObject4(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
351
- xs: css(_templateObject5(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
519
+ xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
520
+ l: css(_templateObject2(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
521
+ m: css(_templateObject3(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
522
+ s: css(_templateObject4(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
523
+ xs: css(_templateObject5(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft)
524
+ },
525
+ hintView: {
526
+ default: css(_templateObject6(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
527
+ },
528
+ hintSize: {
529
+ m: css(_templateObject7(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
530
+ s: css(_templateObject8(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
352
531
  },
353
532
  disabled: {
354
- true: css(_templateObject6(), tokens.disabledOpacity)
533
+ true: css(_templateObject9(), tokens.disabledOpacity, tokens.textFieldBackgroundColor, tokens.background, tokens.borderColor, tokens.contentSlotRightColor, tokens.contentSlotColor)
355
534
  },
356
535
  readOnly: {
357
- true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
536
+ true: css(_templateObject10(), tokens.backgroundReadOnly, tokens.background, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.backgroundReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.contentSlotRightColor, tokens.contentSlotColor)
358
537
  }
359
538
  }
360
539
  };