@salutejs/sdds-finai 0.324.0-canary.2423.20988873450.0 → 0.324.0-canary.2424.21061741521.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 (10) hide show
  1. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +126 -71
  2. package/dist/styled-components/cjs/components/Range/Range.config.js +10 -1
  3. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +376 -324
  4. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +126 -71
  5. package/dist/styled-components/es/components/Range/Range.config.js +10 -1
  6. package/dist/styled-components/es/components/TextArea/TextArea.config.js +376 -324
  7. package/package.json +7 -7
  8. package/types/components/DatePicker/DatePicker.d.ts +61 -4
  9. package/types/components/TextArea/TextArea.config.d.ts +10 -7
  10. package/types/components/TextArea/TextArea.d.ts +10 -15
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -11,6 +11,7 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
+ ": var(--surface-accent);\n\n ",
14
15
  ": var(--surface-transparent-card);\n ",
15
16
  ": var(--surface-transparent-negative);\n ",
16
17
  ": var(--surface-transparent-positive);\n\n ",
@@ -28,6 +29,15 @@ function _templateObject() {
28
29
  ": var(--text-primary-hover);\n ",
29
30
  ": var(--text-primary-active);\n\n ",
30
31
  ": var(--text-primary);\n ",
32
+ ": var(--text-primary-hover);\n ",
33
+ ": var(--text-primary-active);\n\n ",
34
+ ": var(--text-secondary);\n ",
35
+ ": var(--text-secondary-hover);\n ",
36
+ ": var(--text-secondary-active);\n\n ",
37
+ ": var(--text-secondary);\n ",
38
+ ": var(--text-secondary-hover);\n ",
39
+ ": var(--text-secondary-active);\n\n ",
40
+ ": var(--text-primary);\n ",
31
41
  ": var(--text-secondary);\n ",
32
42
  ": var(--text-accent);\n ",
33
43
  ": var(--text-secondary);\n ",
@@ -64,7 +74,7 @@ function _templateObject() {
64
74
  ": var(--text-tertiary);\n\n ",
65
75
  ": var(--shadow-down-soft-s);\n ",
66
76
  ": var(--surface-transparent-secondary);\n ",
67
- ": var(--surface-solid-card);\n ",
77
+ ": var(--surface-solid-card);\n\n ",
68
78
  ": var(--surface-solid-default);\n ",
69
79
  ": var(--inverse-text-primary);\n ",
70
80
  ": var(--surface-transparent-secondary);\n ",
@@ -92,10 +102,11 @@ function _templateObject() {
92
102
  ": var(--text-primary-hover);\n ",
93
103
  ": var(--surface-clear);\n ",
94
104
  ": var(--surface-accent);\n\n ",
95
- ": var(--inverse-surface-solid-card-brightness);\n ",
105
+ ": var(--surface-solid-card-brightness);\n ",
96
106
  ": var(--shadow-down-hard-s);\n ",
97
- ": var(--inverse-text-primary);\n ",
98
- ": var(--inverse-surface-solid-card-brightness);\n "
107
+ ": var(--text-primary);\n\n ",
108
+ ": var(--text-primary);\n ",
109
+ ": var(--surface-transparent-secondary);\n "
99
110
  ]);
100
111
  _templateObject = function _templateObject() {
101
112
  return data;
@@ -116,7 +127,8 @@ function _templateObject1() {
116
127
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
117
128
  ": var(--plasma-typo-body-l-line-height);\n\n ",
118
129
  ": 0 0 0 1rem;\n ",
119
- ": 0;\n ",
130
+ ": 0;\n\n ",
131
+ ": 0.75rem;\n ",
120
132
  ": 0.5625rem 0 0.125rem 0;\n ",
121
133
  ": 1.5625rem 0 0.5625rem 0;\n\n ",
122
134
  ": 0.75rem;\n ",
@@ -158,9 +170,12 @@ function _templateObject1() {
158
170
  ": 0 0.25rem 0 0;\n ",
159
171
  ": 0 0 0 0.25rem;\n\n ",
160
172
  ": 0.875rem;\n ",
161
- ": 26.5rem;\n ",
162
- ": 27rem;\n\n ",
163
- ": 0.5rem 1rem 1.125rem 1rem;\n ",
173
+ ": 1rem;\n ",
174
+ ": 1rem 1rem 1.125rem 1rem;\n ",
175
+ ": 2.125rem;\n\n ",
176
+ ": 24.5rem;\n ",
177
+ ": 25rem;\n\n ",
178
+ ": 0.5rem 0 0 0;\n ",
164
179
  ": 0.75rem;\n\n ",
165
180
  ": var(--plasma-typo-body-l-font-family);\n ",
166
181
  ": var(--plasma-typo-body-l-font-size);\n ",
@@ -169,7 +184,7 @@ function _templateObject1() {
169
184
  ": var(--plasma-typo-body-l-line-height);\n ",
170
185
  ": var(--plasma-typo-body-l-font-weight);\n ",
171
186
  ": var(--plasma-typo-body-l-bold-font-weight);\n\n ",
172
- ": 0.5rem 1rem 1.125rem 1rem;\n ",
187
+ ": 0.5rem 0 0 0;\n ",
173
188
  ": 0.75rem;\n\n ",
174
189
  ": var(--plasma-typo-body-l-font-family);\n ",
175
190
  ": var(--plasma-typo-body-l-font-size);\n ",
@@ -178,7 +193,7 @@ function _templateObject1() {
178
193
  ": var(--plasma-typo-body-l-line-height);\n ",
179
194
  ": var(--plasma-typo-body-l-font-weight);\n ",
180
195
  ": var(--plasma-typo-body-l-bold-font-weight);\n\n ",
181
- ": 0.5rem 0.5rem 0 0.5rem;\n ",
196
+ ": 0.5rem 0 0 0;\n ",
182
197
  ": 0.75rem;\n\n ",
183
198
  ": var(--plasma-typo-body-l-font-family);\n ",
184
199
  ": var(--plasma-typo-body-l-font-size);\n ",
@@ -187,7 +202,7 @@ function _templateObject1() {
187
202
  ": var(--plasma-typo-body-l-line-height);\n ",
188
203
  ": var(--plasma-typo-body-l-font-weight);\n ",
189
204
  ": var(--plasma-typo-body-l-bold-font-weight);\n\n ",
190
- ": 0.5rem 1rem 1.125rem 1rem;\n ",
205
+ ": 0.5rem 0 0 0;\n ",
191
206
  ": 0.75rem;\n\n ",
192
207
  ": var(--plasma-typo-body-l-font-family);\n ",
193
208
  ": var(--plasma-typo-body-l-font-size);\n ",
@@ -197,7 +212,7 @@ function _templateObject1() {
197
212
  ": var(--plasma-typo-body-l-font-weight);\n ",
198
213
  ": var(--plasma-typo-body-l-bold-font-weight);\n\n ",
199
214
  ": 0.063rem;\n\n ",
200
- ": 0.875rem 1rem 0 1rem;\n ",
215
+ ": 0;\n ",
201
216
  ": 0.5rem;\n ",
202
217
  ": 1.5rem;\n\n ",
203
218
  ": 0 0 0 1rem;\n ",
@@ -212,7 +227,16 @@ function _templateObject1() {
212
227
  ": 3.5rem;\n ",
213
228
  ": 3.5rem;\n ",
214
229
  ": 1.5rem;\n ",
215
- ": 0.875rem;\n "
230
+ ": 0.875rem;\n\n ",
231
+ ": var(--plasma-typo-body-l-font-family);\n ",
232
+ ": var(--plasma-typo-body-l-font-style);\n ",
233
+ ": var(--plasma-typo-body-l-font-size);\n ",
234
+ ": var(--plasma-typo-body-l-font-weight);\n ",
235
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
236
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
237
+ ": 1.063rem 0.75rem;\n ",
238
+ ": 0.375rem;\n ",
239
+ ": 0.75rem;\n "
216
240
  ]);
217
241
  _templateObject1 = function _templateObject() {
218
242
  return data;
@@ -234,6 +258,7 @@ function _templateObject2() {
234
258
  ": var(--plasma-typo-body-m-line-height);\n\n ",
235
259
  ": 0 0 0 0.875rem;\n ",
236
260
  ": 0;\n\n ",
261
+ ": 0.625rem;\n ",
237
262
  ": 0.375rem 0 0.125rem 0;\n ",
238
263
  ": 1.375rem 0 0.375rem 0;\n\n ",
239
264
  ": 0.625rem;\n ",
@@ -274,10 +299,13 @@ function _templateObject2() {
274
299
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
275
300
  ": 0 0.25rem 0 0;\n ",
276
301
  ": 0 0 0 0.25rem;\n\n ",
277
- ": 23rem;\n ",
278
- ": 22.875rem;\n ",
279
- ": 0.875rem;\n\n ",
280
- ": 0.5rem 1rem 1.125rem 1rem;\n ",
302
+ ": 0.75rem;\n ",
303
+ ": 1rem;\n ",
304
+ ": 1rem 1rem 1.125rem 1rem;\n ",
305
+ ": 2.125rem;\n\n ",
306
+ ": 21rem;\n ",
307
+ ": 21rem;\n\n ",
308
+ ": 0.5rem 0 0 0;\n ",
281
309
  ": 0.625rem;\n\n ",
282
310
  ": var(--plasma-typo-body-m-font-family);\n ",
283
311
  ": var(--plasma-typo-body-m-font-size);\n ",
@@ -286,7 +314,7 @@ function _templateObject2() {
286
314
  ": var(--plasma-typo-body-m-line-height);\n ",
287
315
  ": var(--plasma-typo-body-m-font-weight);\n ",
288
316
  ": var(--plasma-typo-body-m-bold-font-weight);\n\n ",
289
- ": 0.5rem 0.5rem 0 0.5rem;\n ",
317
+ ": 0.5rem 0 0 0;\n ",
290
318
  ": 0.625rem;\n\n ",
291
319
  ": var(--plasma-typo-body-m-font-family);\n ",
292
320
  ": var(--plasma-typo-body-m-font-size);\n ",
@@ -295,7 +323,7 @@ function _templateObject2() {
295
323
  ": var(--plasma-typo-body-m-line-height);\n ",
296
324
  ": var(--plasma-typo-body-m-font-weight);\n ",
297
325
  ": var(--plasma-typo-body-m-bold-font-weight);\n\n ",
298
- ": 0.5rem 1rem 1.125rem 1rem;\n ",
326
+ ": 0.5rem 0 0 0;\n ",
299
327
  ": 0.625rem;\n\n ",
300
328
  ": var(--plasma-typo-body-m-font-family);\n ",
301
329
  ": var(--plasma-typo-body-m-font-size);\n ",
@@ -304,7 +332,7 @@ function _templateObject2() {
304
332
  ": var(--plasma-typo-body-m-line-height);\n ",
305
333
  ": var(--plasma-typo-body-m-font-weight);\n ",
306
334
  ": var(--plasma-typo-body-m-bold-font-weight);\n\n ",
307
- ": 0.5rem 1rem 1.125rem 1rem;\n ",
335
+ ": 0.5rem 0 0 0;\n ",
308
336
  ": 0.625rem;\n\n ",
309
337
  ": var(--plasma-typo-body-m-font-family);\n ",
310
338
  ": var(--plasma-typo-body-m-font-size);\n ",
@@ -314,11 +342,11 @@ function _templateObject2() {
314
342
  ": var(--plasma-typo-body-m-font-weight);\n ",
315
343
  ": var(--plasma-typo-body-m-bold-font-weight);\n\n ",
316
344
  ": 0.063rem;\n\n ",
317
- ": 0.75rem 1rem 0 1rem;\n ",
318
- ": 0.5rem;\n ",
345
+ ": 0;\n ",
346
+ ": 0;\n ",
319
347
  ": 1.5rem;\n\n ",
320
- ": 0 0 0 0.875rem;\n ",
321
- ": 0.375rem;\n\n ",
348
+ ": 0 0 0 0.75rem;\n ",
349
+ ": 0.25rem;\n\n ",
322
350
  ": var(--plasma-typo-h4-font-family);\n ",
323
351
  ": var(--plasma-typo-h4-font-size);\n ",
324
352
  ": var(--plasma-typo-h4-font-style);\n ",
@@ -329,7 +357,16 @@ function _templateObject2() {
329
357
  ": 3rem;\n ",
330
358
  ": 3rem;\n ",
331
359
  ": 1.25rem;\n ",
332
- ": 0.75rem;\n "
360
+ ": 0.75rem;\n\n ",
361
+ ": var(--plasma-typo-body-m-font-family);\n ",
362
+ ": var(--plasma-typo-body-m-font-style);\n ",
363
+ ": var(--plasma-typo-body-m-font-size);\n ",
364
+ ": var(--plasma-typo-body-m-font-weight);\n ",
365
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
366
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
367
+ ": 0.875rem 0.625rem;\n ",
368
+ ": 0.375rem;\n ",
369
+ ": 0.625rem;\n "
333
370
  ]);
334
371
  _templateObject2 = function _templateObject() {
335
372
  return data;
@@ -351,6 +388,7 @@ function _templateObject3() {
351
388
  ": var(--plasma-typo-body-s-line-height);\n\n ",
352
389
  ": 0 0 0 0.75rem;\n ",
353
390
  ": 0;\n\n ",
391
+ ": 0.5rem;\n ",
354
392
  ": 0.3125rem 0 0 0;\n ",
355
393
  ": 1.0625rem 0 0.3125rem 0;\n\n ",
356
394
  ": 0.5rem;\n ",
@@ -391,10 +429,13 @@ function _templateObject3() {
391
429
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
392
430
  ": 0 0.25rem 0 0;\n ",
393
431
  ": 0 0 0 0.25rem;\n\n ",
394
- ": 19.5rem;\n ",
395
- ": 18.125rem;\n ",
396
- ": 0.875rem;\n\n ",
397
- ": 0.5rem 1rem 0.875rem 1rem;\n ",
432
+ ": 0.625rem;\n ",
433
+ ": 0.875rem;\n ",
434
+ ": 0.875rem 0.875rem 1rem 0.875rem;\n ",
435
+ ": 1.875rem;\n\n ",
436
+ ": 17.5rem;\n ",
437
+ ": 17rem;\n\n ",
438
+ ": 0.5rem 0 0 0;\n ",
398
439
  ": 0.5rem;\n\n ",
399
440
  ": var(--plasma-typo-body-s-font-family);\n ",
400
441
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -403,7 +444,7 @@ function _templateObject3() {
403
444
  ": var(--plasma-typo-body-s-line-height);\n ",
404
445
  ": var(--plasma-typo-body-s-font-weight);\n ",
405
446
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
406
- ": 0.5rem 0.5rem 0 0.5rem;\n ",
447
+ ": 0.5rem 0 0 0;\n ",
407
448
  ": 0.5rem;\n\n ",
408
449
  ": var(--plasma-typo-body-s-font-family);\n ",
409
450
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -412,7 +453,7 @@ function _templateObject3() {
412
453
  ": var(--plasma-typo-body-s-line-height);\n ",
413
454
  ": var(--plasma-typo-body-s-font-weight);\n ",
414
455
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
415
- ": 0.5rem 1rem 0.875rem 1rem;\n ",
456
+ ": 0.5rem 0 0 0;\n ",
416
457
  ": 0.5rem;\n\n ",
417
458
  ": var(--plasma-typo-body-s-font-family);\n ",
418
459
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -421,7 +462,7 @@ function _templateObject3() {
421
462
  ": var(--plasma-typo-body-s-line-height);\n ",
422
463
  ": var(--plasma-typo-body-s-font-weight);\n ",
423
464
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
424
- ": 0.5rem 1rem 0.875rem 1rem;\n ",
465
+ ": 0.5rem 0 0 0;\n ",
425
466
  ": 0.5rem;\n\n ",
426
467
  ": var(--plasma-typo-body-s-font-family);\n ",
427
468
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -431,8 +472,8 @@ function _templateObject3() {
431
472
  ": var(--plasma-typo-body-s-font-weight);\n ",
432
473
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
433
474
  ": 0.063rem;\n\n ",
434
- ": 0.75rem 1rem 0 1rem;\n ",
435
- ": 0.5rem;\n ",
475
+ ": 0;\n ",
476
+ ": 0;\n ",
436
477
  ": 1.5rem;\n\n ",
437
478
  ": 0 0 0 0.5rem;\n ",
438
479
  ": 0.25rem;\n\n ",
@@ -443,9 +484,18 @@ function _templateObject3() {
443
484
  ": var(--plasma-typo-h4-line-height);\n ",
444
485
  ": var(--plasma-typo-h4-font-weight);\n ",
445
486
  ": var(--plasma-typo-h4-bold-font-weight);\n\n ",
446
- ": 2rem;\n ",
447
- ": 2rem;\n ",
448
- ": 0.75rem;\n ",
487
+ ": 2.5rem;\n ",
488
+ ": 2.5rem;\n ",
489
+ ": 0.5rem;\n ",
490
+ ": 0.625rem;\n\n ",
491
+ ": var(--plasma-typo-body-s-font-family);\n ",
492
+ ": var(--plasma-typo-body-s-font-style);\n ",
493
+ ": var(--plasma-typo-body-s-font-size);\n ",
494
+ ": var(--plasma-typo-body-s-font-weight);\n ",
495
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
496
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
497
+ ": 0.688rem 0.5rem;\n ",
498
+ ": 0.375rem;\n ",
449
499
  ": 0.5rem;\n "
450
500
  ]);
451
501
  _templateObject3 = function _templateObject() {
@@ -468,6 +518,7 @@ function _templateObject4() {
468
518
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
469
519
  ": 0 0 0 0.5rem;\n ",
470
520
  ": 0;\n\n ",
521
+ ": 0.375rem;\n ",
471
522
  ": 0.3125rem 0 0 0;\n ",
472
523
  ": 1.0625rem 0 0.3125rem 0;\n\n ",
473
524
  ": 0.375rem;\n ",
@@ -508,11 +559,14 @@ function _templateObject4() {
508
559
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
509
560
  ": 0 0.25rem 0 0;\n ",
510
561
  ": 0 0 0 0.25rem;\n\n ",
511
- ": 19rem;\n ",
562
+ ": 0.5rem;\n ",
563
+ ": 0.75rem;\n ",
564
+ ": 0.75rem 0.75rem 0.875rem 0.75rem;\n ",
565
+ ": 1.625rem;\n\n ",
512
566
  ": 17.5rem;\n ",
567
+ ": 15.5rem;\n\n ",
568
+ ": 0.5rem 0 0 0;\n ",
513
569
  ": 0.5rem;\n\n ",
514
- ": 0.5rem 0.75rem 0.625rem 0.75rem;\n ",
515
- ": 0.375rem;\n\n ",
516
570
  ": var(--plasma-typo-body-xs-font-family);\n ",
517
571
  ": var(--plasma-typo-body-xs-font-size);\n ",
518
572
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -520,8 +574,8 @@ function _templateObject4() {
520
574
  ": var(--plasma-typo-body-xs-line-height);\n ",
521
575
  ": var(--plasma-typo-body-xs-font-weight);\n ",
522
576
  ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
523
- ": 0.375rem 0.25rem 0 0.25rem;\n ",
524
- ": 0.375rem;\n\n ",
577
+ ": 0.5rem 0 0 0;\n ",
578
+ ": 0.5rem;\n\n ",
525
579
  ": var(--plasma-typo-body-xs-font-family);\n ",
526
580
  ": var(--plasma-typo-body-xs-font-size);\n ",
527
581
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -529,8 +583,8 @@ function _templateObject4() {
529
583
  ": var(--plasma-typo-body-xs-line-height);\n ",
530
584
  ": var(--plasma-typo-body-xs-font-weight);\n ",
531
585
  ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
532
- ": 0.5rem 0.75rem 0.625rem 0.75rem;\n ",
533
- ": 0.375rem;\n\n ",
586
+ ": 0.375rem 0 0 0;\n ",
587
+ ": 0.5rem;\n\n ",
534
588
  ": var(--plasma-typo-body-xs-font-family);\n ",
535
589
  ": var(--plasma-typo-body-xs-font-size);\n ",
536
590
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -538,8 +592,8 @@ function _templateObject4() {
538
592
  ": var(--plasma-typo-body-xs-line-height);\n ",
539
593
  ": var(--plasma-typo-body-xs-font-weight);\n ",
540
594
  ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
541
- ": 0.375rem 0.75rem 0.625rem 0.75rem;\n ",
542
- ": 0.375rem;\n\n ",
595
+ ": 0.375rem 0 0 0;\n ",
596
+ ": 0.5rem;\n\n ",
543
597
  ": var(--plasma-typo-body-xs-font-family);\n ",
544
598
  ": var(--plasma-typo-body-xs-font-size);\n ",
545
599
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -548,7 +602,7 @@ function _templateObject4() {
548
602
  ": var(--plasma-typo-body-xs-font-weight);\n ",
549
603
  ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
550
604
  ": 0.063rem;\n\n ",
551
- ": 0.5rem 0.75rem 0 0.75rem;\n ",
605
+ ": 0;\n ",
552
606
  ": 0;\n ",
553
607
  ": 1rem;\n\n ",
554
608
  ": 0 0 0 0.5rem;\n ",
@@ -562,8 +616,17 @@ function _templateObject4() {
562
616
  ": var(--plasma-typo-h5-bold-font-weight);\n\n ",
563
617
  ": 2rem;\n ",
564
618
  ": 2rem;\n ",
565
- ": 0.75rem;\n ",
566
- ": 0.5rem;\n "
619
+ ": 0.5rem;\n ",
620
+ ": 0.5rem;\n\n ",
621
+ ": var(--plasma-typo-body-xs-font-family);\n ",
622
+ ": var(--plasma-typo-body-xs-font-style);\n ",
623
+ ": var(--plasma-typo-body-xs-font-size);\n ",
624
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
625
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
626
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
627
+ ": 0.563rem 0.375rem;\n ",
628
+ ": 0.375rem;\n ",
629
+ ": 0.375rem;\n "
567
630
  ]);
568
631
  _templateObject4 = function _templateObject() {
569
632
  return data;
@@ -629,13 +692,7 @@ function _templateObject6() {
629
692
  function _templateObject7() {
630
693
  var data = _tagged_template_literal([
631
694
  "\n ",
632
- ": 1;\n\n ",
633
- ": var(--text-secondary);\n ",
634
- ": var(--text-secondary);\n ",
635
- ": var(--text-secondary);\n\n ",
636
- ": var(--surface-transparent-secondary);\n ",
637
- ": transparent;\n ",
638
- ": var(--surface-transparent-secondary);\n "
695
+ ": 0.4;\n "
639
696
  ]);
640
697
  _templateObject7 = function _templateObject() {
641
698
  return data;
@@ -645,20 +702,18 @@ function _templateObject7() {
645
702
  function _templateObject8() {
646
703
  var data = _tagged_template_literal([
647
704
  "\n ",
648
- ": var(--surface-transparent-card);\n ",
649
- ": var(--surface-transparent-card);\n ",
705
+ ": var(--surface-transparent-primary);\n ",
650
706
  ": var(--text-primary);\n ",
651
707
  ": var(--text-secondary);\n\n ",
652
708
  ": var(--text-primary);\n ",
653
709
  ": 0.4;\n\n ",
654
710
  ": var(--text-primary);\n ",
655
- ": var(--surface-transparent-card);\n ",
711
+ ": var(--surface-transparent-primary);\n ",
656
712
  ": var(--text-secondary);\n\n ",
657
- ": 1;\n ",
658
- ": 1;\n ",
659
- ": var(--text-secondary);\n ",
660
- ": var(--text-secondary);\n ",
661
- ": var(--text-secondary);\n "
713
+ ": 0.4;\n ",
714
+ ": 0.4;\n ",
715
+ ": 0.1;\n ",
716
+ ": 0.1;\n "
662
717
  ]);
663
718
  _templateObject8 = function _templateObject() {
664
719
  return data;
@@ -673,23 +728,23 @@ export var config = {
673
728
  },
674
729
  variations: {
675
730
  view: {
676
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
731
+ default: css(_templateObject(), tokens.outlineFocusColor, tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
677
732
  },
678
733
  size: {
679
- l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.calendarBorderRadius, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
680
- m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
681
- s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
682
- xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
734
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),
735
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),
736
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),
737
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, 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.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius)
683
738
  },
684
739
  eventTooltipSize: {
685
740
  m: css(_templateObject5(), 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, tokens.tooltipArrowBackground),
686
741
  s: css(_templateObject6(), 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, tokens.tooltipArrowBackground)
687
742
  },
688
743
  disabled: {
689
- true: css(_templateObject7(), tokens.disabledOpacity, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldBackgroundColor, tokens.borderColor, tokens.background)
744
+ true: css(_templateObject7(), tokens.disabledOpacity)
690
745
  },
691
746
  readOnly: {
692
- true: css(_templateObject8(), tokens.backgroundReadOnly, tokens.background, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
747
+ true: css(_templateObject8(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
693
748
  }
694
749
  }
695
750
  };
package/dist/styled-components/es/components/Range/Range.config.js CHANGED
@@ -24,6 +24,15 @@ function _templateObject() {
24
24
  ": var(--text-positive);\n ",
25
25
  ": var(--text-secondary);\n ",
26
26
  ": var(--text-secondary);\n\n ",
27
+ ": var(--text-primary);\n ",
28
+ ": var(--text-primary-hover);\n ",
29
+ ": var(--text-primary-active);\n\n ",
30
+ ": var(--text-primary);\n ",
31
+ ": var(--text-primary-hover);\n ",
32
+ ": var(--text-primary-active);\n\n ",
33
+ ": var(--text-secondary);\n ",
34
+ ": var(--text-secondary-hover);\n ",
35
+ ": var(--text-secondary-active);\n\n ",
27
36
  ": var(--text-secondary);\n ",
28
37
  ": var(--text-secondary-hover);\n ",
29
38
  ": var(--text-secondary-active);\n\n ",
@@ -512,7 +521,7 @@ export var config = {
512
521
  },
513
522
  variations: {
514
523
  view: {
515
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
524
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
516
525
  },
517
526
  size: {
518
527
  xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),