@salutejs/sdds-serv 0.330.0-canary.2370.19885960439.0 → 0.330.0-canary.2371.19919666002.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 (39) hide show
  1. package/components/Mask/Mask.css +43 -21
  2. package/components/Mask/Mask.d.ts +17 -33
  3. package/components/Radiobox/Radiobox.d.ts +2 -2
  4. package/components/TextField/TextField.clear.config.d.ts +47 -0
  5. package/components/TextField/TextField.clear.config.js +55 -0
  6. package/components/TextField/TextField.clear.config.js.map +1 -0
  7. package/components/TextField/TextField.clear.config_hts9jh.css +22 -0
  8. package/components/TextField/TextField.config.d.ts +0 -4
  9. package/components/TextField/TextField.config.js +13 -17
  10. package/components/TextField/TextField.config.js.map +1 -1
  11. package/components/TextField/TextField.config_c4zz6m.css +22 -0
  12. package/components/TextField/TextField.d.ts +970 -7
  13. package/components/TextField/TextField.js +14 -6
  14. package/components/TextField/TextField.js.map +1 -1
  15. package/emotion/cjs/components/TextField/TextField.clear.config.js +831 -0
  16. package/emotion/cjs/components/TextField/TextField.config.js +56 -102
  17. package/emotion/cjs/components/TextField/TextField.js +28 -5
  18. package/emotion/es/components/TextField/TextField.clear.config.js +821 -0
  19. package/emotion/es/components/TextField/TextField.config.js +56 -102
  20. package/emotion/es/components/TextField/TextField.js +15 -5
  21. package/es/components/Mask/Mask.css +43 -21
  22. package/es/components/TextField/TextField.clear.config.js +51 -0
  23. package/es/components/TextField/TextField.clear.config.js.map +1 -0
  24. package/es/components/TextField/TextField.clear.config_hts9jh.css +22 -0
  25. package/es/components/TextField/TextField.config.js +13 -17
  26. package/es/components/TextField/TextField.config.js.map +1 -1
  27. package/es/components/TextField/TextField.config_c4zz6m.css +22 -0
  28. package/es/components/TextField/TextField.js +14 -8
  29. package/es/components/TextField/TextField.js.map +1 -1
  30. package/es/index.css +45 -23
  31. package/package.json +7 -7
  32. package/styled-components/cjs/components/TextField/TextField.clear.config.js +831 -0
  33. package/styled-components/cjs/components/TextField/TextField.config.js +56 -102
  34. package/styled-components/cjs/components/TextField/TextField.js +28 -5
  35. package/styled-components/es/components/TextField/TextField.clear.config.js +821 -0
  36. package/styled-components/es/components/TextField/TextField.config.js +56 -102
  37. package/styled-components/es/components/TextField/TextField.js +15 -5
  38. package/components/TextField/TextField.config_15il1op.css +0 -23
  39. package/es/components/TextField/TextField.config_15il1op.css +0 -23
package/styled-components/es/components/TextField/TextField.clear.config.js ADDED
@@ -0,0 +1,821 @@
1
+ function _tagged_template_literal(strings, raw) {
2
+ if (!raw) {
3
+ raw = strings.slice(0);
4
+ }
5
+ return Object.freeze(Object.defineProperties(strings, {
6
+ raw: {
7
+ value: Object.freeze(raw)
8
+ }
9
+ }));
10
+ }
11
+ function _templateObject() {
12
+ var data = _tagged_template_literal([
13
+ "\n ",
14
+ ": var(--text-primary);\n\n ",
15
+ ": var(--text-secondary);\n ",
16
+ ": var(--text-tertiary);\n\n ",
17
+ ": transparent;\n ",
18
+ ": transparent;\n ",
19
+ ": transparent;\n ",
20
+ ": var(--text-accent);\n ",
21
+ ": var(--text-tertiary);\n ",
22
+ ": var(--text-tertiary);\n ",
23
+ ": var(--text-primary);\n ",
24
+ ": var(--text-secondary);\n ",
25
+ ": var(--text-secondary);\n ",
26
+ ": var(--text-secondary);\n\n ",
27
+ ": var(--text-secondary);\n ",
28
+ ": var(--text-secondary-hover);\n ",
29
+ ": var(--text-secondary-active);\n\n ",
30
+ ": var(--surface-transparent-tertiary);\n ",
31
+ ": var(--text-secondary);\n ",
32
+ ": var(--surface-accent);\n\n ",
33
+ ": var(--text-accent);\n ",
34
+ ": var(--surface-negative);\n ",
35
+ ": var(--text-tertiary);\n "
36
+ ]);
37
+ _templateObject = function _templateObject() {
38
+ return data;
39
+ };
40
+ return data;
41
+ }
42
+ function _templateObject1() {
43
+ var data = _tagged_template_literal([
44
+ "\n ",
45
+ ": var(--text-positive);\n\n ",
46
+ ": var(--text-positive);\n ",
47
+ ": var(--text-positive);\n\n ",
48
+ ": transparent;\n ",
49
+ ": transparent;\n ",
50
+ ": transparent;\n ",
51
+ ": var(--text-accent);\n ",
52
+ ": var(--text-tertiary);\n ",
53
+ ": var(--text-tertiary);\n ",
54
+ ": var(--text-primary);\n ",
55
+ ": var(--text-positive);\n ",
56
+ ": var(--text-secondary);\n ",
57
+ ": var(--text-secondary);\n\n ",
58
+ ": var(--text-positive);\n ",
59
+ ": var(--text-positive-hover);\n ",
60
+ ": var(--text-positive-active);\n\n ",
61
+ ": var(--text-secondary);\n ",
62
+ ": var(--text-secondary-hover);\n ",
63
+ ": var(--text-secondary-active);\n\n ",
64
+ ": var(--surface-positive);\n ",
65
+ ": var(--surface-positive);\n ",
66
+ ": var(--surface-accent);\n\n ",
67
+ ": var(--text-accent);\n ",
68
+ ": var(--surface-negative);\n ",
69
+ ": var(--text-tertiary);\n "
70
+ ]);
71
+ _templateObject1 = function _templateObject() {
72
+ return data;
73
+ };
74
+ return data;
75
+ }
76
+ function _templateObject2() {
77
+ var data = _tagged_template_literal([
78
+ "\n ",
79
+ ": var(--text-warning);\n\n ",
80
+ ": var(--text-warning);\n ",
81
+ ": var(--text-warning);\n\n ",
82
+ ": transparent;\n ",
83
+ ": transparent;\n ",
84
+ ": transparent;\n ",
85
+ ": var(--text-accent);\n ",
86
+ ": var(--text-tertiary);\n ",
87
+ ": var(--text-tertiary);\n ",
88
+ ": var(--text-primary);\n ",
89
+ ": var(--text-warning);\n ",
90
+ ": var(--text-secondary);\n ",
91
+ ": var(--text-secondary);\n\n ",
92
+ ": var(--text-warning);\n ",
93
+ ": var(--text-warning-hover);\n ",
94
+ ": var(--text-warning-active);\n\n ",
95
+ ": var(--text-secondary);\n ",
96
+ ": var(--text-secondary-hover);\n ",
97
+ ": var(--text-secondary-active);\n\n ",
98
+ ": var(--surface-warning);\n ",
99
+ ": var(--surface-warning);\n ",
100
+ ": var(--surface-accent);\n\n ",
101
+ ": var(--text-accent);\n ",
102
+ ": var(--surface-negative);\n ",
103
+ ": var(--text-tertiary);\n "
104
+ ]);
105
+ _templateObject2 = function _templateObject() {
106
+ return data;
107
+ };
108
+ return data;
109
+ }
110
+ function _templateObject3() {
111
+ var data = _tagged_template_literal([
112
+ "\n ",
113
+ ": var(--text-negative);\n\n ",
114
+ ": var(--text-negative);\n ",
115
+ ": var(--text-negative);\n\n ",
116
+ ": transparent;\n ",
117
+ ": transparent;\n ",
118
+ ": transparent;\n ",
119
+ ": var(--text-accent);\n ",
120
+ ": var(--text-tertiary);\n ",
121
+ ": var(--text-tertiary);\n ",
122
+ ": var(--text-primary);\n ",
123
+ ": var(--text-negative);\n ",
124
+ ": var(--text-secondary);\n ",
125
+ ": var(--text-secondary);\n\n ",
126
+ ": var(--text-negative);\n ",
127
+ ": var(--text-negative-hover);\n ",
128
+ ": var(--text-negative-active);\n\n ",
129
+ ": var(--text-secondary);\n ",
130
+ ": var(--text-secondary-hover);\n ",
131
+ ": var(--text-secondary-active);\n\n ",
132
+ ": var(--surface-negative);\n ",
133
+ ": var(--surface-negative);\n ",
134
+ ": var(--surface-accent);\n\n ",
135
+ ": var(--text-accent);\n ",
136
+ ": var(--surface-negative);\n ",
137
+ ": var(--text-tertiary);\n "
138
+ ]);
139
+ _templateObject3 = function _templateObject() {
140
+ return data;
141
+ };
142
+ return data;
143
+ }
144
+ function _templateObject4() {
145
+ var data = _tagged_template_literal([
146
+ "\n ",
147
+ ": 4rem;\n ",
148
+ ": 1.3125rem 0;\n ",
149
+ ": 0.375rem 0;\n ",
150
+ ": 0;\n\n ",
151
+ ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ",
152
+ ": -0.0625rem 0rem -0.0625rem 0.75rem;\n ",
153
+ ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
154
+ ": 0.25rem;\n ",
155
+ ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
156
+ ": var(--plasma-typo-body-l-font-family);\n ",
157
+ ": var(--plasma-typo-body-l-font-size);\n ",
158
+ ": var(--plasma-typo-body-l-font-style);\n ",
159
+ ": var(--plasma-typo-body-l-font-weight);\n ",
160
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
161
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
162
+ ": 0.25rem;\n ",
163
+ ": var(--plasma-typo-body-l-font-family);\n ",
164
+ ": var(--plasma-typo-body-l-font-size);\n ",
165
+ ": var(--plasma-typo-body-l-font-style);\n ",
166
+ ": var(--plasma-typo-body-l-font-weight);\n ",
167
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
168
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
169
+ ": -0.688rem -0.5rem;\n ",
170
+ ": 2.375rem;\n ",
171
+ ": 0.82rem -2.063rem auto auto;\n\n ",
172
+ ": 0.25rem;\n ",
173
+ ": var(--plasma-typo-body-xs-font-family);\n ",
174
+ ": var(--plasma-typo-body-xs-font-size);\n ",
175
+ ": var(--plasma-typo-body-xs-font-style);\n ",
176
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
177
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
178
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
179
+ ": 0.25rem;\n ",
180
+ ": var(--plasma-typo-body-xs-font-family);\n ",
181
+ ": var(--plasma-typo-body-xs-font-size);\n ",
182
+ ": var(--plasma-typo-body-xs-font-style);\n ",
183
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
184
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
185
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
186
+ ": 0.8125rem 0 0.125rem 0;\n ",
187
+ ": 1.813rem 0 0.813rem 0;\n ",
188
+ ": 0 0.25rem 0 0;\n ",
189
+ ": 0 0 0 0.25rem;\n\n ",
190
+ ": 0.125rem;\n ",
191
+ ": 1rem;\n ",
192
+ ": 0.625rem;\n ",
193
+ ": auto;\n ",
194
+ ": 3.25rem;\n ",
195
+ ": 0 0.75rem 0 1rem;\n ",
196
+ ": 0.625rem;\n ",
197
+ ": 0rem;\n ",
198
+ ": 1.5rem;\n ",
199
+ ": var(--plasma-typo-body-l-font-family);\n ",
200
+ ": var(--plasma-typo-body-l-font-size);\n ",
201
+ ": var(--plasma-typo-body-l-font-style);\n ",
202
+ ": var(--plasma-typo-body-l-font-weight);\n ",
203
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
204
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
205
+ ": var(--plasma-typo-body-xs-font-family);\n ",
206
+ ": var(--plasma-typo-body-xs-font-size);\n ",
207
+ ": var(--plasma-typo-body-xs-font-style);\n ",
208
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
209
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
210
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
211
+ ": 0.5rem;\n ",
212
+ ": 0.375rem;\n ",
213
+ ": 1.75rem auto auto -0.875rem;\n ",
214
+ ": 0.5rem auto auto -0.75rem;\n ",
215
+ ": 1.75rem -0.875rem auto auto;\n ",
216
+ ": 0.25rem -0.625rem auto auto;\n ",
217
+ ": 1.75rem -2.488rem auto auto;\n "
218
+ ]);
219
+ _templateObject4 = function _templateObject() {
220
+ return data;
221
+ };
222
+ return data;
223
+ }
224
+ function _templateObject5() {
225
+ var data = _tagged_template_literal([
226
+ "\n ",
227
+ ": 3.5rem;\n ",
228
+ ": 1.0625rem 0;\n ",
229
+ ": 0.375rem 0;\n ",
230
+ ": 0;\n\n ",
231
+ ": -0.0625rem 0.5rem -0.0625rem 0;\n ",
232
+ ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
233
+ ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
234
+ ": 0.25rem;\n ",
235
+ ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
236
+ ": var(--plasma-typo-body-l-font-family);\n ",
237
+ ": var(--plasma-typo-body-l-font-size);\n ",
238
+ ": var(--plasma-typo-body-l-font-style);\n ",
239
+ ": var(--plasma-typo-body-l-font-weight);\n ",
240
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
241
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
242
+ ": 0.25rem;\n ",
243
+ ": var(--plasma-typo-body-l-font-family);\n ",
244
+ ": var(--plasma-typo-body-l-font-size);\n ",
245
+ ": var(--plasma-typo-body-l-font-style);\n ",
246
+ ": var(--plasma-typo-body-l-font-weight);\n ",
247
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
248
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
249
+ ": -0.688rem -0.5rem;\n ",
250
+ ": 2.375rem;\n ",
251
+ ": 0.563rem -2.188rem auto auto;\n\n ",
252
+ ": 0.25rem;\n ",
253
+ ": var(--plasma-typo-body-xs-font-family);\n ",
254
+ ": var(--plasma-typo-body-xs-font-size);\n ",
255
+ ": var(--plasma-typo-body-xs-font-style);\n ",
256
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
257
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
258
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
259
+ ": 0.25rem;\n ",
260
+ ": var(--plasma-typo-body-xs-font-family);\n ",
261
+ ": var(--plasma-typo-body-xs-font-size);\n ",
262
+ ": var(--plasma-typo-body-xs-font-style);\n ",
263
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
264
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
265
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
266
+ ": 0.5625rem 0 0.125rem 0;\n ",
267
+ ": 1.5625rem 0 0.5625rem 0;\n ",
268
+ ": 0 0.25rem 0 0;\n ",
269
+ ": 0 0 0 0.25rem;\n\n ",
270
+ ": 0.25rem;\n ",
271
+ ": 0.5rem;\n ",
272
+ ": auto;\n ",
273
+ ": 2.75rem;\n ",
274
+ ": 0 0.75rem 0 1rem;\n ",
275
+ ": 0.625rem;\n ",
276
+ ": 0rem;\n ",
277
+ ": 1.5rem;\n ",
278
+ ": var(--plasma-typo-body-l-font-family);\n ",
279
+ ": var(--plasma-typo-body-l-font-size);\n ",
280
+ ": var(--plasma-typo-body-l-font-style);\n ",
281
+ ": var(--plasma-typo-body-l-font-weight);\n ",
282
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
283
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
284
+ ": 0.5rem;\n ",
285
+ ": 0.375rem;\n ",
286
+ ": 1.5rem auto auto -0.875rem;\n ",
287
+ ": 0.5rem auto auto -0.75rem;\n ",
288
+ ": 1.5rem -0.875rem auto auto;\n ",
289
+ ": 0.25rem -0.625rem auto auto;\n ",
290
+ ": 1.5rem -2.488rem auto auto;\n "
291
+ ]);
292
+ _templateObject5 = function _templateObject() {
293
+ return data;
294
+ };
295
+ return data;
296
+ }
297
+ function _templateObject6() {
298
+ var data = _tagged_template_literal([
299
+ "\n ",
300
+ ": 3rem;\n ",
301
+ ": 0.875rem 0;\n ",
302
+ ": 0.375rem 0;\n ",
303
+ ": 0;\n\n ",
304
+ ": -0.125rem 0.375rem -0.125rem 0;\n ",
305
+ ": -0.125rem 0 -0.125rem 0.75rem;\n ",
306
+ ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
307
+ ": 0.25rem;\n ",
308
+ ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
309
+ ": var(--plasma-typo-body-m-font-family);\n ",
310
+ ": var(--plasma-typo-body-m-font-size);\n ",
311
+ ": var(--plasma-typo-body-m-font-style);\n ",
312
+ ": var(--plasma-typo-body-m-font-weight);\n ",
313
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
314
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
315
+ ": 0.25rem;\n ",
316
+ ": var(--plasma-typo-body-m-font-family);\n ",
317
+ ": var(--plasma-typo-body-m-font-size);\n ",
318
+ ": var(--plasma-typo-body-m-font-style);\n ",
319
+ ": var(--plasma-typo-body-m-font-weight);\n ",
320
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
321
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
322
+ ": -0.688rem -0.5rem;\n ",
323
+ ": 2.375rem;\n ",
324
+ ": 0.312rem -2.188rem auto auto;\n\n ",
325
+ ": 0.25rem;\n ",
326
+ ": var(--plasma-typo-body-xs-font-family);\n ",
327
+ ": var(--plasma-typo-body-xs-font-size);\n ",
328
+ ": var(--plasma-typo-body-xs-font-style);\n ",
329
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
330
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
331
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
332
+ ": 0.25rem;\n ",
333
+ ": var(--plasma-typo-body-xs-font-family);\n ",
334
+ ": var(--plasma-typo-body-xs-font-size);\n ",
335
+ ": var(--plasma-typo-body-xs-font-style);\n ",
336
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
337
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
338
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
339
+ ": 0.375rem 0 0.125rem 0;\n ",
340
+ ": 1.375rem 0 0.375rem 0;\n ",
341
+ ": 0 0.25rem 0 0;\n ",
342
+ ": 0 0 0 0.25rem;\n\n ",
343
+ ": 0.25rem;\n ",
344
+ ": 0.375rem;\n ",
345
+ ": auto;\n ",
346
+ ": 2.25rem;\n ",
347
+ ": 0 0.625rem 0 0.875rem;\n ",
348
+ ": 0.5rem;\n ",
349
+ ": 0rem;\n ",
350
+ ": 1.25rem;\n ",
351
+ ": var(--plasma-typo-body-m-font-family);\n ",
352
+ ": var(--plasma-typo-body-m-font-size);\n ",
353
+ ": var(--plasma-typo-body-m-font-style);\n ",
354
+ ": var(--plasma-typo-body-m-font-weight);\n ",
355
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
356
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
357
+ ": 0.5rem;\n ",
358
+ ": 0.375rem;\n ",
359
+ ": 1.25rem auto auto -0.875rem;\n ",
360
+ ": 0.375rem auto auto -0.75rem;\n ",
361
+ ": 1.25rem -0.875rem auto auto;\n ",
362
+ ": 0.25rem -0.6875rem auto auto;\n ",
363
+ ": 1.25rem -2.488rem auto auto;\n "
364
+ ]);
365
+ _templateObject6 = function _templateObject() {
366
+ return data;
367
+ };
368
+ return data;
369
+ }
370
+ function _templateObject7() {
371
+ var data = _tagged_template_literal([
372
+ "\n ",
373
+ ": 2.5rem;\n ",
374
+ ": 0.6875rem 0;\n ",
375
+ ": 0.375rem 0;\n ",
376
+ ": 0;\n\n ",
377
+ ": -0.1875rem 0.25rem -0.1875rem 0;\n ",
378
+ ": -0.1875rem 0 -0.1875rem 0.75rem;\n ",
379
+ ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
380
+ ": 0.25rem;\n ",
381
+ ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
382
+ ": var(--plasma-typo-body-s-font-family);\n ",
383
+ ": var(--plasma-typo-body-s-font-size);\n ",
384
+ ": var(--plasma-typo-body-s-font-style);\n ",
385
+ ": var(--plasma-typo-body-s-font-weight);\n ",
386
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
387
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
388
+ ": 0.25rem;\n ",
389
+ ": var(--plasma-typo-body-s-font-family);\n ",
390
+ ": var(--plasma-typo-body-s-font-size);\n ",
391
+ ": var(--plasma-typo-body-s-font-style);\n ",
392
+ ": var(--plasma-typo-body-s-font-weight);\n ",
393
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
394
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
395
+ ": -0.688rem -0.5rem;\n ",
396
+ ": 2.375rem;\n ",
397
+ ": 0.062rem -2.188rem auto auto;\n\n ",
398
+ ": 0.25rem;\n ",
399
+ ": var(--plasma-typo-body-xs-font-family);\n ",
400
+ ": var(--plasma-typo-body-xs-font-size);\n ",
401
+ ": var(--plasma-typo-body-xs-font-style);\n ",
402
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
403
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
404
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
405
+ ": 0.25rem;\n ",
406
+ ": var(--plasma-typo-body-xs-font-family);\n ",
407
+ ": var(--plasma-typo-body-xs-font-size);\n ",
408
+ ": var(--plasma-typo-body-xs-font-style);\n ",
409
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
410
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
411
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
412
+ ": 0.3125rem 0 0 0;\n ",
413
+ ": 1.0625rem 0 0.3125rem 0;\n ",
414
+ ": 0 0.25rem 0 0;\n ",
415
+ ": 0 0 0 0.25rem;\n\n ",
416
+ ": 0.25rem;\n ",
417
+ ": 0.25rem;\n ",
418
+ ": auto;\n ",
419
+ ": 1.75rem;\n ",
420
+ ": 0 0.5rem 0 0.75rem;\n ",
421
+ ": 0.375rem;\n ",
422
+ ": 0rem;\n ",
423
+ ": 1rem;\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 ",
431
+ ": 0.375rem;\n ",
432
+ ": 1.063rem auto auto -0.75rem;\n ",
433
+ ": 0.3125rem auto auto -0.6875rem;\n ",
434
+ ": 1.063rem -0.75rem auto auto;\n ",
435
+ ": 0.25rem -0.625rem auto auto;\n ",
436
+ ": 1.063rem -2.238rem auto auto;\n "
437
+ ]);
438
+ _templateObject7 = function _templateObject() {
439
+ return data;
440
+ };
441
+ return data;
442
+ }
443
+ function _templateObject8() {
444
+ var data = _tagged_template_literal([
445
+ "\n ",
446
+ ": 2rem;\n ",
447
+ ": 0.5625rem 0;\n ",
448
+ ": 0.375rem 0;\n ",
449
+ ": 0;\n\n ",
450
+ ": -0.0625rem 0.25rem -0.0625rem 0;\n ",
451
+ ": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
452
+ ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
453
+ ": 0.25rem;\n ",
454
+ ": -0.688rem -0.688rem -0.688rem 0;\n\n ",
455
+ ": var(--plasma-typo-body-xs-font-family);\n ",
456
+ ": var(--plasma-typo-body-xs-font-size);\n ",
457
+ ": var(--plasma-typo-body-xs-font-style);\n ",
458
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
459
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
460
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
461
+ ": 0.25rem;\n ",
462
+ ": var(--plasma-typo-body-xs-font-family);\n ",
463
+ ": var(--plasma-typo-body-xs-font-size);\n ",
464
+ ": var(--plasma-typo-body-xs-font-style);\n ",
465
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
466
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
467
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
468
+ ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
469
+ ": 2.375rem;\n ",
470
+ ": -0.188rem -1.938rem auto auto;\n\n ",
471
+ ": 0.25rem;\n ",
472
+ ": var(--plasma-typo-body-xs-font-family);\n ",
473
+ ": var(--plasma-typo-body-xs-font-size);\n ",
474
+ ": var(--plasma-typo-body-xs-font-style);\n ",
475
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
476
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
477
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
478
+ ": 0.25rem;\n ",
479
+ ": var(--plasma-typo-body-xs-font-family);\n ",
480
+ ": var(--plasma-typo-body-xs-font-size);\n ",
481
+ ": var(--plasma-typo-body-xs-font-style);\n ",
482
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
483
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
484
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
485
+ ": 0.3125rem 0 0 0;\n ",
486
+ ": 1.0625rem 0 0.3125rem 0;\n ",
487
+ ": 0 0.25rem 0 0;\n ",
488
+ ": 0 0 0 0.25rem;\n\n ",
489
+ ": 0.25rem;\n ",
490
+ ": 0.125rem;\n ",
491
+ ": auto;\n ",
492
+ ": 1.25rem;\n ",
493
+ ": 0 0.375rem 0 0.625rem;\n ",
494
+ ": 0.25rem;\n ",
495
+ ": 0rem;\n ",
496
+ ": 0.75rem;\n ",
497
+ ": var(--plasma-typo-body-xs-font-family);\n ",
498
+ ": var(--plasma-typo-body-xs-font-size);\n ",
499
+ ": var(--plasma-typo-body-xs-font-style);\n ",
500
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
501
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
502
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
503
+ ": 0.375rem;\n ",
504
+ ": 0.375rem;\n ",
505
+ ": 0.813rem auto auto -0.625rem;\n ",
506
+ ": 0.25rem auto auto -0.625rem;\n ",
507
+ ": 0.813rem -0.625rem auto auto;\n ",
508
+ ": 0.125rem -0.6875rem auto auto;\n ",
509
+ ": 0.813rem -1.988rem auto auto;\n "
510
+ ]);
511
+ _templateObject8 = function _templateObject() {
512
+ return data;
513
+ };
514
+ return data;
515
+ }
516
+ function _templateObject9() {
517
+ var data = _tagged_template_literal([
518
+ "\n ",
519
+ ": var(--text-secondary);\n ",
520
+ ": var(--plasma-typo-body-xs-font-family);\n ",
521
+ ": var(--plasma-typo-body-xs-font-size);\n ",
522
+ ": var(--plasma-typo-body-xs-font-style);\n ",
523
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
524
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
525
+ ": var(--plasma-typo-body-xs-line-height);\n "
526
+ ]);
527
+ _templateObject9 = function _templateObject() {
528
+ return data;
529
+ };
530
+ return data;
531
+ }
532
+ function _templateObject10() {
533
+ var data = _tagged_template_literal([
534
+ ""
535
+ ]);
536
+ _templateObject10 = function _templateObject() {
537
+ return data;
538
+ };
539
+ return data;
540
+ }
541
+ function _templateObject11() {
542
+ var data = _tagged_template_literal([
543
+ "\n ",
544
+ ": var(--inverse-text-primary);\n ",
545
+ ": var(--surface-solid-default);\n ",
546
+ ": var(--inverse-text-primary);\n ",
547
+ ": var(--surface-solid-default-hover);\n ",
548
+ ": var(--inverse-text-primary);\n ",
549
+ ": var(--surface-solid-default-active);\n ",
550
+ ": var(--surface-solid-default);\n ",
551
+ ": var(--inverse-text-primary);\n ",
552
+ ": var(--surface-solid-default);\n ",
553
+ ": var(--inverse-text-primary);\n\n ",
554
+ ": var(--inverse-text-secondary);\n ",
555
+ ": var(--inverse-text-secondary);\n ",
556
+ ": var(--inverse-text-secondary-hover);\n ",
557
+ ": 1;\n "
558
+ ]);
559
+ _templateObject11 = function _templateObject() {
560
+ return data;
561
+ };
562
+ return data;
563
+ }
564
+ function _templateObject12() {
565
+ var data = _tagged_template_literal([
566
+ "\n ",
567
+ ": var(--text-primary);\n ",
568
+ ": var(--surface-transparent-secondary);\n ",
569
+ ": var(--text-primary);\n ",
570
+ ": var(--surface-transparent-secondary-hover);\n ",
571
+ ": var(--text-primary);\n ",
572
+ ": var(--surface-transparent-secondary-active);\n ",
573
+ ": var(--surface-transparent-secondary);\n ",
574
+ ": var(--text-primary);\n ",
575
+ ": var(--surface-transparent-secondary);\n ",
576
+ ": var(--text-primary);\n\n ",
577
+ ": var(--text-secondary);\n ",
578
+ ": var(--text-secondary);\n ",
579
+ ": var(--text-secondary-hover);\n ",
580
+ ": 1;\n "
581
+ ]);
582
+ _templateObject12 = function _templateObject() {
583
+ return data;
584
+ };
585
+ return data;
586
+ }
587
+ function _templateObject13() {
588
+ var data = _tagged_template_literal([
589
+ "\n ",
590
+ ": var(--on-dark-text-primary);\n ",
591
+ ": var(--surface-accent);\n ",
592
+ ": var(--on-dark-text-primary);\n ",
593
+ ": var(--surface-accent-hover);\n ",
594
+ ": var(--on-dark-text-primary);\n ",
595
+ ": var(--surface-accent-active);\n ",
596
+ ": var(--surface-accent);\n ",
597
+ ": var(--on-dark-text-primary);\n ",
598
+ ": var(--surface-accent);\n ",
599
+ ": var(--on-dark-text-primary);\n\n ",
600
+ ": var(--on-dark-text-secondary);\n ",
601
+ ": var(--on-dark-text-secondary);\n ",
602
+ ": var(--on-dark-text-secondary-hover);\n ",
603
+ ": 1;\n "
604
+ ]);
605
+ _templateObject13 = function _templateObject() {
606
+ return data;
607
+ };
608
+ return data;
609
+ }
610
+ function _templateObject14() {
611
+ var data = _tagged_template_literal([
612
+ "\n ",
613
+ ": var(--on-dark-text-primary);\n ",
614
+ ": var(--surface-positive);\n ",
615
+ ": var(--on-dark-text-primary);\n ",
616
+ ": var(--surface-positive-hover);\n ",
617
+ ": var(--on-dark-text-primary);\n ",
618
+ ": var(--surface-positive-active);\n ",
619
+ ": var(--surface-positive);\n ",
620
+ ": var(--on-dark-text-primary);\n ",
621
+ ": var(--surface-positive);\n ",
622
+ ": var(--on-dark-text-primary);\n\n ",
623
+ ": var(--on-dark-text-secondary);\n ",
624
+ ": var(--on-dark-text-secondary);\n ",
625
+ ": var(--on-dark-text-secondary-hover);\n ",
626
+ ": 1;\n "
627
+ ]);
628
+ _templateObject14 = function _templateObject() {
629
+ return data;
630
+ };
631
+ return data;
632
+ }
633
+ function _templateObject15() {
634
+ var data = _tagged_template_literal([
635
+ "\n ",
636
+ ": var(--on-dark-text-primary);\n ",
637
+ ": var(--surface-warning);\n ",
638
+ ": var(--on-dark-text-primary);\n ",
639
+ ": var(--surface-warning-hover);\n ",
640
+ ": var(--on-dark-text-primary);\n ",
641
+ ": var(--surface-warning-active);\n ",
642
+ ": var(--surface-warning);\n ",
643
+ ": var(--on-dark-text-primary);\n ",
644
+ ": var(--surface-warning);\n ",
645
+ ": var(--on-dark-text-primary);\n\n ",
646
+ ": var(--on-dark-text-secondary);\n ",
647
+ ": var(--on-dark-text-secondary);\n ",
648
+ ": var(--on-dark-text-secondary-hover);\n ",
649
+ ": 1;\n "
650
+ ]);
651
+ _templateObject15 = function _templateObject() {
652
+ return data;
653
+ };
654
+ return data;
655
+ }
656
+ function _templateObject16() {
657
+ var data = _tagged_template_literal([
658
+ "\n ",
659
+ ": var(--on-dark-text-primary);\n ",
660
+ ": var(--surface-negative);\n ",
661
+ ": var(--on-dark-text-primary);\n ",
662
+ ": var(--surface-negative-hover);\n ",
663
+ ": var(--on-dark-text-primary);\n ",
664
+ ": var(--surface-negative-active);\n ",
665
+ ": var(--surface-negative);\n ",
666
+ ": var(--on-dark-text-primary);\n ",
667
+ ": var(--surface-negative);\n ",
668
+ ": var(--on-dark-text-primary);\n\n ",
669
+ ": var(--on-dark-text-secondary);\n ",
670
+ ": var(--on-dark-text-secondary);\n ",
671
+ ": var(--on-dark-text-secondary-hover);\n ",
672
+ ": 1;\n "
673
+ ]);
674
+ _templateObject16 = function _templateObject() {
675
+ return data;
676
+ };
677
+ return data;
678
+ }
679
+ function _templateObject17() {
680
+ var data = _tagged_template_literal([
681
+ "\n ",
682
+ ": var(--surface-solid-card-brightness);\n ",
683
+ ": 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 ",
684
+ ": var(--text-primary);\n ",
685
+ ": var(--surface-solid-card-brightness);\n "
686
+ ]);
687
+ _templateObject17 = function _templateObject() {
688
+ return data;
689
+ };
690
+ return data;
691
+ }
692
+ function _templateObject18() {
693
+ var data = _tagged_template_literal([
694
+ "\n ",
695
+ ": 0.6875rem;\n ",
696
+ ": 0.875rem;\n ",
697
+ ": 0.6875rem;\n ",
698
+ ": 0.875rem;\n\n ",
699
+ ": 2.5rem;\n ",
700
+ ": 0.625rem;\n\n ",
701
+ ": var(--plasma-typo-body-s-font-family);\n ",
702
+ ": var(--plasma-typo-body-s-font-size);\n ",
703
+ ": var(--plasma-typo-body-s-font-style);\n ",
704
+ ": var(--plasma-typo-body-s-font-weight);\n ",
705
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
706
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
707
+ ": 0.375rem;\n\n ",
708
+ ": 1.25rem;\n ",
709
+ ": 1.25rem;\n ",
710
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
711
+ ": 0.5rem;\n ",
712
+ ": 0.625rem;\n "
713
+ ]);
714
+ _templateObject18 = function _templateObject() {
715
+ return data;
716
+ };
717
+ return data;
718
+ }
719
+ function _templateObject19() {
720
+ var data = _tagged_template_literal([
721
+ "\n ",
722
+ ": 0.5rem;\n ",
723
+ ": 0.75rem;\n ",
724
+ ": 0.5rem;\n ",
725
+ ": 0.75rem;\n\n ",
726
+ ": 2rem;\n ",
727
+ ": 0.5rem;\n\n ",
728
+ ": var(--plasma-typo-body-xs-font-family);\n ",
729
+ ": var(--plasma-typo-body-xs-font-size);\n ",
730
+ ": var(--plasma-typo-body-xs-font-style);\n ",
731
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
732
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
733
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
734
+ ": 0.25rem;\n\n ",
735
+ ": 1rem;\n ",
736
+ ": 1rem;\n ",
737
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
738
+ ": 0.375rem;\n ",
739
+ ": 0.5625rem;\n "
740
+ ]);
741
+ _templateObject19 = function _templateObject() {
742
+ return data;
743
+ };
744
+ return data;
745
+ }
746
+ function _templateObject20() {
747
+ var data = _tagged_template_literal([
748
+ "\n ",
749
+ ": 0.4;\n "
750
+ ]);
751
+ _templateObject20 = function _templateObject() {
752
+ return data;
753
+ };
754
+ return data;
755
+ }
756
+ function _templateObject21() {
757
+ var data = _tagged_template_literal([
758
+ "\n ",
759
+ ": 0.1;\n ",
760
+ ": var(--text-primary);\n ",
761
+ ": transparent;\n ",
762
+ ": var(--text-secondary);\n ",
763
+ ": var(--text-secondary);\n ",
764
+ ": var(--text-secondary);\n ",
765
+ ": var(--text-primary);\n ",
766
+ ": var(--surface-transparent-primary);\n ",
767
+ ": 0.4;\n "
768
+ ]);
769
+ _templateObject21 = function _templateObject() {
770
+ return data;
771
+ };
772
+ return data;
773
+ }
774
+ import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
775
+ export var config = {
776
+ defaults: {
777
+ view: 'default',
778
+ size: 'l',
779
+ labelPlacement: 'outer'
780
+ },
781
+ variations: {
782
+ view: {
783
+ default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
784
+ positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
785
+ warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
786
+ negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
787
+ },
788
+ size: {
789
+ xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
790
+ l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
791
+ m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
792
+ s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
793
+ xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight)
794
+ },
795
+ labelPlacement: {
796
+ inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
797
+ outer: css(_templateObject10())
798
+ },
799
+ chipView: {
800
+ default: css(_templateObject11(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
801
+ secondary: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
802
+ accent: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
803
+ positive: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
804
+ warning: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
805
+ negative: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
806
+ },
807
+ hintView: {
808
+ default: css(_templateObject17(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
809
+ },
810
+ hintSize: {
811
+ m: css(_templateObject18(), 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),
812
+ s: css(_templateObject19(), 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)
813
+ },
814
+ disabled: {
815
+ true: css(_templateObject20(), tokens.disabledOpacity)
816
+ },
817
+ readOnly: {
818
+ true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
819
+ }
820
+ }
821
+ };