@salutejs/plasma-web 1.602.0-canary.2402.20461160162.0 → 1.602.0-dev.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 (46) hide show
  1. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  2. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  3. package/dist/css/cjs/components/DatePicker/DatePicker.config_lb9dvj.css +9 -0
  4. package/dist/css/cjs/components/DatePicker/DatePicker.css +9 -9
  5. package/dist/css/cjs/components/Range/Range.clear.config.js +41 -0
  6. package/dist/css/cjs/components/Range/Range.clear.config.js.map +1 -0
  7. package/dist/css/cjs/components/Range/Range.clear.config_1f7lv9g.css +11 -0
  8. package/dist/css/cjs/components/Range/Range.config.js +10 -3
  9. package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
  10. package/dist/css/cjs/components/Range/Range.config_cx3c66.css +11 -0
  11. package/dist/css/cjs/components/Range/Range.css +23 -8
  12. package/dist/css/cjs/components/Range/Range.js +14 -6
  13. package/dist/css/cjs/components/Range/Range.js.map +1 -1
  14. package/dist/css/cjs/index.css +32 -17
  15. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  16. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  17. package/dist/css/es/components/DatePicker/DatePicker.config_lb9dvj.css +9 -0
  18. package/dist/css/es/components/DatePicker/DatePicker.css +9 -9
  19. package/dist/css/es/components/Range/Range.clear.config.js +37 -0
  20. package/dist/css/es/components/Range/Range.clear.config.js.map +1 -0
  21. package/dist/css/es/components/Range/Range.clear.config_1f7lv9g.css +11 -0
  22. package/dist/css/es/components/Range/Range.config.js +10 -3
  23. package/dist/css/es/components/Range/Range.config.js.map +1 -1
  24. package/dist/css/es/components/Range/Range.config_cx3c66.css +11 -0
  25. package/dist/css/es/components/Range/Range.css +23 -8
  26. package/dist/css/es/components/Range/Range.js +14 -8
  27. package/dist/css/es/components/Range/Range.js.map +1 -1
  28. package/dist/css/es/index.css +32 -17
  29. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +34 -14
  30. package/dist/styled-components/cjs/components/Range/Range.clear.config.js +543 -0
  31. package/dist/styled-components/cjs/components/Range/Range.config.js +251 -100
  32. package/dist/styled-components/cjs/components/Range/Range.js +28 -5
  33. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +34 -14
  34. package/dist/styled-components/es/components/Range/Range.clear.config.js +533 -0
  35. package/dist/styled-components/es/components/Range/Range.config.js +251 -100
  36. package/dist/styled-components/es/components/Range/Range.js +16 -6
  37. package/package.json +7 -7
  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.clear.config.d.ts +33 -0
  41. package/types/components/Range/Range.config.d.ts +7 -0
  42. package/types/components/Range/Range.d.ts +2222 -8
  43. package/dist/css/cjs/components/DatePicker/DatePicker.config_4328ph.css +0 -9
  44. package/dist/css/cjs/components/Range/Range.config_1lmzauz.css +0 -8
  45. package/dist/css/es/components/DatePicker/DatePicker.config_4328ph.css +0 -9
  46. package/dist/css/es/components/Range/Range.config_1lmzauz.css +0 -8
package/dist/styled-components/es/components/Range/Range.config.js CHANGED
@@ -19,14 +19,14 @@ function _templateObject() {
19
19
  ": var(--text-primary);\n ",
20
20
  ": var(--text-secondary);\n ",
21
21
  ": var(--text-negative);\n ",
22
- ": var(--text-positive);\n\n ",
22
+ ": var(--text-positive);\n ",
23
+ ": var(--text-secondary);\n ",
24
+ ": var(--text-secondary);\n\n ",
23
25
  ": var(--text-secondary);\n ",
24
26
  ": var(--text-secondary-hover);\n ",
25
27
  ": var(--text-secondary-active);\n\n ",
26
- ": var(--surface-negative);\n\n ",
27
28
  ": var(--text-primary);\n ",
28
29
  ": var(--text-secondary);\n ",
29
- ": var(--text-secondary);\n ",
30
30
  ": var(--text-accent);\n\n ",
31
31
  ": var(--text-secondary);\n ",
32
32
  ": var(--surface-accent);\n ",
@@ -38,7 +38,9 @@ function _templateObject() {
38
38
  ": var(--surface-accent);\n\n ",
39
39
  ": var(--text-tertiary);\n ",
40
40
  ": var(--text-tertiary);\n\n ",
41
- ": var(--text-accent);\n "
41
+ ": var(--surface-negative);\n\n ",
42
+ ": var(--text-accent);\n ",
43
+ ": var(--text-tertiary);\n "
42
44
  ]);
43
45
  _templateObject = function _templateObject() {
44
46
  return data;
@@ -59,40 +61,55 @@ function _templateObject1() {
59
61
  ": var(--plasma-typo-body-l-line-height);\n\n ",
60
62
  ": 0 0 0 1.125rem;\n ",
61
63
  ": 0;\n\n ",
62
- ": 0.75rem;\n\n ",
64
+ ": 4rem;\n ",
65
+ ": 1rem;\n ",
66
+ ": 0.063rem;\n ",
67
+ ": 1.3125rem 1.125rem;\n ",
63
68
  ": var(--plasma-typo-body-l-font-family);\n ",
64
69
  ": var(--plasma-typo-body-l-font-style);\n ",
65
70
  ": var(--plasma-typo-body-l-font-size);\n ",
66
71
  ": var(--plasma-typo-body-l-font-weight);\n ",
67
72
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
68
- ": var(--plasma-typo-body-l-line-height);\n\n ",
69
- ": 4rem;\n ",
70
- ": 1rem;\n ",
71
- ": 0.063rem;\n ",
72
- ": 1.3125rem 1.125rem;\n ",
73
+ ": var(--plasma-typo-body-l-line-height);\n ",
74
+ ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
75
+ ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
76
+ ": 0 0.25rem 0 0;\n ",
77
+ ": 0 0 0 0.25rem;\n\n ",
73
78
  ": var(--plasma-typo-body-l-font-family);\n ",
74
79
  ": var(--plasma-typo-body-l-font-style);\n ",
75
80
  ": var(--plasma-typo-body-l-font-size);\n ",
76
81
  ": var(--plasma-typo-body-l-font-weight);\n ",
77
82
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
78
83
  ": var(--plasma-typo-body-l-line-height);\n\n ",
79
- ": 0.25rem 0 0 0;\n ",
84
+ ": 0.25rem;\n ",
85
+ ": 0.75rem;\n ",
86
+ ": 0.25rem;\n ",
87
+ ": 1rem;\n\n ",
88
+ ": -0.688rem -0.5rem;\n ",
89
+ ": 2.375rem;\n ",
90
+ ": 1.688rem -2.938rem auto auto;\n ",
91
+ ": 0 0.813rem 0 -0.438rem;\n\n ",
92
+ ": 0.375rem;\n ",
80
93
  ": var(--plasma-typo-body-xs-font-family);\n ",
94
+ ": var(--plasma-typo-body-xs-font-size);\n ",
81
95
  ": var(--plasma-typo-body-xs-font-style);\n ",
96
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
97
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
98
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
99
+ ": 0.25rem 0 0 0;\n ",
100
+ ": 0.25rem;\n\n ",
101
+ ": var(--plasma-typo-body-xs-font-family);\n ",
82
102
  ": var(--plasma-typo-body-xs-font-size);\n ",
103
+ ": var(--plasma-typo-body-xs-font-style);\n ",
83
104
  ": var(--plasma-typo-body-xs-font-weight);\n ",
84
105
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
85
106
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
86
- ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
87
- ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
88
- ": 0 0.25rem 0 0;\n ",
89
- ": 0 0 0 0.25rem;\n\n ",
90
107
  ": 0.5rem;\n ",
91
108
  ": 0.375rem;\n ",
92
- ": 0 0 0 0;\n ",
93
- ": 0.5rem auto auto -0.75rem;\n ",
94
- ": 0 0 auto auto;\n ",
95
- ": 0.25rem -0.625rem auto auto;\n "
109
+ ": 0.25rem;\n ",
110
+ ": -0.75rem;\n ",
111
+ ": auto 0 -0.5rem auto;\n ",
112
+ ": auto auto -0.5rem 0;\n "
96
113
  ]);
97
114
  _templateObject1 = function _templateObject() {
98
115
  return data;
@@ -108,45 +125,60 @@ function _templateObject2() {
108
125
  ": var(--plasma-typo-body-l-font-family);\n ",
109
126
  ": var(--plasma-typo-body-l-font-style);\n ",
110
127
  ": var(--plasma-typo-body-l-font-size);\n ",
111
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
128
+ ": var(--plasma-typo-body-l-font-weight);\n ",
112
129
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
113
130
  ": var(--plasma-typo-body-l-line-height);\n\n ",
114
131
  ": 0 0 0 1rem;\n ",
115
132
  ": 0;\n\n ",
116
- ": 0.75rem;\n\n ",
133
+ ": 3.5rem;\n ",
134
+ ": 0.875rem;\n ",
135
+ ": 0.063rem;\n ",
136
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
117
137
  ": var(--plasma-typo-body-l-font-family);\n ",
118
138
  ": var(--plasma-typo-body-l-font-style);\n ",
119
139
  ": var(--plasma-typo-body-l-font-size);\n ",
120
140
  ": var(--plasma-typo-body-l-font-weight);\n ",
121
141
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
122
142
  ": var(--plasma-typo-body-l-line-height);\n\n ",
123
- ": 0.5rem;\n ",
124
- ": 0.375rem;\n ",
125
- ": 0 0 0 0;\n ",
126
- ": 0.5rem auto auto -0.75rem;\n ",
127
- ": 0 0 auto auto;\n ",
128
- ": 0.25rem -0.625rem auto auto;\n\n ",
129
- ": 3.5rem;\n ",
130
- ": 0.875rem;\n ",
131
- ": 0.0625rem;\n ",
132
- ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
143
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
144
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
145
+ ": 0 0.25rem 0 0;\n ",
146
+ ": 0 0 0 0.25rem;\n\n ",
133
147
  ": var(--plasma-typo-body-l-font-family);\n ",
134
- ": var(--plasma-typo-body-l-font-style);\n ",
135
148
  ": var(--plasma-typo-body-l-font-size);\n ",
149
+ ": var(--plasma-typo-body-l-font-style);\n ",
136
150
  ": var(--plasma-typo-body-l-font-weight);\n ",
137
151
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
138
152
  ": var(--plasma-typo-body-l-line-height);\n\n ",
139
- ": 0.25rem 0 0 0;\n ",
153
+ ": 0.25rem;\n ",
154
+ ": 0.75rem;\n ",
155
+ ": 0.25rem;\n ",
156
+ ": 1rem;\n\n ",
157
+ ": -0.688rem -0.5rem;\n ",
158
+ ": 2.375rem;\n ",
159
+ ": 1.438rem -2.938rem auto auto;\n ",
160
+ ": 0 0.563rem 0 -0.438rem;\n\n ",
161
+ ": 0.375rem;\n ",
140
162
  ": var(--plasma-typo-body-xs-font-family);\n ",
163
+ ": var(--plasma-typo-body-xs-font-size);\n ",
141
164
  ": var(--plasma-typo-body-xs-font-style);\n ",
165
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
166
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
167
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
168
+ ": 0.25rem 0 0 0;\n ",
169
+ ": 0.25rem;\n\n ",
170
+ ": var(--plasma-typo-body-xs-font-family);\n ",
142
171
  ": var(--plasma-typo-body-xs-font-size);\n ",
172
+ ": var(--plasma-typo-body-xs-font-style);\n ",
143
173
  ": var(--plasma-typo-body-xs-font-weight);\n ",
144
174
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
145
175
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
146
- ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
147
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
148
- ": 0 0.25rem 0 0;\n ",
149
- ": 0 0 0 0.25rem;\n "
176
+ ": 0.5rem;\n ",
177
+ ": 0.375rem;\n ",
178
+ ": 0.25rem;\n ",
179
+ ": -0.75rem;\n ",
180
+ ": auto 0 -0.5rem auto;\n ",
181
+ ": auto auto -0.5rem 0;\n "
150
182
  ]);
151
183
  _templateObject2 = function _templateObject() {
152
184
  return data;
@@ -162,45 +194,60 @@ function _templateObject3() {
162
194
  ": var(--plasma-typo-body-m-font-family);\n ",
163
195
  ": var(--plasma-typo-body-m-font-style);\n ",
164
196
  ": var(--plasma-typo-body-m-font-size);\n ",
165
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
197
+ ": var(--plasma-typo-body-m-font-weight);\n ",
166
198
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
167
199
  ": var(--plasma-typo-body-m-line-height);\n\n ",
168
200
  ": 0 0 0 0.875rem;\n ",
169
201
  ": 0;\n\n ",
170
- ": 0.625rem;\n\n ",
202
+ ": 3rem;\n ",
203
+ ": 0.75rem;\n ",
204
+ ": 0.063rem;\n ",
205
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
171
206
  ": var(--plasma-typo-body-m-font-family);\n ",
172
207
  ": var(--plasma-typo-body-m-font-style);\n ",
173
208
  ": var(--plasma-typo-body-m-font-size);\n ",
174
209
  ": var(--plasma-typo-body-m-font-weight);\n ",
175
210
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
176
211
  ": var(--plasma-typo-body-m-line-height);\n\n ",
177
- ": 0.5rem;\n ",
178
- ": 0.375rem;\n ",
179
- ": 0 0 0 0;\n ",
180
- ": 0.375rem auto auto -0.75rem;\n ",
181
- ": 0 0 auto auto;\n ",
182
- ": 0.25rem -0.6875rem auto auto;\n\n ",
183
- ": 3rem;\n ",
184
- ": 0.75rem;\n ",
185
- ": 0.0625rem;\n ",
186
- ": 0.875rem 1rem 0.875rem 1rem;\n ",
212
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
213
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
214
+ ": 0 0.25rem 0 0;\n ",
215
+ ": 0 0 0 0.25rem;\n\n ",
187
216
  ": var(--plasma-typo-body-m-font-family);\n ",
188
- ": var(--plasma-typo-body-m-font-style);\n ",
189
217
  ": var(--plasma-typo-body-m-font-size);\n ",
218
+ ": var(--plasma-typo-body-m-font-style);\n ",
190
219
  ": var(--plasma-typo-body-m-font-weight);\n ",
191
220
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
192
221
  ": var(--plasma-typo-body-m-line-height);\n\n ",
193
- ": 0.25rem 0 0 0;\n ",
222
+ ": 0.25rem;\n ",
223
+ ": 0.625rem;\n ",
224
+ ": 0.25rem;\n ",
225
+ ": 0.875rem;\n\n ",
226
+ ": -0.688rem;\n ",
227
+ ": 2.375rem;\n ",
228
+ ": 1.1875rem -2.813rem auto auto;\n ",
229
+ ": 0 0.313rem 0 -0.438rem;\n\n ",
230
+ ": 0.313rem;\n ",
194
231
  ": var(--plasma-typo-body-xs-font-family);\n ",
232
+ ": var(--plasma-typo-body-xs-font-size);\n ",
195
233
  ": var(--plasma-typo-body-xs-font-style);\n ",
234
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
235
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
236
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
237
+ ": 0.25rem 0 0 0;\n ",
238
+ ": 0.25rem;\n\n ",
239
+ ": var(--plasma-typo-body-xs-font-family);\n ",
196
240
  ": var(--plasma-typo-body-xs-font-size);\n ",
241
+ ": var(--plasma-typo-body-xs-font-style);\n ",
197
242
  ": var(--plasma-typo-body-xs-font-weight);\n ",
198
243
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
199
244
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
200
- ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
201
- ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
202
- ": 0 0.25rem 0 0;\n ",
203
- ": 0 0 0 0.25rem;\n "
245
+ ": 0.5rem;\n ",
246
+ ": 0.375rem;\n ",
247
+ ": 0.25rem;\n ",
248
+ ": -0.75rem;\n ",
249
+ ": auto 0 -0.5rem auto;\n ",
250
+ ": auto auto -0.5rem 0;\n "
204
251
  ]);
205
252
  _templateObject3 = function _templateObject() {
206
253
  return data;
@@ -216,45 +263,60 @@ function _templateObject4() {
216
263
  ": var(--plasma-typo-body-s-font-family);\n ",
217
264
  ": var(--plasma-typo-body-s-font-style);\n ",
218
265
  ": var(--plasma-typo-body-s-font-size);\n ",
219
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
266
+ ": var(--plasma-typo-body-s-font-weight);\n ",
220
267
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
221
268
  ": var(--plasma-typo-body-s-line-height);\n\n ",
222
269
  ": 0 0 0 0.75rem;\n ",
223
270
  ": 0;\n\n ",
224
- ": 0.5rem;\n\n ",
271
+ ": 2.5rem;\n ",
272
+ ": 0.625rem;\n ",
273
+ ": 0.063rem;\n ",
274
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
225
275
  ": var(--plasma-typo-body-s-font-family);\n ",
226
276
  ": var(--plasma-typo-body-s-font-style);\n ",
227
277
  ": var(--plasma-typo-body-s-font-size);\n ",
228
278
  ": var(--plasma-typo-body-s-font-weight);\n ",
229
279
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
230
280
  ": var(--plasma-typo-body-s-line-height);\n\n ",
231
- ": 0.375rem;\n ",
232
- ": 0.375rem;\n ",
233
- ": 0 0 0 0;\n ",
234
- ": 0.3125rem auto auto -0.6875rem;\n ",
235
- ": 0 0 auto auto;\n ",
236
- ": 0.25rem -0.625rem auto auto;\n\n ",
237
- ": 2.5rem;\n ",
238
- ": 0.625rem;\n ",
239
- ": 0.0625rem;\n ",
240
- ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
281
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
282
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
283
+ ": 0 0.25rem 0 0;\n ",
284
+ ": 0 0 0 0.25rem;\n\n ",
241
285
  ": var(--plasma-typo-body-s-font-family);\n ",
242
- ": var(--plasma-typo-body-s-font-style);\n ",
243
286
  ": var(--plasma-typo-body-s-font-size);\n ",
287
+ ": var(--plasma-typo-body-s-font-style);\n ",
244
288
  ": var(--plasma-typo-body-s-font-weight);\n ",
245
289
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
246
290
  ": var(--plasma-typo-body-s-line-height);\n\n ",
247
- ": 0.25rem 0 0 0;\n ",
291
+ ": 0.25rem;\n ",
292
+ ": 0.5rem;\n ",
293
+ ": 0.25rem;\n ",
294
+ ": 0.75rem;\n\n ",
295
+ ": -0.688rem;\n ",
296
+ ": 2.375rem;\n ",
297
+ ": 0.938rem -2.688rem auto auto;\n ",
298
+ ": 0 0.063rem 0 -0.438rem;\n\n ",
299
+ ": 0.188rem;\n ",
248
300
  ": var(--plasma-typo-body-xs-font-family);\n ",
301
+ ": var(--plasma-typo-body-xs-font-size);\n ",
249
302
  ": var(--plasma-typo-body-xs-font-style);\n ",
303
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
304
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
305
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
306
+ ": 0.25rem 0 0 0;\n ",
307
+ ": 0.25rem;\n\n ",
308
+ ": var(--plasma-typo-body-xs-font-family);\n ",
250
309
  ": var(--plasma-typo-body-xs-font-size);\n ",
310
+ ": var(--plasma-typo-body-xs-font-style);\n ",
251
311
  ": var(--plasma-typo-body-xs-font-weight);\n ",
252
312
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
253
313
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
254
- ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
255
- ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
256
- ": 0 0.25rem 0 0;\n ",
257
- ": 0 0 0 0.25rem;\n "
314
+ ": 0.5rem;\n ",
315
+ ": 0.375rem;\n ",
316
+ ": 0.25rem;\n ",
317
+ ": -0.75rem;\n ",
318
+ ": auto 0 -0.5rem auto;\n ",
319
+ ": auto auto -0.5rem 0;\n "
258
320
  ]);
259
321
  _templateObject4 = function _templateObject() {
260
322
  return data;
@@ -270,45 +332,60 @@ function _templateObject5() {
270
332
  ": var(--plasma-typo-body-xs-font-family);\n ",
271
333
  ": var(--plasma-typo-body-xs-font-style);\n ",
272
334
  ": var(--plasma-typo-body-xs-font-size);\n ",
273
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
335
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
274
336
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
275
337
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
276
338
  ": 0 0 0 0.5rem;\n ",
277
339
  ": 0;\n\n ",
278
- ": 0.375rem;\n\n ",
340
+ ": 2rem;\n ",
341
+ ": 0.5rem;\n ",
342
+ ": 0.063rem;\n ",
343
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
279
344
  ": var(--plasma-typo-body-xs-font-family);\n ",
280
345
  ": var(--plasma-typo-body-xs-font-style);\n ",
281
346
  ": var(--plasma-typo-body-xs-font-size);\n ",
282
347
  ": var(--plasma-typo-body-xs-font-weight);\n ",
283
348
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
284
349
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
285
- ": 0.375rem;\n ",
286
- ": 0.375rem;\n ",
287
- ": 0 0 0 0;\n ",
288
- ": 0.25rem auto auto -0.625rem;\n ",
289
- ": 0 0 auto auto;\n ",
290
- ": 0.125rem -0.6875rem auto auto;\n\n ",
291
- ": 2rem;\n ",
292
- ": 0.5rem;\n ",
293
- ": 0.0625rem;\n ",
294
- ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
350
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
351
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
352
+ ": 0 0.25rem 0 0;\n ",
353
+ ": 0 0 0 0.25rem;\n\n ",
295
354
  ": var(--plasma-typo-body-xs-font-family);\n ",
355
+ ": var(--plasma-typo-body-xs-font-size);\n ",
296
356
  ": var(--plasma-typo-body-xs-font-style);\n ",
357
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
358
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
359
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
360
+ ": 0.25rem;\n ",
361
+ ": 0.375rem;\n ",
362
+ ": 0.25rem;\n ",
363
+ ": 0.5rem;\n\n ",
364
+ ": -0.688rem;\n ",
365
+ ": 2.375rem;\n ",
366
+ ": 0.688rem -2.063rem auto auto;\n ",
367
+ ": 0 -0.188rem 0 -0.688rem;\n\n ",
368
+ ": 0;\n ",
369
+ ": var(--plasma-typo-body-xs-font-family);\n ",
297
370
  ": var(--plasma-typo-body-xs-font-size);\n ",
371
+ ": var(--plasma-typo-body-xs-font-style);\n ",
298
372
  ": var(--plasma-typo-body-xs-font-weight);\n ",
299
373
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
300
374
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
301
375
  ": 0.25rem 0 0 0;\n ",
376
+ ": 0.25rem;\n\n ",
302
377
  ": var(--plasma-typo-body-xs-font-family);\n ",
303
- ": var(--plasma-typo-body-xs-font-style);\n ",
304
378
  ": var(--plasma-typo-body-xs-font-size);\n ",
379
+ ": var(--plasma-typo-body-xs-font-style);\n ",
305
380
  ": var(--plasma-typo-body-xs-font-weight);\n ",
306
381
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
307
382
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
308
- ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
309
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
310
- ": 0 0.25rem 0 0;\n ",
311
- ": 0 0 0 0.25rem;\n "
383
+ ": 0.375rem;\n ",
384
+ ": 0.375rem;\n ",
385
+ ": 0.125rem;\n ",
386
+ ": -0.75rem;\n ",
387
+ ": auto 0 -0.375rem auto;\n ",
388
+ ": auto auto -0.375rem 0;\n "
312
389
  ]);
313
390
  _templateObject5 = function _templateObject() {
314
391
  return data;
@@ -318,7 +395,10 @@ function _templateObject5() {
318
395
  function _templateObject6() {
319
396
  var data = _tagged_template_literal([
320
397
  "\n ",
321
- ": 0.4;\n "
398
+ ": var(--surface-solid-card-brightness);\n ",
399
+ ": 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 ",
400
+ ": var(--text-primary);\n ",
401
+ ": var(--surface-solid-card-brightness);\n "
322
402
  ]);
323
403
  _templateObject6 = function _templateObject() {
324
404
  return data;
@@ -326,6 +406,70 @@ function _templateObject6() {
326
406
  return data;
327
407
  }
328
408
  function _templateObject7() {
409
+ var data = _tagged_template_literal([
410
+ "\n ",
411
+ ": 0.6875rem;\n ",
412
+ ": 0.875rem;\n ",
413
+ ": 0.6875rem;\n ",
414
+ ": 0.875rem;\n\n ",
415
+ ": 2.5rem;\n ",
416
+ ": 0.625rem;\n\n ",
417
+ ": var(--plasma-typo-body-s-font-family);\n ",
418
+ ": var(--plasma-typo-body-s-font-size);\n ",
419
+ ": var(--plasma-typo-body-s-font-style);\n ",
420
+ ": var(--plasma-typo-body-s-font-weight);\n ",
421
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
422
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
423
+ ": 0.375rem;\n\n ",
424
+ ": 1.25rem;\n ",
425
+ ": 1.25rem;\n ",
426
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
427
+ ": 0.5rem;\n ",
428
+ ": 0.625rem;\n "
429
+ ]);
430
+ _templateObject7 = function _templateObject() {
431
+ return data;
432
+ };
433
+ return data;
434
+ }
435
+ function _templateObject8() {
436
+ var data = _tagged_template_literal([
437
+ "\n ",
438
+ ": 0.5rem;\n ",
439
+ ": 0.75rem;\n ",
440
+ ": 0.5rem;\n ",
441
+ ": 0.75rem;\n\n ",
442
+ ": 2rem;\n ",
443
+ ": 0.5rem;\n\n ",
444
+ ": var(--plasma-typo-body-xs-font-family);\n ",
445
+ ": var(--plasma-typo-body-xs-font-size);\n ",
446
+ ": var(--plasma-typo-body-xs-font-style);\n ",
447
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
448
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
449
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
450
+ ": 0.25rem;\n\n ",
451
+ ": 1rem;\n ",
452
+ ": 1rem;\n ",
453
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
454
+ ": 0.375rem;\n ",
455
+ ": 0.5625rem;\n "
456
+ ]);
457
+ _templateObject8 = function _templateObject() {
458
+ return data;
459
+ };
460
+ return data;
461
+ }
462
+ function _templateObject9() {
463
+ var data = _tagged_template_literal([
464
+ "\n ",
465
+ ": 0.4;\n "
466
+ ]);
467
+ _templateObject9 = function _templateObject() {
468
+ return data;
469
+ };
470
+ return data;
471
+ }
472
+ function _templateObject10() {
329
473
  var data = _tagged_template_literal([
330
474
  "\n ",
331
475
  ": var(--surface-clear);\n ",
@@ -340,7 +484,7 @@ function _templateObject7() {
340
484
  ": transparent;\n ",
341
485
  ": var(--text-secondary);\n "
342
486
  ]);
343
- _templateObject7 = function _templateObject() {
487
+ _templateObject10 = function _templateObject() {
344
488
  return data;
345
489
  };
346
490
  return data;
@@ -353,20 +497,27 @@ export var config = {
353
497
  },
354
498
  variations: {
355
499
  view: {
356
- default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
500
+ default: css(_templateObject(), tokens.background, 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.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
357
501
  },
358
502
  size: {
359
- 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.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, 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),
360
- l: css(_templateObject2(), tokens.borderRadius, tokens.borderWidth, 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.textFieldBorderWidth, 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),
361
- 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.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.textFieldBorderWidth, 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),
362
- 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.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.textFieldBorderWidth, 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),
363
- 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.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.textFieldBorderWidth, 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)
503
+ 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.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, 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),
504
+ l: css(_templateObject2(), 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.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, 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),
505
+ 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.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, 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),
506
+ 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.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, 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),
507
+ 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.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, 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)
508
+ },
509
+ hintView: {
510
+ default: css(_templateObject6(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
511
+ },
512
+ hintSize: {
513
+ 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),
514
+ 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)
364
515
  },
365
516
  disabled: {
366
- true: css(_templateObject6(), tokens.disabledOpacity)
517
+ true: css(_templateObject9(), tokens.disabledOpacity)
367
518
  },
368
519
  readOnly: {
369
- true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
520
+ true: css(_templateObject10(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
370
521
  }
371
522
  }
372
523
  };
package/dist/styled-components/es/components/Range/Range.js CHANGED
@@ -1,6 +1,16 @@
1
- import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
- import { config } from './Range.config';
3
- var mergedConfig = mergeConfig(rangeConfig, config);
4
- /**
5
- * Компонент Range.
6
- */ export var Range = component(mergedConfig);
1
+ import { rangeConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config as configDefault } from './Range.config';
3
+ import { config as configClear } from './Range.clear.config';
4
+ var mergedConfigDefault = mergeConfig(rangeConfig, configDefault);
5
+ export var RangeDefault = component(mergedConfigDefault);
6
+ var mergedConfigClear = mergeConfig(rangeConfig, configClear);
7
+ export var RangeClear = component(mergedConfigClear);
8
+ export var Range = createConditionalComponent(RangeDefault, [
9
+ {
10
+ conditions: {
11
+ prop: 'appearance',
12
+ value: 'clear'
13
+ },
14
+ component: RangeClear
15
+ }
16
+ ]);