@salutejs/plasma-b2c 1.598.1-canary.2369.19883385309.0 → 1.598.1-canary.2377.19953775527.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.d.ts +2 -0
  2. package/components/Calendar/CalendarBase.config.d.ts +1 -0
  3. package/components/Calendar/CalendarBase.config.js +111 -47
  4. package/components/Calendar/CalendarDouble.config.d.ts +1 -0
  5. package/components/Calendar/CalendarDouble.config.js +113 -50
  6. package/components/Mask/Mask.d.ts +17 -33
  7. package/components/TextField/TextField.clear.config.d.ts +47 -0
  8. package/components/TextField/TextField.clear.config.js +831 -0
  9. package/components/TextField/TextField.config.d.ts +0 -3
  10. package/components/TextField/TextField.config.js +52 -96
  11. package/components/TextField/TextField.d.ts +971 -5
  12. package/components/TextField/TextField.js +20 -2
  13. package/css/cjs/components/Calendar/Calendar.css +16 -14
  14. package/css/cjs/components/Calendar/CalendarBase.config.js +8 -7
  15. package/css/cjs/components/Calendar/CalendarBase.config.js.map +1 -1
  16. package/css/cjs/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  17. package/css/cjs/components/Calendar/CalendarDouble.config.js +8 -7
  18. package/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  19. package/css/cjs/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  20. package/css/cjs/components/Mask/Mask.css +43 -21
  21. package/css/cjs/components/TextField/TextField.clear.config.js +55 -0
  22. package/css/cjs/components/TextField/TextField.clear.config.js.map +1 -0
  23. package/css/cjs/components/TextField/TextField.clear.config_hts9jh.css +22 -0
  24. package/css/cjs/components/TextField/TextField.config.js +12 -15
  25. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  26. package/css/cjs/components/TextField/TextField.config_ugxxy2.css +22 -0
  27. package/css/cjs/components/TextField/TextField.js +14 -2
  28. package/css/cjs/components/TextField/TextField.js.map +1 -1
  29. package/css/cjs/index.css +62 -38
  30. package/css/es/components/Calendar/Calendar.css +16 -14
  31. package/css/es/components/Calendar/CalendarBase.config.js +8 -7
  32. package/css/es/components/Calendar/CalendarBase.config.js.map +1 -1
  33. package/css/es/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  34. package/css/es/components/Calendar/CalendarDouble.config.js +8 -7
  35. package/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  36. package/css/es/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  37. package/css/es/components/Mask/Mask.css +43 -21
  38. package/css/es/components/TextField/TextField.clear.config.js +51 -0
  39. package/css/es/components/TextField/TextField.clear.config.js.map +1 -0
  40. package/css/es/components/TextField/TextField.clear.config_hts9jh.css +22 -0
  41. package/css/es/components/TextField/TextField.config.js +12 -15
  42. package/css/es/components/TextField/TextField.config.js.map +1 -1
  43. package/css/es/components/TextField/TextField.config_ugxxy2.css +22 -0
  44. package/css/es/components/TextField/TextField.js +14 -4
  45. package/css/es/components/TextField/TextField.js.map +1 -1
  46. package/css/es/index.css +62 -38
  47. package/es/components/Calendar/CalendarBase.config.js +111 -47
  48. package/es/components/Calendar/CalendarDouble.config.js +113 -50
  49. package/es/components/TextField/TextField.clear.config.js +821 -0
  50. package/es/components/TextField/TextField.config.js +52 -96
  51. package/es/components/TextField/TextField.js +15 -3
  52. package/package.json +9 -18
  53. package/css/cjs/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  54. package/css/cjs/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  55. package/css/cjs/components/TextField/TextField.config_127hwsa.css +0 -23
  56. package/css/es/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  57. package/css/es/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  58. package/css/es/components/TextField/TextField.config_127hwsa.css +0 -23
@@ -11,11 +11,8 @@ 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 ",
15
14
  ": var(--text-primary);\n\n ",
16
15
  ": var(--text-secondary);\n ",
17
- ": var(--text-tertiary);\n ",
18
- ": var(--text-secondary);\n ",
19
16
  ": var(--text-tertiary);\n\n ",
20
17
  ": var(--surface-transparent-primary);\n ",
21
18
  ": var(--surface-transparent-primary-hover);\n ",
@@ -45,12 +42,9 @@ function _templateObject() {
45
42
  function _templateObject1() {
46
43
  var data = _tagged_template_literal([
47
44
  "\n ",
48
- ": var(--text-primary);\n ",
49
- ": var(--text-positive);\n\n ",
45
+ ": var(--text-primary);\n\n ",
50
46
  ": var(--text-secondary);\n ",
51
- ": var(--text-tertiary);\n ",
52
- ": var(--text-positive);\n ",
53
- ": var(--text-positive);\n\n ",
47
+ ": var(--text-tertiary);\n\n ",
54
48
  ": var(--surface-transparent-positive);\n ",
55
49
  ": var(--surface-transparent-positive-hover);\n ",
56
50
  ": var(--surface-transparent-positive-active);\n ",
@@ -79,12 +73,9 @@ function _templateObject1() {
79
73
  function _templateObject2() {
80
74
  var data = _tagged_template_literal([
81
75
  "\n ",
82
- ": var(--text-primary);\n ",
83
- ": var(--text-warning);\n\n ",
76
+ ": var(--text-primary);\n\n ",
84
77
  ": var(--text-secondary);\n ",
85
- ": var(--text-tertiary);\n ",
86
- ": var(--text-warning);\n ",
87
- ": var(--text-warning);\n\n ",
78
+ ": var(--text-tertiary);\n\n ",
88
79
  ": var(--surface-transparent-warning);\n ",
89
80
  ": var(--surface-transparent-warning-hover);\n ",
90
81
  ": var(--surface-transparent-warning-active);\n ",
@@ -113,12 +104,9 @@ function _templateObject2() {
113
104
  function _templateObject3() {
114
105
  var data = _tagged_template_literal([
115
106
  "\n ",
116
- ": var(--text-primary);\n ",
117
- ": var(--text-negative);\n\n ",
107
+ ": var(--text-primary);\n\n ",
118
108
  ": var(--text-secondary);\n ",
119
- ": var(--text-tertiary);\n ",
120
- ": var(--text-negative);\n ",
121
- ": var(--text-negative);\n\n ",
109
+ ": var(--text-tertiary);\n\n ",
122
110
  ": var(--surface-transparent-negative);\n ",
123
111
  ": var(--surface-transparent-negative-hover);\n ",
124
112
  ": var(--surface-transparent-negative-active);\n ",
@@ -160,7 +148,6 @@ function _templateObject4() {
160
148
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
161
149
  ": var(--plasma-typo-body-l-line-height);\n\n ",
162
150
  ": 0.75rem;\n ",
163
- ": 0.25rem;\n ",
164
151
  ": var(--plasma-typo-body-l-font-family);\n ",
165
152
  ": var(--plasma-typo-body-l-font-size);\n ",
166
153
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -215,10 +202,7 @@ function _templateObject4() {
215
202
  ": 0 0 0 0;\n ",
216
203
  ": 0.5rem auto auto -0.75rem;\n ",
217
204
  ": 0 0 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
+ ": 0.25rem -0.625rem auto auto;\n "
222
206
  ]);
223
207
  _templateObject4 = function _templateObject() {
224
208
  return data;
@@ -245,7 +229,6 @@ function _templateObject5() {
245
229
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
246
230
  ": var(--plasma-typo-body-l-line-height);\n\n ",
247
231
  ": 0.75rem;\n ",
248
- ": 0.25rem;\n ",
249
232
  ": var(--plasma-typo-body-l-font-family);\n ",
250
233
  ": var(--plasma-typo-body-l-font-size);\n ",
251
234
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -291,10 +274,7 @@ function _templateObject5() {
291
274
  ": 0 0 0 0;\n ",
292
275
  ": 0.5rem auto auto -0.75rem;\n ",
293
276
  ": 0 0 auto auto;\n ",
294
- ": 0.25rem -0.625rem auto auto;\n ",
295
- ": 1.5rem auto auto -0.875rem;\n ",
296
- ": 1.5rem -0.875rem auto auto;\n ",
297
- ": 1.5rem -2.488rem auto auto;\n\n ",
277
+ ": 0.25rem -0.625rem auto auto;\n\n ",
298
278
  ": 0 0.25rem 0 0;\n ",
299
279
  ": 0 0 0 0.25rem;\n "
300
280
  ]);
@@ -323,7 +303,6 @@ function _templateObject6() {
323
303
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
324
304
  ": var(--plasma-typo-body-m-line-height);\n\n ",
325
305
  ": 0.625rem;\n ",
326
- ": 0.25rem;\n ",
327
306
  ": var(--plasma-typo-body-m-font-family);\n ",
328
307
  ": var(--plasma-typo-body-m-font-size);\n ",
329
308
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -369,10 +348,7 @@ function _templateObject6() {
369
348
  ": 0 0 0 0;\n ",
370
349
  ": 0.375rem auto auto -0.75rem;\n ",
371
350
  ": 0 0 auto auto;\n ",
372
- ": 0.25rem -0.6875rem auto auto;\n ",
373
- ": 1.25rem auto auto -0.875rem;\n ",
374
- ": 1.25rem -0.875rem auto auto;\n ",
375
- ": 1.25rem -2.488rem auto auto;\n\n ",
351
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
376
352
  ": 0 0.25rem 0 0;\n ",
377
353
  ": 0 0 0 0.25rem;\n "
378
354
  ]);
@@ -401,7 +377,6 @@ function _templateObject7() {
401
377
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
402
378
  ": var(--plasma-typo-body-s-line-height);\n\n ",
403
379
  ": 0.5rem;\n ",
404
- ": 0.25rem;\n ",
405
380
  ": var(--plasma-typo-body-s-font-family);\n ",
406
381
  ": var(--plasma-typo-body-s-font-size);\n ",
407
382
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -447,10 +422,7 @@ function _templateObject7() {
447
422
  ": 0 0 0 0;\n ",
448
423
  ": 0.3125rem auto auto -0.6875rem;\n ",
449
424
  ": 0 0 auto auto;\n ",
450
- ": 0.25rem -0.625rem auto auto;\n ",
451
- ": 1.063rem auto auto -0.75rem;\n ",
452
- ": 1.063rem -0.75rem auto auto;\n ",
453
- ": 1.063rem -2.238rem auto auto;\n\n ",
425
+ ": 0.25rem -0.625rem auto auto;\n\n ",
454
426
  ": 0 0.25rem 0 0;\n ",
455
427
  ": 0 0 0 0.25rem;\n "
456
428
  ]);
@@ -479,7 +451,6 @@ function _templateObject8() {
479
451
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
480
452
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
481
453
  ": 0.375rem;\n ",
482
- ": 0.25rem;\n ",
483
454
  ": var(--plasma-typo-body-xs-font-family);\n ",
484
455
  ": var(--plasma-typo-body-xs-font-size);\n ",
485
456
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -525,10 +496,7 @@ function _templateObject8() {
525
496
  ": 0 0 0 0;\n ",
526
497
  ": 0.25rem auto auto -0.625rem;\n ",
527
498
  ": 0 0 auto auto;\n ",
528
- ": 0.125rem -0.6875rem auto auto;\n ",
529
- ": 0.813rem auto auto -0.625rem;\n ",
530
- ": 0.813rem -0.625rem auto auto;\n ",
531
- ": 0.813rem -1.988rem auto auto;\n\n ",
499
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
532
500
  ": 0 0.25rem 0 0;\n ",
533
501
  ": 0 0 0 0.25rem;\n "
534
502
  ]);
@@ -563,15 +531,6 @@ function _templateObject10() {
563
531
  return data;
564
532
  }
565
533
  function _templateObject11() {
566
- var data = _tagged_template_literal([
567
- ""
568
- ]);
569
- _templateObject11 = function _templateObject() {
570
- return data;
571
- };
572
- return data;
573
- }
574
- function _templateObject12() {
575
534
  var data = _tagged_template_literal([
576
535
  "\n ",
577
536
  ": var(--inverse-text-primary);\n ",
@@ -589,12 +548,12 @@ function _templateObject12() {
589
548
  ": var(--inverse-text-secondary-hover);\n ",
590
549
  ": 1;\n "
591
550
  ]);
592
- _templateObject12 = function _templateObject() {
551
+ _templateObject11 = function _templateObject() {
593
552
  return data;
594
553
  };
595
554
  return data;
596
555
  }
597
- function _templateObject13() {
556
+ function _templateObject12() {
598
557
  var data = _tagged_template_literal([
599
558
  "\n ",
600
559
  ": var(--text-primary);\n ",
@@ -612,12 +571,12 @@ function _templateObject13() {
612
571
  ": var(--text-secondary-hover);\n ",
613
572
  ": 1;\n "
614
573
  ]);
615
- _templateObject13 = function _templateObject() {
574
+ _templateObject12 = function _templateObject() {
616
575
  return data;
617
576
  };
618
577
  return data;
619
578
  }
620
- function _templateObject14() {
579
+ function _templateObject13() {
621
580
  var data = _tagged_template_literal([
622
581
  "\n ",
623
582
  ": var(--on-dark-text-primary);\n ",
@@ -635,12 +594,12 @@ function _templateObject14() {
635
594
  ": var(--on-dark-text-secondary-hover);\n ",
636
595
  ": 1;\n "
637
596
  ]);
638
- _templateObject14 = function _templateObject() {
597
+ _templateObject13 = function _templateObject() {
639
598
  return data;
640
599
  };
641
600
  return data;
642
601
  }
643
- function _templateObject15() {
602
+ function _templateObject14() {
644
603
  var data = _tagged_template_literal([
645
604
  "\n ",
646
605
  ": var(--on-dark-text-primary);\n ",
@@ -658,12 +617,12 @@ function _templateObject15() {
658
617
  ": var(--on-dark-text-secondary-hover);\n ",
659
618
  ": 1;\n "
660
619
  ]);
661
- _templateObject15 = function _templateObject() {
620
+ _templateObject14 = function _templateObject() {
662
621
  return data;
663
622
  };
664
623
  return data;
665
624
  }
666
- function _templateObject16() {
625
+ function _templateObject15() {
667
626
  var data = _tagged_template_literal([
668
627
  "\n ",
669
628
  ": var(--on-dark-text-primary);\n ",
@@ -681,12 +640,12 @@ function _templateObject16() {
681
640
  ": var(--on-dark-text-secondary-hover);\n ",
682
641
  ": 1;\n "
683
642
  ]);
684
- _templateObject16 = function _templateObject() {
643
+ _templateObject15 = function _templateObject() {
685
644
  return data;
686
645
  };
687
646
  return data;
688
647
  }
689
- function _templateObject17() {
648
+ function _templateObject16() {
690
649
  var data = _tagged_template_literal([
691
650
  "\n ",
692
651
  ": var(--on-dark-text-primary);\n ",
@@ -704,12 +663,12 @@ function _templateObject17() {
704
663
  ": var(--on-dark-text-secondary-hover);\n ",
705
664
  ": 1;\n "
706
665
  ]);
707
- _templateObject17 = function _templateObject() {
666
+ _templateObject16 = function _templateObject() {
708
667
  return data;
709
668
  };
710
669
  return data;
711
670
  }
712
- function _templateObject18() {
671
+ function _templateObject17() {
713
672
  var data = _tagged_template_literal([
714
673
  "\n ",
715
674
  ": var(--surface-solid-card-brightness);\n ",
@@ -717,12 +676,12 @@ function _templateObject18() {
717
676
  ": var(--text-primary);\n ",
718
677
  ": var(--surface-solid-card-brightness);\n "
719
678
  ]);
720
- _templateObject18 = function _templateObject() {
679
+ _templateObject17 = function _templateObject() {
721
680
  return data;
722
681
  };
723
682
  return data;
724
683
  }
725
- function _templateObject19() {
684
+ function _templateObject18() {
726
685
  var data = _tagged_template_literal([
727
686
  "\n ",
728
687
  ": 0.6875rem;\n ",
@@ -744,12 +703,12 @@ function _templateObject19() {
744
703
  ": 0.5rem;\n ",
745
704
  ": 0.625rem;\n "
746
705
  ]);
747
- _templateObject19 = function _templateObject() {
706
+ _templateObject18 = function _templateObject() {
748
707
  return data;
749
708
  };
750
709
  return data;
751
710
  }
752
- function _templateObject20() {
711
+ function _templateObject19() {
753
712
  var data = _tagged_template_literal([
754
713
  "\n ",
755
714
  ": 0.5rem;\n ",
@@ -771,22 +730,22 @@ function _templateObject20() {
771
730
  ": 0.375rem;\n ",
772
731
  ": 0.5625rem;\n "
773
732
  ]);
774
- _templateObject20 = function _templateObject() {
733
+ _templateObject19 = function _templateObject() {
775
734
  return data;
776
735
  };
777
736
  return data;
778
737
  }
779
- function _templateObject21() {
738
+ function _templateObject20() {
780
739
  var data = _tagged_template_literal([
781
740
  "\n ",
782
741
  ": 0.4;\n "
783
742
  ]);
784
- _templateObject21 = function _templateObject() {
743
+ _templateObject20 = function _templateObject() {
785
744
  return data;
786
745
  };
787
746
  return data;
788
747
  }
789
- function _templateObject22() {
748
+ function _templateObject21() {
790
749
  var data = _tagged_template_literal([
791
750
  "\n ",
792
751
  ": 0.1;\n ",
@@ -799,7 +758,7 @@ function _templateObject22() {
799
758
  ": var(--surface-transparent-primary);\n ",
800
759
  ": 0.4;\n "
801
760
  ]);
802
- _templateObject22 = function _templateObject() {
761
+ _templateObject21 = function _templateObject() {
803
762
  return data;
804
763
  };
805
764
  return data;
@@ -814,45 +773,42 @@ export var config = {
814
773
  },
815
774
  variations: {
816
775
  view: {
817
- 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),
818
- 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),
819
- 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),
820
- 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)
776
+ 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),
777
+ 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),
778
+ 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),
779
+ 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)
821
780
  },
822
781
  size: {
823
- 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),
824
- 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.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),
825
- 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.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),
826
- 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.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),
827
- 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.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)
782
+ 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.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),
783
+ 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),
784
+ 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),
785
+ 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),
786
+ 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)
828
787
  },
829
788
  labelPlacement: {
830
789
  inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
831
790
  outer: css(_templateObject10())
832
791
  },
833
- clear: {
834
- true: css(_templateObject11())
835
- },
836
792
  chipView: {
837
- 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),
838
- 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),
839
- 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),
840
- 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),
841
- 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),
842
- 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)
793
+ 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),
794
+ 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),
795
+ 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),
796
+ 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),
797
+ 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),
798
+ 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)
843
799
  },
844
800
  hintView: {
845
- default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
801
+ default: css(_templateObject17(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
846
802
  },
847
803
  hintSize: {
848
- 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),
849
- 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
+ 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),
805
+ 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)
850
806
  },
851
807
  disabled: {
852
- true: css(_templateObject21(), tokens.disabledOpacity)
808
+ true: css(_templateObject20(), tokens.disabledOpacity)
853
809
  },
854
810
  readOnly: {
855
- true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
811
+ true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
856
812
  }
857
813
  }
858
814
  };
@@ -78,10 +78,22 @@ function _object_without_properties_loose(source, excluded) {
78
78
  return target;
79
79
  }
80
80
  import React, { forwardRef } from 'react';
81
- import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
81
+ import { textFieldConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
82
82
  import { config } from './TextField.config';
83
- var mergedConfig = mergeConfig(textFieldConfig, config);
84
- export var TextFieldComponent = component(mergedConfig);
83
+ import { config as clearConfig } from './TextField.clear.config';
84
+ var mergedConfigDefault = mergeConfig(textFieldConfig, config);
85
+ export var TextFieldDefault = component(mergedConfigDefault);
86
+ var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
87
+ export var TextFieldClear = component(mergedConfigClear);
88
+ export var TextFieldComponent = createConditionalComponent(TextFieldDefault, [
89
+ {
90
+ conditions: {
91
+ prop: 'appearance',
92
+ value: 'clear'
93
+ },
94
+ component: TextFieldClear
95
+ }
96
+ ]);
85
97
  var statusToView = {
86
98
  success: 'positive',
87
99
  warning: 'warning',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-b2c",
3
- "version": "1.598.1-canary.2369.19883385309.0",
3
+ "version": "1.598.1-canary.2377.19953775527.0",
4
4
  "description": "Salute Design System / React UI kit for business-related web applications.",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -42,9 +42,9 @@
42
42
  "atLeast": 99.97
43
43
  },
44
44
  "dependencies": {
45
- "@salutejs/plasma-core": "1.210.1-canary.2369.19883385309.0",
46
- "@salutejs/plasma-hope": "1.356.1-canary.2369.19883385309.0",
47
- "@salutejs/plasma-new-hope": "0.342.1-canary.2369.19883385309.0",
45
+ "@salutejs/plasma-core": "1.210.1-canary.2377.19953775527.0",
46
+ "@salutejs/plasma-hope": "1.356.1-canary.2377.19953775527.0",
47
+ "@salutejs/plasma-new-hope": "0.342.1-canary.2377.19953775527.0",
48
48
  "@salutejs/plasma-themes": "0.38.0",
49
49
  "@salutejs/plasma-tokens-b2c": "0.65.0",
50
50
  "@salutejs/plasma-tokens-web": "1.69.0",
@@ -71,21 +71,14 @@
71
71
  "@rollup/plugin-commonjs": "25.0.7",
72
72
  "@rollup/plugin-node-resolve": "15.2.3",
73
73
  "@salutejs/plasma-colors": "0.16.0",
74
- "@salutejs/plasma-cy-utils": "0.140.1-canary.2369.19883385309.0",
75
- "@salutejs/plasma-icons": "1.227.0",
76
- "@salutejs/plasma-sb-utils": "0.210.1-canary.2369.19883385309.0",
77
- "@storybook/addon-docs": "8.6.14",
78
- "@storybook/addon-essentials": "8.6.14",
79
- "@storybook/manager-api": "8.6.14",
80
- "@storybook/react": "8.6.14",
81
- "@storybook/react-vite": "8.6.14",
82
- "@storybook/theming": "8.6.14",
74
+ "@salutejs/plasma-cy-utils": "0.140.1-canary.2377.19953775527.0",
75
+ "@salutejs/plasma-icons": "1.227.1-canary.2377.19953775527.0",
76
+ "@salutejs/plasma-sb-utils": "0.210.1-canary.2377.19953775527.0",
83
77
  "@types/node": "16.7.13",
84
78
  "@types/react": "18.0.28",
85
79
  "@types/react-dom": "18.0.11",
86
80
  "@types/resize-observer-browser": "0.1.6",
87
81
  "@types/styled-components": "5.1.0",
88
- "@vitejs/plugin-react": "3.1.0",
89
82
  "babel-loader": "8.2.2",
90
83
  "babel-plugin-annotate-pure-calls": "0.4.0",
91
84
  "babel-plugin-styled-components": "1.13.2",
@@ -94,11 +87,9 @@
94
87
  "react": "18.2.0",
95
88
  "react-dom": "18.2.0",
96
89
  "rollup": "3.29.4",
97
- "storybook": "8.6.14",
98
90
  "styled-components": "5.3.1",
99
91
  "ts-node": "10.3.0",
100
- "typescript-coverage-report": "0.7.0",
101
- "vite": "4.5.3"
92
+ "typescript-coverage-report": "0.7.0"
102
93
  },
103
94
  "keywords": [
104
95
  "design-system",
@@ -107,5 +98,5 @@
107
98
  "react"
108
99
  ],
109
100
  "sideEffects": false,
110
- "gitHead": "3076ccdad9d53aefd4e7d305efea7c285fab3d75"
101
+ "gitHead": "a551749e088282da3d8255114a17d65949b97454"
111
102
  }
@@ -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);}