@salutejs/sdds-bizcom 0.331.0-canary.2358.19851578667.0 → 0.331.0-canary.2362.19851604298.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 (58) hide show
  1. package/components/Calendar/Calendar.css +16 -14
  2. package/components/Calendar/Calendar.d.ts +2 -0
  3. package/components/Calendar/CalendarBase.config.d.ts +1 -0
  4. package/components/Calendar/CalendarBase.config.js +8 -7
  5. package/components/Calendar/CalendarBase.config.js.map +1 -1
  6. package/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  7. package/components/Calendar/CalendarDouble.config.d.ts +1 -0
  8. package/components/Calendar/CalendarDouble.config.js +8 -7
  9. package/components/Calendar/CalendarDouble.config.js.map +1 -1
  10. package/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  11. package/components/Mask/Mask.css +21 -43
  12. package/components/Mask/Mask.d.ts +33 -17
  13. package/components/Radiobox/Radiobox.d.ts +2 -2
  14. package/components/TextField/TextField.config.d.ts +4 -0
  15. package/components/TextField/TextField.config.js +17 -13
  16. package/components/TextField/TextField.config.js.map +1 -1
  17. package/components/TextField/TextField.config_10mzzd.css +23 -0
  18. package/components/TextField/TextField.d.ts +7 -970
  19. package/components/TextField/TextField.js +6 -14
  20. package/components/TextField/TextField.js.map +1 -1
  21. package/es/components/Calendar/Calendar.css +16 -14
  22. package/es/components/Calendar/CalendarBase.config.js +8 -7
  23. package/es/components/Calendar/CalendarBase.config.js.map +1 -1
  24. package/es/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  25. package/es/components/Calendar/CalendarDouble.config.js +8 -7
  26. package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  27. package/es/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  28. package/es/components/Mask/Mask.css +21 -43
  29. package/es/components/TextField/TextField.config.js +17 -13
  30. package/es/components/TextField/TextField.config.js.map +1 -1
  31. package/es/components/TextField/TextField.config_10mzzd.css +23 -0
  32. package/es/components/TextField/TextField.js +8 -14
  33. package/es/components/TextField/TextField.js.map +1 -1
  34. package/es/index.css +40 -60
  35. package/package.json +6 -6
  36. package/styled-components/cjs/components/Calendar/CalendarBase.config.js +111 -47
  37. package/styled-components/cjs/components/Calendar/CalendarDouble.config.js +113 -50
  38. package/styled-components/cjs/components/TextField/TextField.config.js +115 -73
  39. package/styled-components/cjs/components/TextField/TextField.js +5 -28
  40. package/styled-components/es/components/Calendar/CalendarBase.config.js +111 -47
  41. package/styled-components/es/components/Calendar/CalendarDouble.config.js +113 -50
  42. package/styled-components/es/components/TextField/TextField.config.js +115 -73
  43. package/styled-components/es/components/TextField/TextField.js +5 -15
  44. package/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  45. package/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  46. package/components/TextField/TextField.clear.config.d.ts +0 -47
  47. package/components/TextField/TextField.clear.config.js +0 -55
  48. package/components/TextField/TextField.clear.config.js.map +0 -1
  49. package/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
  50. package/components/TextField/TextField.config_c4zz6m.css +0 -22
  51. package/es/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  52. package/es/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  53. package/es/components/TextField/TextField.clear.config.js +0 -51
  54. package/es/components/TextField/TextField.clear.config.js.map +0 -1
  55. package/es/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
  56. package/es/components/TextField/TextField.config_c4zz6m.css +0 -22
  57. package/styled-components/cjs/components/TextField/TextField.clear.config.js +0 -831
  58. package/styled-components/es/components/TextField/TextField.clear.config.js +0 -821
@@ -11,8 +11,11 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
+ ": var(--text-primary);\n ",
14
15
  ": var(--text-primary);\n\n ",
15
16
  ": var(--text-secondary);\n ",
17
+ ": var(--text-tertiary);\n ",
18
+ ": var(--text-secondary);\n ",
16
19
  ": var(--text-tertiary);\n\n ",
17
20
  ": var(--surface-transparent-primary);\n ",
18
21
  ": var(--surface-transparent-primary-hover);\n ",
@@ -42,9 +45,12 @@ function _templateObject() {
42
45
  function _templateObject1() {
43
46
  var data = _tagged_template_literal([
44
47
  "\n ",
45
- ": var(--text-primary);\n\n ",
48
+ ": var(--text-primary);\n ",
49
+ ": var(--text-positive);\n\n ",
46
50
  ": var(--text-secondary);\n ",
47
- ": var(--text-tertiary);\n\n ",
51
+ ": var(--text-tertiary);\n ",
52
+ ": var(--text-positive);\n ",
53
+ ": var(--text-positive);\n\n ",
48
54
  ": var(--surface-transparent-positive);\n ",
49
55
  ": var(--surface-transparent-positive-hover);\n ",
50
56
  ": var(--surface-transparent-positive-active);\n ",
@@ -73,9 +79,12 @@ function _templateObject1() {
73
79
  function _templateObject2() {
74
80
  var data = _tagged_template_literal([
75
81
  "\n ",
76
- ": var(--text-primary);\n\n ",
82
+ ": var(--text-primary);\n ",
83
+ ": var(--text-warning);\n\n ",
77
84
  ": var(--text-secondary);\n ",
78
- ": var(--text-tertiary);\n\n ",
85
+ ": var(--text-tertiary);\n ",
86
+ ": var(--text-warning);\n ",
87
+ ": var(--text-warning);\n\n ",
79
88
  ": var(--surface-transparent-warning);\n ",
80
89
  ": var(--surface-transparent-warning-hover);\n ",
81
90
  ": var(--surface-transparent-warning-active);\n ",
@@ -104,9 +113,12 @@ function _templateObject2() {
104
113
  function _templateObject3() {
105
114
  var data = _tagged_template_literal([
106
115
  "\n ",
107
- ": var(--text-primary);\n\n ",
116
+ ": var(--text-primary);\n ",
117
+ ": var(--text-negative);\n\n ",
108
118
  ": var(--text-secondary);\n ",
109
- ": var(--text-tertiary);\n\n ",
119
+ ": var(--text-tertiary);\n ",
120
+ ": var(--text-negative);\n ",
121
+ ": var(--text-negative);\n\n ",
110
122
  ": var(--surface-transparent-negative);\n ",
111
123
  ": var(--surface-transparent-negative-hover);\n ",
112
124
  ": var(--surface-transparent-negative-active);\n ",
@@ -148,6 +160,7 @@ function _templateObject4() {
148
160
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
149
161
  ": var(--plasma-typo-body-l-line-height);\n\n ",
150
162
  ": 0.75rem;\n ",
163
+ ": 0.25rem;\n ",
151
164
  ": var(--plasma-typo-body-l-font-family);\n ",
152
165
  ": var(--plasma-typo-body-l-font-size);\n ",
153
166
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -156,7 +169,8 @@ function _templateObject4() {
156
169
  ": var(--plasma-typo-body-l-line-height);\n\n ",
157
170
  ": -0.688rem -0.5rem;\n ",
158
171
  ": 2.375rem;\n ",
159
- ": 0.82rem -2.938rem auto auto;\n\n ",
172
+ ": 0.82rem -2.938rem auto auto;\n ",
173
+ ": 0.82rem -2.063rem auto auto;\n\n ",
160
174
  ": 0.25rem;\n ",
161
175
  ": var(--plasma-typo-body-xs-font-family);\n ",
162
176
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -201,7 +215,10 @@ function _templateObject4() {
201
215
  ": 0 0 0 0;\n ",
202
216
  ": 0.5rem auto auto -0.75rem;\n ",
203
217
  ": 0 0 auto auto;\n ",
204
- ": 0.25rem -0.625rem auto auto;\n "
218
+ ": 0.25rem -0.625rem auto auto;\n ",
219
+ ": 1.75rem auto auto -0.875rem;\n ",
220
+ ": 1.75rem -0.875rem auto auto;\n ",
221
+ ": 1.75rem -2.488rem auto auto;\n "
205
222
  ]);
206
223
  _templateObject4 = function _templateObject() {
207
224
  return data;
@@ -212,13 +229,12 @@ function _templateObject5() {
212
229
  var data = _tagged_template_literal([
213
230
  "\n ",
214
231
  ": 3.5rem;\n ",
215
- ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
232
+ ": 1.063rem 1.125rem 1.063rem 1.125rem;\n ",
216
233
  ": 0.375rem;\n ",
217
- ": 0.875rem;\n ",
218
- ": 0.0625rem;\n\n ",
219
- ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
220
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
221
- ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
234
+ ": 0.875rem;\n\n ",
235
+ ": -0.063rem 0.5rem -0.063rem -0.125rem;\n ",
236
+ ": -0.063rem -0.125rem -0.063rem 0.75rem;\n ",
237
+ ": -0.063rem -0.438rem -0.063rem 0.75rem;\n\n ",
222
238
  ": 0.25rem;\n ",
223
239
  ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
224
240
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -228,6 +244,7 @@ function _templateObject5() {
228
244
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
229
245
  ": var(--plasma-typo-body-l-line-height);\n\n ",
230
246
  ": 0.75rem;\n ",
247
+ ": 0.25rem;\n ",
231
248
  ": var(--plasma-typo-body-l-font-family);\n ",
232
249
  ": var(--plasma-typo-body-l-font-size);\n ",
233
250
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -273,7 +290,10 @@ function _templateObject5() {
273
290
  ": 0 0 0 0;\n ",
274
291
  ": 0.5rem auto auto -0.75rem;\n ",
275
292
  ": 0 0 auto auto;\n ",
276
- ": 0.25rem -0.625rem auto auto;\n\n ",
293
+ ": 0.25rem -0.625rem auto auto;\n ",
294
+ ": 1.5rem auto auto -0.875rem;\n ",
295
+ ": 1.5rem -0.875rem auto auto;\n ",
296
+ ": 1.5rem -2.488rem auto auto;\n\n ",
277
297
  ": 0 0.25rem 0 0;\n ",
278
298
  ": 0 0 0 0.25rem;\n "
279
299
  ]);
@@ -288,8 +308,7 @@ function _templateObject6() {
288
308
  ": 3rem;\n ",
289
309
  ": 0.875rem 1rem 0.875rem 1rem;\n ",
290
310
  ": 0.375rem;\n ",
291
- ": 0.75rem;\n ",
292
- ": 0.0625rem;\n\n ",
311
+ ": 0.75rem;\n\n ",
293
312
  ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
294
313
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
295
314
  ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
@@ -302,6 +321,7 @@ function _templateObject6() {
302
321
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
303
322
  ": var(--plasma-typo-body-m-line-height);\n\n ",
304
323
  ": 0.625rem;\n ",
324
+ ": 0.25rem;\n ",
305
325
  ": var(--plasma-typo-body-m-font-family);\n ",
306
326
  ": var(--plasma-typo-body-m-font-size);\n ",
307
327
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -347,7 +367,10 @@ function _templateObject6() {
347
367
  ": 0 0 0 0;\n ",
348
368
  ": 0.375rem auto auto -0.75rem;\n ",
349
369
  ": 0 0 auto auto;\n ",
350
- ": 0.25rem -0.6875rem auto auto;\n\n ",
370
+ ": 0.25rem -0.6875rem auto auto;\n ",
371
+ ": 1.25rem auto auto -0.875rem;\n ",
372
+ ": 1.25rem -0.875rem auto auto;\n ",
373
+ ": 1.25rem -2.488rem auto auto;\n\n ",
351
374
  ": 0 0.25rem 0 0;\n ",
352
375
  ": 0 0 0 0.25rem;\n "
353
376
  ]);
@@ -362,8 +385,7 @@ function _templateObject7() {
362
385
  ": 2.5rem;\n ",
363
386
  ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
364
387
  ": 0.375rem;\n ",
365
- ": 0.625rem;\n ",
366
- ": 0.0625rem;\n\n ",
388
+ ": 0.625rem;\n\n ",
367
389
  ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
368
390
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
369
391
  ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
@@ -376,6 +398,7 @@ function _templateObject7() {
376
398
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
377
399
  ": var(--plasma-typo-body-s-line-height);\n\n ",
378
400
  ": 0.5rem;\n ",
401
+ ": 0.25rem;\n ",
379
402
  ": var(--plasma-typo-body-s-font-family);\n ",
380
403
  ": var(--plasma-typo-body-s-font-size);\n ",
381
404
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -401,7 +424,7 @@ function _templateObject7() {
401
424
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
402
425
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
403
426
  ": 0.3125rem 0 0 0;\n ",
404
- ": 1.0625rem 0 0.3125rem 0;\n\n ",
427
+ ": 1.063rem 0 0.3125rem 0;\n\n ",
405
428
  ": 0.25rem;\n ",
406
429
  ": 0.25rem;\n ",
407
430
  ": auto;\n ",
@@ -421,7 +444,10 @@ function _templateObject7() {
421
444
  ": 0 0 0 0;\n ",
422
445
  ": 0.3125rem auto auto -0.6875rem;\n ",
423
446
  ": 0 0 auto auto;\n ",
424
- ": 0.25rem -0.625rem auto auto;\n\n ",
447
+ ": 0.25rem -0.625rem auto auto;\n ",
448
+ ": 1.063rem auto auto -0.75rem;\n ",
449
+ ": 1.063rem -0.75rem auto auto;\n ",
450
+ ": 1.063rem -2.238rem auto auto;\n\n ",
425
451
  ": 0 0.25rem 0 0;\n ",
426
452
  ": 0 0 0 0.25rem;\n "
427
453
  ]);
@@ -436,11 +462,10 @@ function _templateObject8() {
436
462
  ": 2rem;\n ",
437
463
  ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
438
464
  ": 0.375rem;\n ",
439
- ": 0.5rem;\n ",
440
- ": 0.0625rem;\n\n ",
441
- ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
442
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
443
- ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
465
+ ": 0.5rem;\n\n ",
466
+ ": -0.063rem 0.25rem -0.063rem -0.125rem;\n ",
467
+ ": -0.063rem -0.125rem -0.063rem 0.75rem;\n ",
468
+ ": -0.063rem -0.688rem -0.063rem 0.75rem;\n\n ",
444
469
  ": 0.25rem;\n ",
445
470
  ": -0.688rem -0.688rem -0.688rem 0;\n\n ",
446
471
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -450,6 +475,7 @@ function _templateObject8() {
450
475
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
451
476
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
452
477
  ": 0.375rem;\n ",
478
+ ": 0.25rem;\n ",
453
479
  ": var(--plasma-typo-body-xs-font-family);\n ",
454
480
  ": var(--plasma-typo-body-xs-font-size);\n ",
455
481
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -458,7 +484,7 @@ function _templateObject8() {
458
484
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
459
485
  ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
460
486
  ": 2.375rem;\n ",
461
- ": -0.188rem -2.1875rem auto auto;\n ",
487
+ ": -0.188rem -2.188rem auto auto;\n ",
462
488
  ": -0.188rem -1.938rem auto auto;\n\n ",
463
489
  ": 0.25rem;\n ",
464
490
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -475,7 +501,7 @@ function _templateObject8() {
475
501
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
476
502
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
477
503
  ": 0.3125rem 0 0 0;\n ",
478
- ": 1.0625rem 0 0.3125rem 0;\n\n ",
504
+ ": 1.063rem 0 0.3125rem 0;\n\n ",
479
505
  ": 0.25rem;\n ",
480
506
  ": 0.125rem;\n ",
481
507
  ": auto;\n ",
@@ -495,7 +521,10 @@ function _templateObject8() {
495
521
  ": 0 0 0 0;\n ",
496
522
  ": 0.25rem auto auto -0.625rem;\n ",
497
523
  ": 0 0 auto auto;\n ",
498
- ": 0.125rem -0.6875rem auto auto;\n\n ",
524
+ ": 0.125rem -0.6875rem auto auto;\n ",
525
+ ": 0.813rem auto auto -0.625rem;\n ",
526
+ ": 0.813rem -0.625rem auto auto;\n ",
527
+ ": 0.813rem -1.988rem auto auto;\n\n ",
499
528
  ": 0 0.25rem 0 0;\n ",
500
529
  ": 0 0 0 0.25rem;\n "
501
530
  ]);
@@ -530,6 +559,15 @@ function _templateObject10() {
530
559
  return data;
531
560
  }
532
561
  function _templateObject11() {
562
+ var data = _tagged_template_literal([
563
+ ""
564
+ ]);
565
+ _templateObject11 = function _templateObject() {
566
+ return data;
567
+ };
568
+ return data;
569
+ }
570
+ function _templateObject12() {
533
571
  var data = _tagged_template_literal([
534
572
  "\n ",
535
573
  ": var(--inverse-text-primary);\n ",
@@ -547,12 +585,12 @@ function _templateObject11() {
547
585
  ": var(--inverse-text-secondary-hover);\n ",
548
586
  ": 1;\n "
549
587
  ]);
550
- _templateObject11 = function _templateObject() {
588
+ _templateObject12 = function _templateObject() {
551
589
  return data;
552
590
  };
553
591
  return data;
554
592
  }
555
- function _templateObject12() {
593
+ function _templateObject13() {
556
594
  var data = _tagged_template_literal([
557
595
  "\n ",
558
596
  ": var(--text-primary);\n ",
@@ -570,12 +608,12 @@ function _templateObject12() {
570
608
  ": var(--text-secondary-hover);\n ",
571
609
  ": 1;\n "
572
610
  ]);
573
- _templateObject12 = function _templateObject() {
611
+ _templateObject13 = function _templateObject() {
574
612
  return data;
575
613
  };
576
614
  return data;
577
615
  }
578
- function _templateObject13() {
616
+ function _templateObject14() {
579
617
  var data = _tagged_template_literal([
580
618
  "\n ",
581
619
  ": var(--on-dark-text-primary);\n ",
@@ -593,12 +631,12 @@ function _templateObject13() {
593
631
  ": var(--on-dark-text-secondary-hover);\n ",
594
632
  ": 1;\n "
595
633
  ]);
596
- _templateObject13 = function _templateObject() {
634
+ _templateObject14 = function _templateObject() {
597
635
  return data;
598
636
  };
599
637
  return data;
600
638
  }
601
- function _templateObject14() {
639
+ function _templateObject15() {
602
640
  var data = _tagged_template_literal([
603
641
  "\n ",
604
642
  ": var(--on-dark-text-primary);\n ",
@@ -616,12 +654,12 @@ function _templateObject14() {
616
654
  ": var(--on-dark-text-secondary-hover);\n ",
617
655
  ": 1;\n "
618
656
  ]);
619
- _templateObject14 = function _templateObject() {
657
+ _templateObject15 = function _templateObject() {
620
658
  return data;
621
659
  };
622
660
  return data;
623
661
  }
624
- function _templateObject15() {
662
+ function _templateObject16() {
625
663
  var data = _tagged_template_literal([
626
664
  "\n ",
627
665
  ": var(--on-dark-text-primary);\n ",
@@ -639,12 +677,12 @@ function _templateObject15() {
639
677
  ": var(--on-dark-text-secondary-hover);\n ",
640
678
  ": 1;\n "
641
679
  ]);
642
- _templateObject15 = function _templateObject() {
680
+ _templateObject16 = function _templateObject() {
643
681
  return data;
644
682
  };
645
683
  return data;
646
684
  }
647
- function _templateObject16() {
685
+ function _templateObject17() {
648
686
  var data = _tagged_template_literal([
649
687
  "\n ",
650
688
  ": var(--on-dark-text-primary);\n ",
@@ -662,25 +700,25 @@ function _templateObject16() {
662
700
  ": var(--on-dark-text-secondary-hover);\n ",
663
701
  ": 1;\n "
664
702
  ]);
665
- _templateObject16 = function _templateObject() {
703
+ _templateObject17 = function _templateObject() {
666
704
  return data;
667
705
  };
668
706
  return data;
669
707
  }
670
- function _templateObject17() {
708
+ function _templateObject18() {
671
709
  var data = _tagged_template_literal([
672
710
  "\n ",
673
711
  ": var(--surface-solid-card-brightness);\n ",
674
- ": 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 ",
712
+ ": var(--shadow-down-hard-m);\n ",
675
713
  ": var(--text-primary);\n ",
676
714
  ": var(--surface-solid-card-brightness);\n "
677
715
  ]);
678
- _templateObject17 = function _templateObject() {
716
+ _templateObject18 = function _templateObject() {
679
717
  return data;
680
718
  };
681
719
  return data;
682
720
  }
683
- function _templateObject18() {
721
+ function _templateObject19() {
684
722
  var data = _tagged_template_literal([
685
723
  "\n ",
686
724
  ": 0.6875rem;\n ",
@@ -702,12 +740,12 @@ function _templateObject18() {
702
740
  ": 0.5rem;\n ",
703
741
  ": 0.625rem;\n "
704
742
  ]);
705
- _templateObject18 = function _templateObject() {
743
+ _templateObject19 = function _templateObject() {
706
744
  return data;
707
745
  };
708
746
  return data;
709
747
  }
710
- function _templateObject19() {
748
+ function _templateObject20() {
711
749
  var data = _tagged_template_literal([
712
750
  "\n ",
713
751
  ": 0.5rem;\n ",
@@ -729,22 +767,22 @@ function _templateObject19() {
729
767
  ": 0.375rem;\n ",
730
768
  ": 0.5625rem;\n "
731
769
  ]);
732
- _templateObject19 = function _templateObject() {
770
+ _templateObject20 = function _templateObject() {
733
771
  return data;
734
772
  };
735
773
  return data;
736
774
  }
737
- function _templateObject20() {
775
+ function _templateObject21() {
738
776
  var data = _tagged_template_literal([
739
777
  "\n ",
740
778
  ": 0.4;\n "
741
779
  ]);
742
- _templateObject20 = function _templateObject() {
780
+ _templateObject21 = function _templateObject() {
743
781
  return data;
744
782
  };
745
783
  return data;
746
784
  }
747
- function _templateObject21() {
785
+ function _templateObject22() {
748
786
  var data = _tagged_template_literal([
749
787
  "\n ",
750
788
  ": 0.1;\n ",
@@ -757,7 +795,7 @@ function _templateObject21() {
757
795
  ": var(--surface-transparent-primary);\n ",
758
796
  ": 0.4;\n "
759
797
  ]);
760
- _templateObject21 = function _templateObject() {
798
+ _templateObject22 = function _templateObject() {
761
799
  return data;
762
800
  };
763
801
  return data;
@@ -767,46 +805,50 @@ export var config = {
767
805
  defaults: {
768
806
  view: 'default',
769
807
  size: 'm',
770
- labelPlacement: 'outer'
808
+ labelPlacement: 'outer',
809
+ chipView: 'secondary'
771
810
  },
772
811
  variations: {
773
812
  view: {
774
- 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),
775
- 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
776
- 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
777
- 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
813
+ default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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),
814
+ positive: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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),
815
+ warning: css(_templateObject2(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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),
816
+ negative: css(_templateObject3(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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)
778
817
  },
779
818
  size: {
780
- xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, 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),
781
- l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, 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.clearHintInnerLabelPlacementOffset, 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.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.textBeforeMargin, tokens.textAfterMargin),
782
- m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, 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.clearHintInnerLabelPlacementOffset, 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.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.textBeforeMargin, tokens.textAfterMargin),
783
- s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, 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.clearHintInnerLabelPlacementOffset, 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.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.textBeforeMargin, tokens.textAfterMargin),
784
- xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, 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.clearHintInnerLabelPlacementOffset, 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.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.textBeforeMargin, tokens.textAfterMargin)
819
+ xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, 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.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
820
+ 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.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, 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.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.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
821
+ 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.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, 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.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.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
822
+ 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.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, 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.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.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
823
+ 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.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, 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.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.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin)
785
824
  },
786
825
  labelPlacement: {
787
826
  inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
788
827
  outer: css(_templateObject10())
789
828
  },
829
+ clear: {
830
+ true: css(_templateObject11())
831
+ },
790
832
  chipView: {
791
- 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),
792
- 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),
793
- 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),
794
- 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),
795
- 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),
796
- 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)
833
+ default: 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),
834
+ secondary: 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),
835
+ accent: 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),
836
+ positive: 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),
837
+ warning: 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),
838
+ negative: css(_templateObject17(), 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)
797
839
  },
798
840
  hintView: {
799
- default: css(_templateObject17(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
841
+ default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
800
842
  },
801
843
  hintSize: {
802
- 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),
803
- 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)
844
+ m: 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),
845
+ s: css(_templateObject20(), 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)
804
846
  },
805
847
  disabled: {
806
- true: css(_templateObject20(), tokens.disabledOpacity)
848
+ true: css(_templateObject21(), tokens.disabledOpacity)
807
849
  },
808
850
  readOnly: {
809
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
851
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
810
852
  }
811
853
  }
812
854
  };
@@ -1,16 +1,6 @@
1
- import { textFieldConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { config } from './TextField.config';
3
- import { config as clearConfig } from './TextField.clear.config';
4
- var mergedConfigDefault = mergeConfig(textFieldConfig, config);
5
- export var TextFieldDefault = component(mergedConfigDefault);
6
- var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
7
- export var TextFieldClear = component(mergedConfigClear);
8
- export var TextField = createConditionalComponent(TextFieldDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: TextFieldClear
15
- }
16
- ]);
3
+ var mergedConfig = mergeConfig(textFieldConfig, config);
4
+ /**
5
+ * Поле ввода текста.
6
+ */ export var TextField = component(mergedConfig);
@@ -1,7 +0,0 @@
1
- .d1tqeh1w{--plasma-calendar-selected-item-background:var(--surface-solid-default);--plasma-calendar-selected-item-color:var(--inverse-text-primary);--plasma-calendar-selectable-item-bg-hover:var(--surface-transparent-secondary);--plasma-calendar-current-item-border-color:var(--surface-solid-default);--plasma-calendar-current-item-bg-hover:transparent;--plasma-calendar-current-item-color-hover:var(--text-primary);--plasma-calendar-current-item-child-bg-hover:var(--surface-transparent-secondary);--plasma-calendar-active-item-bg:var(--surface-solid-default);--plasma-calendar-active-item-color:var(--inverse-text-primary);--plasma-calendar-hovered-item-bg:var(--surface-accent);--plasma-calendar-hovered-item-color:var(--text-primary);--plasma-calendar-range-background:var(--surface-transparent-secondary);--plasma-calendar-outline-focus-color:var(--surface-accent);--plasma-calendar-content-primary-color:var(--surface-solid-default);--plasma-calendar-content-primary-disabled-color:var(--surface-solid-default);--plasma-calendar-content-secondary-color:var(--text-secondary);--plasma-calendar-content-secondary-disabled-color:var(--text-secondary);--plasma-calendar-header-arrow-color:--plasma-calendar-content-primary-color;--plasma-calendar-day-of-the-week-color:var(--text-secondary);--plasma-calendar-disabled-opacity:0.4;--plasma-calendar-icon-button-color:var(--text-primary);--plasma-calendar-icon-button-background:var(--surface-clear);--plasma-calendar-icon-button-color-hover:var(--text-primary-hover);--plasma-calendar-icon-button-background-hover:var(--surface-clear);--plasma-calendar-icon-button-color-active:var(--text-primary-hover);--plasma-calendar-icon-button-background-active:var(--surface-clear);--plasma-calendar-icon-button-focus-color:var(--surface-accent);--plasma-calendar-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-calendar-tooltip-box-shadow:var(--shadow-down-hard-s);--plasma-calendar-tooltip-color:var(--text-primary);}
2
- .l1oqss9p{--plasma-calendar-container-width:24.5rem;--plasma-calendar-container-height:25rem;--plasma-calendar-years-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-year-item-border-radius:0.75rem;--plasma-calendar-year-font-family:var(--plasma-typo-body-l-font-family);--plasma-calendar-year-font-size:var(--plasma-typo-body-l-font-size);--plasma-calendar-year-font-style:var(--plasma-typo-body-l-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-typo-body-l-line-height);--plasma-calendar-year-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-calendar-quarters-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-quarter-item-border-radius:0.75rem;--plasma-calendar-quarter-font-family:var(--plasma-typo-body-l-font-family);--plasma-calendar-quarter-font-size:var(--plasma-typo-body-l-font-size);--plasma-calendar-quarter-font-style:var(--plasma-typo-body-l-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-typo-body-l-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-calendar-months-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-month-item-border-radius:0.75rem;--plasma-calendar-month-font-family:var(--plasma-typo-body-l-font-family);--plasma-calendar-month-font-size:var(--plasma-typo-body-l-font-size);--plasma-calendar-month-font-style:var(--plasma-typo-body-l-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-typo-body-l-line-height);--plasma-calendar-month-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-calendar-days-padding:0.5rem 0 0 0;--plasma-calendar-day-item-border-radius:0.75rem;--plasma-calendar-day-font-family:var(--plasma-typo-body-l-font-family);--plasma-calendar-day-font-size:var(--plasma-typo-body-l-font-size);--plasma-calendar-day-font-style:var(--plasma-typo-body-l-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-typo-body-l-line-height);--plasma-calendar-day-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-calendar-current-item-border-width:0.063rem;--plasma-calendar-arrow-container-gap:0.5rem;--plasma-calendar-arrow-custom-size:1.5rem;--plasma-calendar-header-padding:0 0 0 1rem;--plasma-calendar-header-date-gap:0.5rem;--plasma-calendar-header-font-family:var(--plasma-typo-h4-font-family);--plasma-calendar-header-font-size:var(--plasma-typo-h4-font-size);--plasma-calendar-header-font-style:var(--plasma-typo-h4-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-typo-h4-line-height);--plasma-calendar-header-font-weight:var(--plasma-typo-h4-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--plasma-calendar-icon-button-height:3.5rem;--plasma-calendar-icon-button-width:3.5rem;--plasma-calendar-icon-button-padding:1.5rem;--plasma-calendar-icon-button-radius:0.875rem;}
3
- .m1ij2qi1{--plasma-calendar-container-width:21rem;--plasma-calendar-container-height:21rem;--plasma-calendar-years-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-year-item-border-radius:0.625rem;--plasma-calendar-year-font-family:var(--plasma-typo-body-m-font-family);--plasma-calendar-year-font-size:var(--plasma-typo-body-m-font-size);--plasma-calendar-year-font-style:var(--plasma-typo-body-m-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-typo-body-m-line-height);--plasma-calendar-year-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-calendar-quarters-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-quarter-item-border-radius:0.625rem;--plasma-calendar-quarter-font-family:var(--plasma-typo-body-m-font-family);--plasma-calendar-quarter-font-size:var(--plasma-typo-body-m-font-size);--plasma-calendar-quarter-font-style:var(--plasma-typo-body-m-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-typo-body-m-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-calendar-months-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-month-item-border-radius:0.625rem;--plasma-calendar-month-font-family:var(--plasma-typo-body-m-font-family);--plasma-calendar-month-font-size:var(--plasma-typo-body-m-font-size);--plasma-calendar-month-font-style:var(--plasma-typo-body-m-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-typo-body-m-line-height);--plasma-calendar-month-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-calendar-days-padding:0.5rem 0 0 0;--plasma-calendar-day-item-border-radius:0.625rem;--plasma-calendar-day-font-family:var(--plasma-typo-body-m-font-family);--plasma-calendar-day-font-size:var(--plasma-typo-body-m-font-size);--plasma-calendar-day-font-style:var(--plasma-typo-body-m-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-typo-body-m-line-height);--plasma-calendar-day-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-calendar-current-item-border-width:0.063rem;--plasma-calendar-arrow-container-gap:0.5rem;--plasma-calendar-arrow-custom-size:1.5rem;--plasma-calendar-header-padding:0 0 0 0.75rem;--plasma-calendar-header-date-gap:0.375rem;--plasma-calendar-header-font-family:var(--plasma-typo-h4-font-family);--plasma-calendar-header-font-size:var(--plasma-typo-h4-font-size);--plasma-calendar-header-font-style:var(--plasma-typo-h4-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-typo-h4-line-height);--plasma-calendar-header-font-weight:var(--plasma-typo-h4-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--plasma-calendar-icon-button-height:3rem;--plasma-calendar-icon-button-width:3rem;--plasma-calendar-icon-button-padding:1.25rem;--plasma-calendar-icon-button-radius:0.75rem;}
4
- .s1fs1fhu{--plasma-calendar-container-width:17.5rem;--plasma-calendar-container-height:17rem;--plasma-calendar-years-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-year-item-border-radius:0.5rem;--plasma-calendar-year-font-family:var(--plasma-typo-body-s-font-family);--plasma-calendar-year-font-size:var(--plasma-typo-body-s-font-size);--plasma-calendar-year-font-style:var(--plasma-typo-body-s-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-typo-body-s-line-height);--plasma-calendar-year-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-calendar-quarters-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-quarter-item-border-radius:0.5rem;--plasma-calendar-quarter-font-family:var(--plasma-typo-body-s-font-family);--plasma-calendar-quarter-font-size:var(--plasma-typo-body-s-font-size);--plasma-calendar-quarter-font-style:var(--plasma-typo-body-s-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-typo-body-s-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-calendar-months-padding:0.5rem 0.5rem 0 0.5rem;--plasma-calendar-month-item-border-radius:0.5rem;--plasma-calendar-month-font-family:var(--plasma-typo-body-s-font-family);--plasma-calendar-month-font-size:var(--plasma-typo-body-s-font-size);--plasma-calendar-month-font-style:var(--plasma-typo-body-s-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-typo-body-s-line-height);--plasma-calendar-month-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-calendar-days-padding:0.5rem 0 0 0;--plasma-calendar-day-item-border-radius:0.5rem;--plasma-calendar-day-font-family:var(--plasma-typo-body-s-font-family);--plasma-calendar-day-font-size:var(--plasma-typo-body-s-font-size);--plasma-calendar-day-font-style:var(--plasma-typo-body-s-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-typo-body-s-line-height);--plasma-calendar-day-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-calendar-current-item-border-width:0.063rem;--plasma-calendar-arrow-container-gap:0.5rem;--plasma-calendar-arrow-custom-size:1.5rem;--plasma-calendar-header-padding:0 0 0 0.5rem;--plasma-calendar-header-date-gap:0.25rem;--plasma-calendar-header-font-family:var(--plasma-typo-h4-font-family);--plasma-calendar-header-font-size:var(--plasma-typo-h4-font-size);--plasma-calendar-header-font-style:var(--plasma-typo-h4-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-typo-h4-line-height);--plasma-calendar-header-font-weight:var(--plasma-typo-h4-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--plasma-calendar-icon-button-height:2.5rem;--plasma-calendar-icon-button-width:2.5rem;--plasma-calendar-icon-button-padding:1rem;--plasma-calendar-icon-button-radius:0.625rem;}
5
- .x1hof9lo{--plasma-calendar-container-width:17.5rem;--plasma-calendar-container-height:15.5rem;--plasma-calendar-years-padding:0.375rem 0.25rem 0 0.25rem;--plasma-calendar-year-item-border-radius:0.375rem;--plasma-calendar-year-font-family:var(--plasma-typo-body-xs-font-family);--plasma-calendar-year-font-size:var(--plasma-typo-body-xs-font-size);--plasma-calendar-year-font-style:var(--plasma-typo-body-xs-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-typo-body-xs-line-height);--plasma-calendar-year-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-calendar-quarters-padding:0.375rem 0.25rem 0 0.25rem;--plasma-calendar-quarter-item-border-radius:0.375rem;--plasma-calendar-quarter-font-family:var(--plasma-typo-body-xs-font-family);--plasma-calendar-quarter-font-size:var(--plasma-typo-body-xs-font-size);--plasma-calendar-quarter-font-style:var(--plasma-typo-body-xs-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-typo-body-xs-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-calendar-months-padding:0.375rem 0.25rem 0 0.25rem;--plasma-calendar-month-item-border-radius:0.375rem;--plasma-calendar-month-font-family:var(--plasma-typo-body-xs-font-family);--plasma-calendar-month-font-size:var(--plasma-typo-body-xs-font-size);--plasma-calendar-month-font-style:var(--plasma-typo-body-xs-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-typo-body-xs-line-height);--plasma-calendar-month-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-calendar-days-padding:0.375rem 0 0 0;--plasma-calendar-day-item-border-radius:0.5rem;--plasma-calendar-day-font-family:var(--plasma-typo-body-xs-font-family);--plasma-calendar-day-font-size:var(--plasma-typo-body-xs-font-size);--plasma-calendar-day-font-style:var(--plasma-typo-body-xs-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-typo-body-xs-line-height);--plasma-calendar-day-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-calendar-current-item-border-width:0.063rem;--plasma-calendar-arrow-container-gap:0;--plasma-calendar-arrow-custom-size:1rem;--plasma-calendar-header-padding:0 0 0 0.5rem;--plasma-calendar-header-date-gap:0.25rem;--plasma-calendar-header-font-family:var(--plasma-typo-h5-font-family);--plasma-calendar-header-font-size:var(--plasma-typo-h5-font-size);--plasma-calendar-header-font-style:var(--plasma-typo-h5-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-typo-h5-line-height);--plasma-calendar-header-font-weight:var(--plasma-typo-h5-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--plasma-calendar-icon-button-height:2rem;--plasma-calendar-icon-button-width:2rem;--plasma-calendar-icon-button-padding:0.75rem;--plasma-calendar-icon-button-radius:0.5rem;}
6
- .m1uyj9oe{--plasma-calendar-tooltip-padding-top:0.6875rem;--plasma-calendar-tooltip-padding-right:0.875rem;--plasma-calendar-tooltip-padding-bottom:0.6875rem;--plasma-calendar-tooltip-padding-left:0.875rem;--plasma-calendar-tooltip-min-height:2.5rem;--plasma-calendar-tooltip-border-radius:0.625rem;--plasma-calendar-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-calendar-tooltip-content-left-margin:0.375rem;--plasma-calendar-tooltip-arrow-mask-width:1.25rem;--plasma-calendar-tooltip-arrow-mask-height:1.25rem;--plasma-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-calendar-tooltip-arrow-height:0.5rem;--plasma-calendar-tooltip-arrow-edge-margin:0.625rem;--plasma-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}
7
- .s166avy7{--plasma-calendar-tooltip-padding-top:0.5rem;--plasma-calendar-tooltip-padding-right:0.75rem;--plasma-calendar-tooltip-padding-bottom:0.5rem;--plasma-calendar-tooltip-padding-left:0.75rem;--plasma-calendar-tooltip-min-height:2rem;--plasma-calendar-tooltip-border-radius:0.5rem;--plasma-calendar-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-calendar-tooltip-content-left-margin:0.25rem;--plasma-calendar-tooltip-arrow-mask-width:1rem;--plasma-calendar-tooltip-arrow-mask-height:1rem;--plasma-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-calendar-tooltip-arrow-height:0.375rem;--plasma-calendar-tooltip-arrow-edge-margin:0.5625rem;--plasma-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}