@salutejs/plasma-giga 0.327.0-canary.2390.20364773479.0 → 0.327.0-canary.2397.20370453452.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_1fdsdve.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_p5aiu2.css +11 -0
  8. package/dist/css/cjs/components/Range/Range.config.js +13 -4
  9. package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
  10. package/dist/css/cjs/components/Range/Range.config_s39lcx.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_1fdsdve.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_p5aiu2.css +11 -0
  22. package/dist/css/es/components/Range/Range.config.js +13 -4
  23. package/dist/css/es/components/Range/Range.config.js.map +1 -1
  24. package/dist/css/es/components/Range/Range.config_s39lcx.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 +33 -13
  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 +249 -98
  32. package/dist/styled-components/cjs/components/Range/Range.js +28 -5
  33. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +33 -13
  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 +249 -98
  36. package/dist/styled-components/es/components/Range/Range.js +16 -6
  37. package/package.json +6 -6
  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 +9 -0
  42. package/types/components/Range/Range.d.ts +2222 -8
  43. package/dist/css/cjs/components/DatePicker/DatePicker.config_uks40t.css +0 -9
  44. package/dist/css/cjs/components/Range/Range.config_3yztt4.css +0 -8
  45. package/dist/css/es/components/DatePicker/DatePicker.config_uks40t.css +0 -9
  46. package/dist/css/es/components/Range/Range.config_3yztt4.css +0 -8
package/dist/styled-components/es/components/Range/Range.config.js CHANGED
@@ -18,15 +18,15 @@ function _templateObject() {
18
18
  ": var(--text-primary);\n ",
19
19
  ": var(--text-secondary);\n ",
20
20
  ": var(--text-negative);\n ",
21
- ": var(--text-positive);\n\n ",
21
+ ": var(--text-positive);\n ",
22
+ ": var(--text-secondary);\n ",
23
+ ": var(--text-secondary);\n\n ",
22
24
  ": var(--text-secondary);\n ",
23
25
  ": var(--text-secondary-hover);\n ",
24
26
  ": var(--text-secondary-active);\n\n ",
25
27
  ": var(--text-primary);\n ",
26
28
  ": var(--text-secondary);\n ",
27
- ": var(--text-tertiary);\n ",
28
29
  ": var(--text-accent);\n\n ",
29
- ": var(--surface-negative);\n\n ",
30
30
  ": var(--surface-transparent-primary-hover);\n ",
31
31
  ": var(--surface-transparent-secondary);\n ",
32
32
  ": var(--surface-transparent-negative);\n ",
@@ -37,7 +37,9 @@ function _templateObject() {
37
37
  ": var(--surface-transparent-positive-active);\n\n ",
38
38
  ": var(--text-tertiary);\n ",
39
39
  ": var(--text-tertiary);\n\n ",
40
- ": var(--text-accent);\n "
40
+ ": var(--surface-negative);\n\n ",
41
+ ": var(--text-accent);\n ",
42
+ ": var(--text-tertiary);\n "
41
43
  ]);
42
44
  _templateObject = function _templateObject() {
43
45
  return data;
@@ -57,39 +59,54 @@ function _templateObject1() {
57
59
  ": var(--plasma-typo-body-l-line-height);\n\n ",
58
60
  ": 0 0 0 1.125rem;\n ",
59
61
  ": 0;\n\n ",
60
- ": 0.75rem;\n\n ",
62
+ ": 4rem;\n ",
63
+ ": 1rem;\n ",
64
+ ": 1.3125rem 1.125rem;\n ",
61
65
  ": var(--plasma-typo-body-l-font-family);\n ",
62
66
  ": var(--plasma-typo-body-l-font-style);\n ",
63
67
  ": var(--plasma-typo-body-l-font-size);\n ",
64
68
  ": var(--plasma-typo-body-l-font-weight);\n ",
65
69
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
66
70
  ": var(--plasma-typo-body-l-line-height);\n\n ",
67
- ": 4rem;\n ",
68
- ": 1rem;\n ",
69
- ": 1.3125rem 1.125rem;\n ",
71
+ ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
72
+ ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
73
+ ": 0 0.25rem 0 0;\n ",
74
+ ": 0 0 0 0.25rem;\n\n ",
70
75
  ": var(--plasma-typo-body-l-font-family);\n ",
71
76
  ": var(--plasma-typo-body-l-font-style);\n ",
72
77
  ": var(--plasma-typo-body-l-font-size);\n ",
73
78
  ": var(--plasma-typo-body-l-font-weight);\n ",
74
79
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
75
80
  ": var(--plasma-typo-body-l-line-height);\n\n ",
76
- ": 0.25rem 0 0 0;\n ",
81
+ ": 0.25rem;\n ",
82
+ ": 0.75rem;\n ",
83
+ ": 0.25rem;\n ",
84
+ ": 1rem;\n\n ",
85
+ ": -0.688rem -0.5rem;\n ",
86
+ ": 2.375rem;\n ",
87
+ ": 1.688rem -2.938rem auto auto;\n ",
88
+ ": 0 0.813rem 0 -0.438rem;\n\n ",
89
+ ": 0.375rem;\n ",
77
90
  ": var(--plasma-typo-body-xs-font-family);\n ",
91
+ ": var(--plasma-typo-body-xs-font-size);\n ",
78
92
  ": var(--plasma-typo-body-xs-font-style);\n ",
93
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
94
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
95
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
96
+ ": 0.25rem 0 0 0;\n ",
97
+ ": 0.25rem;\n\n ",
98
+ ": var(--plasma-typo-body-xs-font-family);\n ",
79
99
  ": var(--plasma-typo-body-xs-font-size);\n ",
100
+ ": var(--plasma-typo-body-xs-font-style);\n ",
80
101
  ": var(--plasma-typo-body-xs-font-weight);\n ",
81
102
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
82
103
  ": 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
104
  ": 0.5rem;\n ",
88
105
  ": 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 "
106
+ ": 0.25rem;\n ",
107
+ ": -0.75rem;\n ",
108
+ ": auto 0 -0.5rem auto;\n ",
109
+ ": auto auto -0.5rem 0;\n "
93
110
  ]);
94
111
  _templateObject1 = function _templateObject() {
95
112
  return data;
@@ -104,44 +121,59 @@ function _templateObject2() {
104
121
  ": var(--plasma-typo-body-l-font-family);\n ",
105
122
  ": var(--plasma-typo-body-l-font-style);\n ",
106
123
  ": var(--plasma-typo-body-l-font-size);\n ",
107
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
124
+ ": var(--plasma-typo-body-l-font-weight);\n ",
108
125
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
109
126
  ": var(--plasma-typo-body-l-line-height);\n\n ",
110
127
  ": 0 0 0 1rem;\n ",
111
128
  ": 0;\n\n ",
112
- ": 0.75rem;\n\n ",
129
+ ": 3.5rem;\n ",
130
+ ": 0.875rem;\n ",
131
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
113
132
  ": var(--plasma-typo-body-l-font-family);\n ",
114
133
  ": var(--plasma-typo-body-l-font-style);\n ",
115
134
  ": var(--plasma-typo-body-l-font-size);\n ",
116
135
  ": var(--plasma-typo-body-l-font-weight);\n ",
117
136
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
118
137
  ": 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 ",
138
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
139
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
140
+ ": 0 0.25rem 0 0;\n ",
141
+ ": 0 0 0 0.25rem;\n\n ",
128
142
  ": var(--plasma-typo-body-l-font-family);\n ",
129
- ": var(--plasma-typo-body-l-font-style);\n ",
130
143
  ": var(--plasma-typo-body-l-font-size);\n ",
144
+ ": var(--plasma-typo-body-l-font-style);\n ",
131
145
  ": var(--plasma-typo-body-l-font-weight);\n ",
132
146
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
133
147
  ": var(--plasma-typo-body-l-line-height);\n\n ",
134
- ": 0.25rem 0 0 0;\n ",
148
+ ": 0.25rem;\n ",
149
+ ": 0.75rem;\n ",
150
+ ": 0.25rem;\n ",
151
+ ": 1rem;\n\n ",
152
+ ": -0.688rem -0.5rem;\n ",
153
+ ": 2.375rem;\n ",
154
+ ": 1.438rem -2.938rem auto auto;\n ",
155
+ ": 0 0.563rem 0 -0.438rem;\n\n ",
156
+ ": 0.375rem;\n ",
135
157
  ": var(--plasma-typo-body-xs-font-family);\n ",
158
+ ": var(--plasma-typo-body-xs-font-size);\n ",
136
159
  ": var(--plasma-typo-body-xs-font-style);\n ",
160
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
161
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
162
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
163
+ ": 0.25rem 0 0 0;\n ",
164
+ ": 0.25rem;\n\n ",
165
+ ": var(--plasma-typo-body-xs-font-family);\n ",
137
166
  ": var(--plasma-typo-body-xs-font-size);\n ",
167
+ ": var(--plasma-typo-body-xs-font-style);\n ",
138
168
  ": var(--plasma-typo-body-xs-font-weight);\n ",
139
169
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
140
170
  ": 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 "
171
+ ": 0.5rem;\n ",
172
+ ": 0.375rem;\n ",
173
+ ": 0.25rem;\n ",
174
+ ": -0.75rem;\n ",
175
+ ": auto 0 -0.5rem auto;\n ",
176
+ ": auto auto -0.5rem 0;\n "
145
177
  ]);
146
178
  _templateObject2 = function _templateObject() {
147
179
  return data;
@@ -156,44 +188,59 @@ function _templateObject3() {
156
188
  ": var(--plasma-typo-body-m-font-family);\n ",
157
189
  ": var(--plasma-typo-body-m-font-style);\n ",
158
190
  ": var(--plasma-typo-body-m-font-size);\n ",
159
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
191
+ ": var(--plasma-typo-body-m-font-weight);\n ",
160
192
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
161
193
  ": var(--plasma-typo-body-m-line-height);\n\n ",
162
194
  ": 0 0 0 0.875rem;\n ",
163
195
  ": 0;\n\n ",
164
- ": 0.625rem;\n\n ",
196
+ ": 3rem;\n ",
197
+ ": 0.75rem;\n ",
198
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
165
199
  ": var(--plasma-typo-body-m-font-family);\n ",
166
200
  ": var(--plasma-typo-body-m-font-style);\n ",
167
201
  ": var(--plasma-typo-body-m-font-size);\n ",
168
202
  ": var(--plasma-typo-body-m-font-weight);\n ",
169
203
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
170
204
  ": 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 ",
205
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
206
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
207
+ ": 0 0.25rem 0 0;\n ",
208
+ ": 0 0 0 0.25rem;\n\n ",
180
209
  ": var(--plasma-typo-body-m-font-family);\n ",
181
- ": var(--plasma-typo-body-m-font-style);\n ",
182
210
  ": var(--plasma-typo-body-m-font-size);\n ",
211
+ ": var(--plasma-typo-body-m-font-style);\n ",
183
212
  ": var(--plasma-typo-body-m-font-weight);\n ",
184
213
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
185
214
  ": var(--plasma-typo-body-m-line-height);\n\n ",
186
- ": 0.25rem 0 0 0;\n ",
215
+ ": 0.25rem;\n ",
216
+ ": 0.625rem;\n ",
217
+ ": 0.25rem;\n ",
218
+ ": 0.875rem;\n\n ",
219
+ ": -0.688rem;\n ",
220
+ ": 2.375rem;\n ",
221
+ ": 1.1875rem -2.813rem auto auto;\n ",
222
+ ": 0 0.313rem 0 -0.438rem;\n\n ",
223
+ ": 0.313rem;\n ",
187
224
  ": var(--plasma-typo-body-xs-font-family);\n ",
225
+ ": var(--plasma-typo-body-xs-font-size);\n ",
188
226
  ": var(--plasma-typo-body-xs-font-style);\n ",
227
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
228
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
229
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
230
+ ": 0.25rem 0 0 0;\n ",
231
+ ": 0.25rem;\n\n ",
232
+ ": var(--plasma-typo-body-xs-font-family);\n ",
189
233
  ": var(--plasma-typo-body-xs-font-size);\n ",
234
+ ": var(--plasma-typo-body-xs-font-style);\n ",
190
235
  ": var(--plasma-typo-body-xs-font-weight);\n ",
191
236
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
192
237
  ": 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 "
238
+ ": 0.5rem;\n ",
239
+ ": 0.375rem;\n ",
240
+ ": 0.25rem;\n ",
241
+ ": -0.75rem;\n ",
242
+ ": auto 0 -0.5rem auto;\n ",
243
+ ": auto auto -0.5rem 0;\n "
197
244
  ]);
198
245
  _templateObject3 = function _templateObject() {
199
246
  return data;
@@ -208,44 +255,59 @@ function _templateObject4() {
208
255
  ": var(--plasma-typo-body-s-font-family);\n ",
209
256
  ": var(--plasma-typo-body-s-font-style);\n ",
210
257
  ": var(--plasma-typo-body-s-font-size);\n ",
211
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
258
+ ": var(--plasma-typo-body-s-font-weight);\n ",
212
259
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
213
260
  ": var(--plasma-typo-body-s-line-height);\n\n ",
214
261
  ": 0 0 0 0.75rem;\n ",
215
262
  ": 0;\n\n ",
216
- ": 0.5rem;\n\n ",
263
+ ": 2.5rem;\n ",
264
+ ": 0.625rem;\n ",
265
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
217
266
  ": var(--plasma-typo-body-s-font-family);\n ",
218
267
  ": var(--plasma-typo-body-s-font-style);\n ",
219
268
  ": var(--plasma-typo-body-s-font-size);\n ",
220
269
  ": var(--plasma-typo-body-s-font-weight);\n ",
221
270
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
222
271
  ": 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 ",
272
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
273
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
274
+ ": 0 0.25rem 0 0;\n ",
275
+ ": 0 0 0 0.25rem;\n\n ",
232
276
  ": var(--plasma-typo-body-s-font-family);\n ",
233
- ": var(--plasma-typo-body-s-font-style);\n ",
234
277
  ": var(--plasma-typo-body-s-font-size);\n ",
278
+ ": var(--plasma-typo-body-s-font-style);\n ",
235
279
  ": var(--plasma-typo-body-s-font-weight);\n ",
236
280
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
237
281
  ": var(--plasma-typo-body-s-line-height);\n\n ",
238
- ": 0.25rem 0 0 0;\n ",
282
+ ": 0.25rem;\n ",
283
+ ": 0.5rem;\n ",
284
+ ": 0.25rem;\n ",
285
+ ": 0.75rem;\n\n ",
286
+ ": -0.688rem;\n ",
287
+ ": 2.375rem;\n ",
288
+ ": 0.938rem -2.688rem auto auto;\n ",
289
+ ": 0 0.063rem 0 -0.438rem;\n\n ",
290
+ ": 0.188rem;\n ",
239
291
  ": var(--plasma-typo-body-xs-font-family);\n ",
292
+ ": var(--plasma-typo-body-xs-font-size);\n ",
240
293
  ": var(--plasma-typo-body-xs-font-style);\n ",
294
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
295
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
296
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
297
+ ": 0.25rem 0 0 0;\n ",
298
+ ": 0.25rem;\n\n ",
299
+ ": var(--plasma-typo-body-xs-font-family);\n ",
241
300
  ": var(--plasma-typo-body-xs-font-size);\n ",
301
+ ": var(--plasma-typo-body-xs-font-style);\n ",
242
302
  ": var(--plasma-typo-body-xs-font-weight);\n ",
243
303
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
244
304
  ": 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 "
305
+ ": 0.5rem;\n ",
306
+ ": 0.375rem;\n ",
307
+ ": 0.25rem;\n ",
308
+ ": -0.75rem;\n ",
309
+ ": auto 0 -0.5rem auto;\n ",
310
+ ": auto auto -0.5rem 0;\n "
249
311
  ]);
250
312
  _templateObject4 = function _templateObject() {
251
313
  return data;
@@ -260,44 +322,59 @@ function _templateObject5() {
260
322
  ": var(--plasma-typo-body-xs-font-family);\n ",
261
323
  ": var(--plasma-typo-body-xs-font-style);\n ",
262
324
  ": var(--plasma-typo-body-xs-font-size);\n ",
263
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
325
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
264
326
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
265
327
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
266
328
  ": 0 0 0 0.5rem;\n ",
267
329
  ": 0;\n\n ",
268
- ": 0.375rem;\n\n ",
330
+ ": 2rem;\n ",
331
+ ": 0.5rem;\n ",
332
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
269
333
  ": var(--plasma-typo-body-xs-font-family);\n ",
270
334
  ": var(--plasma-typo-body-xs-font-style);\n ",
271
335
  ": var(--plasma-typo-body-xs-font-size);\n ",
272
336
  ": var(--plasma-typo-body-xs-font-weight);\n ",
273
337
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
274
338
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
275
- ": 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 ",
339
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
340
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
341
+ ": 0 0.25rem 0 0;\n ",
342
+ ": 0 0 0 0.25rem;\n\n ",
284
343
  ": var(--plasma-typo-body-xs-font-family);\n ",
344
+ ": var(--plasma-typo-body-xs-font-size);\n ",
285
345
  ": var(--plasma-typo-body-xs-font-style);\n ",
346
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
347
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
348
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
349
+ ": 0.25rem;\n ",
350
+ ": 0.375rem;\n ",
351
+ ": 0.25rem;\n ",
352
+ ": 0.5rem;\n\n ",
353
+ ": -0.688rem;\n ",
354
+ ": 2.375rem;\n ",
355
+ ": 0.688rem -2.063rem auto auto;\n ",
356
+ ": 0 -0.188rem 0 -0.688rem;\n\n ",
357
+ ": 0;\n ",
358
+ ": var(--plasma-typo-body-xs-font-family);\n ",
286
359
  ": var(--plasma-typo-body-xs-font-size);\n ",
360
+ ": var(--plasma-typo-body-xs-font-style);\n ",
287
361
  ": var(--plasma-typo-body-xs-font-weight);\n ",
288
362
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
289
363
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
290
364
  ": 0.25rem 0 0 0;\n ",
365
+ ": 0.25rem;\n\n ",
291
366
  ": var(--plasma-typo-body-xs-font-family);\n ",
292
- ": var(--plasma-typo-body-xs-font-style);\n ",
293
367
  ": var(--plasma-typo-body-xs-font-size);\n ",
368
+ ": var(--plasma-typo-body-xs-font-style);\n ",
294
369
  ": var(--plasma-typo-body-xs-font-weight);\n ",
295
370
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
296
371
  ": 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 "
372
+ ": 0.375rem;\n ",
373
+ ": 0.375rem;\n ",
374
+ ": 0.125rem;\n ",
375
+ ": -0.75rem;\n ",
376
+ ": auto 0 -0.375rem auto;\n ",
377
+ ": auto auto -0.375rem 0;\n "
301
378
  ]);
302
379
  _templateObject5 = function _templateObject() {
303
380
  return data;
@@ -307,7 +384,10 @@ function _templateObject5() {
307
384
  function _templateObject6() {
308
385
  var data = _tagged_template_literal([
309
386
  "\n ",
310
- ": 0.4;\n "
387
+ ": var(--surface-solid-card-brightness);\n ",
388
+ ": 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 ",
389
+ ": var(--text-primary);\n ",
390
+ ": var(--surface-solid-card-brightness);\n "
311
391
  ]);
312
392
  _templateObject6 = function _templateObject() {
313
393
  return data;
@@ -317,9 +397,71 @@ function _templateObject6() {
317
397
  function _templateObject7() {
318
398
  var data = _tagged_template_literal([
319
399
  "\n ",
320
- ": var(--surface-transparent-primary);\n ",
321
- ": var(--text-primary);\n ",
322
- ": var(--text-secondary);\n ",
400
+ ": 0.6875rem;\n ",
401
+ ": 0.875rem;\n ",
402
+ ": 0.6875rem;\n ",
403
+ ": 0.875rem;\n\n ",
404
+ ": 2.5rem;\n ",
405
+ ": 0.625rem;\n\n ",
406
+ ": var(--plasma-typo-body-s-font-family);\n ",
407
+ ": var(--plasma-typo-body-s-font-size);\n ",
408
+ ": var(--plasma-typo-body-s-font-style);\n ",
409
+ ": var(--plasma-typo-body-s-font-weight);\n ",
410
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
411
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
412
+ ": 0.375rem;\n\n ",
413
+ ": 1.25rem;\n ",
414
+ ": 1.25rem;\n ",
415
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
416
+ ": 0.5rem;\n ",
417
+ ": 0.625rem;\n "
418
+ ]);
419
+ _templateObject7 = function _templateObject() {
420
+ return data;
421
+ };
422
+ return data;
423
+ }
424
+ function _templateObject8() {
425
+ var data = _tagged_template_literal([
426
+ "\n ",
427
+ ": 0.5rem;\n ",
428
+ ": 0.75rem;\n ",
429
+ ": 0.5rem;\n ",
430
+ ": 0.75rem;\n\n ",
431
+ ": 2rem;\n ",
432
+ ": 0.5rem;\n\n ",
433
+ ": var(--plasma-typo-body-xs-font-family);\n ",
434
+ ": var(--plasma-typo-body-xs-font-size);\n ",
435
+ ": var(--plasma-typo-body-xs-font-style);\n ",
436
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
437
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
438
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
439
+ ": 0.25rem;\n\n ",
440
+ ": 1rem;\n ",
441
+ ": 1rem;\n ",
442
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
443
+ ": 0.375rem;\n ",
444
+ ": 0.5625rem;\n "
445
+ ]);
446
+ _templateObject8 = function _templateObject() {
447
+ return data;
448
+ };
449
+ return data;
450
+ }
451
+ function _templateObject9() {
452
+ var data = _tagged_template_literal([
453
+ "\n ",
454
+ ": 0.4;\n "
455
+ ]);
456
+ _templateObject9 = function _templateObject() {
457
+ return data;
458
+ };
459
+ return data;
460
+ }
461
+ function _templateObject10() {
462
+ var data = _tagged_template_literal([
463
+ "\n ",
464
+ ": var(--surface-transparent-primary);\n\n ",
323
465
  ": var(--text-secondary);\n ",
324
466
  ": 0.1;\n ",
325
467
  ": 0.4;\n ",
@@ -328,7 +470,7 @@ function _templateObject7() {
328
470
  ": transparent;\n ",
329
471
  ": var(--text-secondary);\n "
330
472
  ]);
331
- _templateObject7 = function _templateObject() {
473
+ _templateObject10 = function _templateObject() {
332
474
  return data;
333
475
  };
334
476
  return data;
@@ -337,24 +479,33 @@ import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/styled-com
337
479
  export var config = {
338
480
  defaults: {
339
481
  view: 'default',
340
- size: 'l'
482
+ size: 'l',
483
+ hintView: 'default',
484
+ hintSize: 'm'
341
485
  },
342
486
  variations: {
343
487
  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)
488
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, 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.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
345
489
  },
346
490
  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)
491
+ xl: css(_templateObject1(), 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.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),
492
+ 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.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),
493
+ m: css(_templateObject3(), 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.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),
494
+ s: css(_templateObject4(), 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.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),
495
+ xs: css(_templateObject5(), 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.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)
496
+ },
497
+ hintView: {
498
+ default: css(_templateObject6(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
499
+ },
500
+ hintSize: {
501
+ 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),
502
+ 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
503
  },
353
504
  disabled: {
354
- true: css(_templateObject6(), tokens.disabledOpacity)
505
+ true: css(_templateObject9(), tokens.disabledOpacity)
355
506
  },
356
507
  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)
508
+ true: css(_templateObject10(), tokens.backgroundReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
358
509
  }
359
510
  }
360
511
  };
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
+ ]);