@salutejs/plasma-web 1.601.0-canary.2370.19885960439.0 → 1.601.0-canary.2370.19963666822.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 +51 -100
  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_1cwmi74.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_1cwmi74.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 +51 -100
  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_4hsnnu.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_4hsnnu.css +0 -23
@@ -12,12 +12,9 @@ function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
14
  ": var(--text-primary);\n ",
15
- ": var(--text-primary);\n ",
16
15
  ": var(--surface-clear);\n ",
17
16
  ": var(--text-accent);\n ",
18
17
  ": var(--text-secondary);\n ",
19
- ": var(--text-secondary);\n ",
20
- ": var(--text-tertiary);\n ",
21
18
  ": var(--text-tertiary);\n ",
22
19
  ": var(--text-primary);\n ",
23
20
  ": var(--text-secondary);\n ",
@@ -47,13 +44,10 @@ function _templateObject1() {
47
44
  var data = _tagged_template_literal([
48
45
  "\n ",
49
46
  ": var(--text-primary);\n ",
50
- ": var(--text-positive);\n ",
51
- ": var(--text-positive);\n ",
52
47
  ": var(--surface-clear);\n ",
53
48
  ": var(--text-accent);\n ",
54
49
  ": var(--text-secondary);\n ",
55
50
  ": var(--text-tertiary);\n ",
56
- ": var(--text-positive);\n ",
57
51
  ": var(--text-primary);\n ",
58
52
  ": var(--text-positive);\n ",
59
53
  ": var(--text-secondary);\n ",
@@ -82,13 +76,10 @@ function _templateObject2() {
82
76
  var data = _tagged_template_literal([
83
77
  "\n ",
84
78
  ": var(--text-primary);\n ",
85
- ": var(--text-warning);\n ",
86
- ": var(--text-warning);\n ",
87
79
  ": var(--surface-clear);\n ",
88
80
  ": var(--text-accent);\n ",
89
81
  ": var(--text-secondary);\n ",
90
82
  ": var(--text-tertiary);\n ",
91
- ": var(--text-warning);\n ",
92
83
  ": var(--text-primary);\n ",
93
84
  ": var(--text-warning);\n ",
94
85
  ": var(--text-secondary);\n ",
@@ -117,13 +108,10 @@ function _templateObject3() {
117
108
  var data = _tagged_template_literal([
118
109
  "\n ",
119
110
  ": var(--text-primary);\n ",
120
- ": var(--text-negative);\n ",
121
- ": var(--text-negative);\n ",
122
111
  ": var(--surface-clear);\n ",
123
112
  ": var(--text-accent);\n ",
124
113
  ": var(--text-secondary);\n ",
125
114
  ": var(--text-tertiary);\n ",
126
- ": var(--text-negative);\n ",
127
115
  ": var(--text-primary);\n ",
128
116
  ": var(--text-negative);\n ",
129
117
  ": var(--text-secondary);\n ",
@@ -165,7 +153,6 @@ function _templateObject4() {
165
153
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
166
154
  ": var(--plasma-typo-body-l-line-height);\n\n ",
167
155
  ": 0.75rem;\n ",
168
- ": 0.25rem;\n ",
169
156
  ": var(--plasma-typo-body-l-font-family);\n ",
170
157
  ": var(--plasma-typo-body-l-font-size);\n ",
171
158
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -174,8 +161,7 @@ function _templateObject4() {
174
161
  ": var(--plasma-typo-body-l-line-height);\n\n ",
175
162
  ": -0.688rem -0.5rem;\n ",
176
163
  ": 2.375rem;\n ",
177
- ": 0.82rem -2.938rem auto auto;\n ",
178
- ": 0.82rem -2.063rem auto auto;\n\n ",
164
+ ": 0.82rem -2.938rem auto auto;\n\n ",
179
165
  ": 0.25rem;\n ",
180
166
  ": var(--plasma-typo-body-xs-font-family);\n ",
181
167
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -221,10 +207,7 @@ function _templateObject4() {
221
207
  ": 0.5rem auto auto -0.75rem;\n ",
222
208
  ": 0 0 auto auto;\n ",
223
209
  ": 0.25rem -0.625rem auto auto;\n ",
224
- ": -0.25rem;\n ",
225
- ": 1.75rem auto auto -0.875rem;\n ",
226
- ": 1.75rem -0.875rem auto auto;\n ",
227
- ": 1.75rem -2.488rem auto auto;\n "
210
+ ": -0.25rem;\n "
228
211
  ]);
229
212
  _templateObject4 = function _templateObject() {
230
213
  return data;
@@ -251,7 +234,6 @@ function _templateObject5() {
251
234
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
252
235
  ": var(--plasma-typo-body-l-line-height);\n\n ",
253
236
  ": 0.75rem;\n ",
254
- ": 0.25rem;\n ",
255
237
  ": var(--plasma-typo-body-l-font-family);\n ",
256
238
  ": var(--plasma-typo-body-l-font-size);\n ",
257
239
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -260,8 +242,7 @@ function _templateObject5() {
260
242
  ": var(--plasma-typo-body-l-line-height);\n\n ",
261
243
  ": -0.688rem -0.5rem;\n ",
262
244
  ": 2.375rem;\n ",
263
- ": 0.563rem -2.938rem auto auto;\n ",
264
- ": 0.563rem -2.188rem auto auto;\n\n ",
245
+ ": 0.563rem -2.938rem auto auto;\n\n ",
265
246
  ": 0.25rem;\n ",
266
247
  ": var(--plasma-typo-body-xs-font-family);\n ",
267
248
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -297,10 +278,7 @@ function _templateObject5() {
297
278
  ": 0 0 0 0;\n ",
298
279
  ": 0.5rem auto auto -0.75rem;\n ",
299
280
  ": 0 0 auto auto;\n ",
300
- ": 0.25rem -0.625rem auto auto;\n ",
301
- ": 1.5rem auto auto -0.875rem;\n ",
302
- ": 1.5rem -0.875rem auto auto;\n ",
303
- ": 1.5rem -2.488rem auto auto;\n\n ",
281
+ ": 0.25rem -0.625rem auto auto;\n\n ",
304
282
  ": 0 0.25rem 0 0;\n ",
305
283
  ": 0 0 0 0.25rem;\n "
306
284
  ]);
@@ -329,7 +307,6 @@ function _templateObject6() {
329
307
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
330
308
  ": var(--plasma-typo-body-m-line-height);\n\n ",
331
309
  ": 0.625rem;\n ",
332
- ": 0.25rem;\n ",
333
310
  ": var(--plasma-typo-body-m-font-family);\n ",
334
311
  ": var(--plasma-typo-body-m-font-size);\n ",
335
312
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -338,8 +315,7 @@ function _templateObject6() {
338
315
  ": var(--plasma-typo-body-m-line-height);\n\n ",
339
316
  ": -0.688rem -0.5rem;\n ",
340
317
  ": 2.375rem;\n ",
341
- ": 0.312rem -2.813rem auto auto;\n ",
342
- ": 0.312rem -2.188rem auto auto;\n\n ",
318
+ ": 0.312rem -2.813rem auto auto;\n\n ",
343
319
  ": 0.25rem;\n ",
344
320
  ": var(--plasma-typo-body-xs-font-family);\n ",
345
321
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -375,10 +351,7 @@ function _templateObject6() {
375
351
  ": 0 0 0 0;\n ",
376
352
  ": 0.375rem auto auto -0.75rem;\n ",
377
353
  ": 0 0 auto auto;\n ",
378
- ": 0.25rem -0.6875rem auto auto;\n ",
379
- ": 1.25rem auto auto -0.875rem;\n ",
380
- ": 1.25rem -0.875rem auto auto;\n ",
381
- ": 1.25rem -2.488rem auto auto;\n\n ",
354
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
382
355
  ": 0 0.25rem 0 0;\n ",
383
356
  ": 0 0 0 0.25rem;\n "
384
357
  ]);
@@ -407,7 +380,6 @@ function _templateObject7() {
407
380
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
408
381
  ": var(--plasma-typo-body-s-line-height);\n\n ",
409
382
  ": 0.5rem;\n ",
410
- ": 0.25rem;\n ",
411
383
  ": var(--plasma-typo-body-s-font-family);\n ",
412
384
  ": var(--plasma-typo-body-s-font-size);\n ",
413
385
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -416,8 +388,7 @@ function _templateObject7() {
416
388
  ": var(--plasma-typo-body-s-line-height);\n\n ",
417
389
  ": -0.688rem -0.5rem;\n ",
418
390
  ": 2.375rem;\n ",
419
- ": 0.062rem -2.688rem auto auto;\n ",
420
- ": 0.062rem -2.188rem auto auto;\n\n ",
391
+ ": 0.062rem -2.688rem auto auto;\n\n ",
421
392
  ": 0.25rem;\n ",
422
393
  ": var(--plasma-typo-body-xs-font-family);\n ",
423
394
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -453,10 +424,7 @@ function _templateObject7() {
453
424
  ": 0 0 0 0;\n ",
454
425
  ": 0.3125rem auto auto -0.6875rem;\n ",
455
426
  ": 0 0 auto auto;\n ",
456
- ": 0.25rem -0.625rem auto auto;\n ",
457
- ": 1.063rem auto auto -0.75rem;\n ",
458
- ": 1.063rem -0.75rem auto auto;\n ",
459
- ": 1.063rem -2.238rem auto auto;\n\n ",
427
+ ": 0.25rem -0.625rem auto auto;\n\n ",
460
428
  ": 0 0.25rem 0 0;\n ",
461
429
  ": 0 0 0 0.25rem;\n "
462
430
  ]);
@@ -485,7 +453,6 @@ function _templateObject8() {
485
453
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
486
454
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
487
455
  ": 0.375rem;\n ",
488
- ": 0.25rem;\n ",
489
456
  ": var(--plasma-typo-body-xs-font-family);\n ",
490
457
  ": var(--plasma-typo-body-xs-font-size);\n ",
491
458
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -494,8 +461,7 @@ function _templateObject8() {
494
461
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
495
462
  ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
496
463
  ": 2.375rem;\n ",
497
- ": -0.188rem -2.1875rem auto auto;\n ",
498
- ": -0.188rem -1.938rem auto auto;\n\n ",
464
+ ": -0.188rem -2.1875rem auto auto;\n\n ",
499
465
  ": 0.25rem;\n ",
500
466
  ": var(--plasma-typo-body-xs-font-family);\n ",
501
467
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -531,10 +497,7 @@ function _templateObject8() {
531
497
  ": 0 0 0 0;\n ",
532
498
  ": 0.25rem auto auto -0.625rem;\n ",
533
499
  ": 0 0 auto auto;\n ",
534
- ": 0.125rem -0.6875rem auto auto;\n ",
535
- ": 0.813rem auto auto -0.625rem;\n ",
536
- ": 0.813rem -0.625rem auto auto;\n ",
537
- ": 0.813rem -1.988rem auto auto;\n\n ",
500
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
538
501
  ": 0 0.25rem 0 0;\n ",
539
502
  ": 0 0 0 0.25rem;\n "
540
503
  ]);
@@ -569,15 +532,6 @@ function _templateObject10() {
569
532
  return data;
570
533
  }
571
534
  function _templateObject11() {
572
- var data = _tagged_template_literal([
573
- ""
574
- ]);
575
- _templateObject11 = function _templateObject() {
576
- return data;
577
- };
578
- return data;
579
- }
580
- function _templateObject12() {
581
535
  var data = _tagged_template_literal([
582
536
  "\n ",
583
537
  ": var(--inverse-text-primary);\n ",
@@ -595,12 +549,12 @@ function _templateObject12() {
595
549
  ": var(--inverse-text-secondary-hover);\n ",
596
550
  ": 1;\n "
597
551
  ]);
598
- _templateObject12 = function _templateObject() {
552
+ _templateObject11 = function _templateObject() {
599
553
  return data;
600
554
  };
601
555
  return data;
602
556
  }
603
- function _templateObject13() {
557
+ function _templateObject12() {
604
558
  var data = _tagged_template_literal([
605
559
  "\n ",
606
560
  ": var(--text-primary);\n ",
@@ -618,12 +572,12 @@ function _templateObject13() {
618
572
  ": var(--text-secondary-hover);\n ",
619
573
  ": 1;\n "
620
574
  ]);
621
- _templateObject13 = function _templateObject() {
575
+ _templateObject12 = function _templateObject() {
622
576
  return data;
623
577
  };
624
578
  return data;
625
579
  }
626
- function _templateObject14() {
580
+ function _templateObject13() {
627
581
  var data = _tagged_template_literal([
628
582
  "\n ",
629
583
  ": var(--on-dark-text-primary);\n ",
@@ -641,12 +595,12 @@ function _templateObject14() {
641
595
  ": var(--on-dark-text-secondary-hover);\n ",
642
596
  ": 1;\n "
643
597
  ]);
644
- _templateObject14 = function _templateObject() {
598
+ _templateObject13 = function _templateObject() {
645
599
  return data;
646
600
  };
647
601
  return data;
648
602
  }
649
- function _templateObject15() {
603
+ function _templateObject14() {
650
604
  var data = _tagged_template_literal([
651
605
  "\n ",
652
606
  ": var(--on-dark-text-primary);\n ",
@@ -664,12 +618,12 @@ function _templateObject15() {
664
618
  ": var(--on-dark-text-secondary-hover);\n ",
665
619
  ": 1;\n "
666
620
  ]);
667
- _templateObject15 = function _templateObject() {
621
+ _templateObject14 = function _templateObject() {
668
622
  return data;
669
623
  };
670
624
  return data;
671
625
  }
672
- function _templateObject16() {
626
+ function _templateObject15() {
673
627
  var data = _tagged_template_literal([
674
628
  "\n ",
675
629
  ": var(--on-dark-text-primary);\n ",
@@ -687,12 +641,12 @@ function _templateObject16() {
687
641
  ": var(--on-dark-text-secondary-hover);\n ",
688
642
  ": 1;\n "
689
643
  ]);
690
- _templateObject16 = function _templateObject() {
644
+ _templateObject15 = function _templateObject() {
691
645
  return data;
692
646
  };
693
647
  return data;
694
648
  }
695
- function _templateObject17() {
649
+ function _templateObject16() {
696
650
  var data = _tagged_template_literal([
697
651
  "\n ",
698
652
  ": var(--on-dark-text-primary);\n ",
@@ -710,12 +664,12 @@ function _templateObject17() {
710
664
  ": var(--on-dark-text-secondary-hover);\n ",
711
665
  ": 1;\n "
712
666
  ]);
713
- _templateObject17 = function _templateObject() {
667
+ _templateObject16 = function _templateObject() {
714
668
  return data;
715
669
  };
716
670
  return data;
717
671
  }
718
- function _templateObject18() {
672
+ function _templateObject17() {
719
673
  var data = _tagged_template_literal([
720
674
  "\n ",
721
675
  ": var(--surface-solid-card-brightness);\n ",
@@ -723,12 +677,12 @@ function _templateObject18() {
723
677
  ": var(--text-primary);\n ",
724
678
  ": var(--surface-solid-card-brightness);\n "
725
679
  ]);
726
- _templateObject18 = function _templateObject() {
680
+ _templateObject17 = function _templateObject() {
727
681
  return data;
728
682
  };
729
683
  return data;
730
684
  }
731
- function _templateObject19() {
685
+ function _templateObject18() {
732
686
  var data = _tagged_template_literal([
733
687
  "\n ",
734
688
  ": 0.6875rem;\n ",
@@ -750,12 +704,12 @@ function _templateObject19() {
750
704
  ": 0.5rem;\n ",
751
705
  ": 0.625rem;\n "
752
706
  ]);
753
- _templateObject19 = function _templateObject() {
707
+ _templateObject18 = function _templateObject() {
754
708
  return data;
755
709
  };
756
710
  return data;
757
711
  }
758
- function _templateObject20() {
712
+ function _templateObject19() {
759
713
  var data = _tagged_template_literal([
760
714
  "\n ",
761
715
  ": 0.5rem;\n ",
@@ -777,22 +731,22 @@ function _templateObject20() {
777
731
  ": 0.375rem;\n ",
778
732
  ": 0.5625rem;\n "
779
733
  ]);
780
- _templateObject20 = function _templateObject() {
734
+ _templateObject19 = function _templateObject() {
781
735
  return data;
782
736
  };
783
737
  return data;
784
738
  }
785
- function _templateObject21() {
739
+ function _templateObject20() {
786
740
  var data = _tagged_template_literal([
787
741
  "\n ",
788
742
  ": 0.4;\n "
789
743
  ]);
790
- _templateObject21 = function _templateObject() {
744
+ _templateObject20 = function _templateObject() {
791
745
  return data;
792
746
  };
793
747
  return data;
794
748
  }
795
- function _templateObject22() {
749
+ function _templateObject21() {
796
750
  var data = _tagged_template_literal([
797
751
  "\n ",
798
752
  ": 0.1;\n ",
@@ -806,7 +760,7 @@ function _templateObject22() {
806
760
  ": var(--surface-transparent-primary);\n ",
807
761
  ": 0.4;\n "
808
762
  ]);
809
- _templateObject22 = function _templateObject() {
763
+ _templateObject21 = function _templateObject() {
810
764
  return data;
811
765
  };
812
766
  return data;
@@ -820,45 +774,42 @@ export var config = {
820
774
  },
821
775
  variations: {
822
776
  view: {
823
- default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
824
- positive: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
825
- warning: css(_templateObject2(), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
826
- negative: css(_templateObject3(), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
777
+ default: css(_templateObject(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
778
+ positive: css(_templateObject1(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
779
+ warning: css(_templateObject2(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
780
+ negative: css(_templateObject3(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
827
781
  },
828
782
  size: {
829
- xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, 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.indicatorLabelPlacementHintOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
830
- 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),
831
- 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),
832
- 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),
833
- 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)
783
+ xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, 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, tokens.indicatorLabelPlacementHintOuterRight),
784
+ 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.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
+ 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.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
+ 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.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),
787
+ 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.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)
834
788
  },
835
789
  labelPlacement: {
836
790
  inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
837
791
  outer: css(_templateObject10())
838
792
  },
839
- clear: {
840
- true: css(_templateObject11())
841
- },
842
793
  chipView: {
843
- 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),
844
- 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),
845
- 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),
846
- 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),
847
- 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),
848
- 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)
794
+ 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),
795
+ 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),
796
+ 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),
797
+ 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),
798
+ 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),
799
+ 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)
849
800
  },
850
801
  hintView: {
851
- default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
802
+ default: css(_templateObject17(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
852
803
  },
853
804
  hintSize: {
854
- 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),
855
- 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)
805
+ 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),
806
+ 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)
856
807
  },
857
808
  disabled: {
858
- true: css(_templateObject21(), tokens.disabledOpacity)
809
+ true: css(_templateObject20(), tokens.disabledOpacity)
859
810
  },
860
811
  readOnly: {
861
- true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
812
+ true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
862
813
  }
863
814
  }
864
815
  };
@@ -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-web",
3
- "version": "1.601.0-canary.2370.19885960439.0",
3
+ "version": "1.601.0-canary.2370.19963666822.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,9 +19,9 @@
19
19
  "directory": "packages/plasma-web"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-core": "1.211.0-canary.2370.19885960439.0",
23
- "@salutejs/plasma-hope": "1.357.0-canary.2370.19885960439.0",
24
- "@salutejs/plasma-new-hope": "0.343.0-canary.2370.19885960439.0",
22
+ "@salutejs/plasma-core": "1.211.0-canary.2370.19963666822.0",
23
+ "@salutejs/plasma-hope": "1.357.0-canary.2370.19963666822.0",
24
+ "@salutejs/plasma-new-hope": "0.343.0-canary.2370.19963666822.0",
25
25
  "@salutejs/plasma-themes": "0.38.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.54.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.65.0",
@@ -49,20 +49,13 @@
49
49
  "@rollup/plugin-commonjs": "25.0.7",
50
50
  "@rollup/plugin-node-resolve": "15.2.3",
51
51
  "@salutejs/plasma-colors": "0.16.0",
52
- "@salutejs/plasma-cy-utils": "0.141.0-canary.2370.19885960439.0",
53
- "@salutejs/plasma-icons": "1.227.0",
54
- "@salutejs/plasma-sb-utils": "0.211.0-canary.2370.19885960439.0",
55
- "@storybook/addon-docs": "8.6.14",
56
- "@storybook/addon-essentials": "8.6.14",
57
- "@storybook/manager-api": "8.6.14",
58
- "@storybook/react": "8.6.14",
59
- "@storybook/react-vite": "8.6.14",
60
- "@storybook/theming": "8.6.14",
52
+ "@salutejs/plasma-cy-utils": "0.141.0-canary.2370.19963666822.0",
53
+ "@salutejs/plasma-icons": "1.228.0-canary.2370.19963666822.0",
54
+ "@salutejs/plasma-sb-utils": "0.211.0-canary.2370.19963666822.0",
61
55
  "@types/node": "16.7.13",
62
56
  "@types/react": "18.0.28",
63
57
  "@types/react-dom": "18.0.11",
64
58
  "@types/styled-components": "5.1.0",
65
- "@vitejs/plugin-react": "3.1.0",
66
59
  "babel-loader": "8.2.2",
67
60
  "babel-plugin-annotate-pure-calls": "0.4.0",
68
61
  "babel-plugin-styled-components": "1.13.2",
@@ -71,10 +64,8 @@
71
64
  "react": "18.2.0",
72
65
  "react-dom": "18.2.0",
73
66
  "rollup": "3.28.0",
74
- "storybook": "8.6.14",
75
67
  "styled-components": "5.3.1",
76
- "typescript-coverage-report": "0.7.0",
77
- "vite": "4.5.3"
68
+ "typescript-coverage-report": "0.7.0"
78
69
  },
79
70
  "publishConfig": {
80
71
  "access": "public"
@@ -111,5 +102,5 @@
111
102
  "Fanil Zubairov"
112
103
  ],
113
104
  "sideEffects": false,
114
- "gitHead": "a20052af23670612d42a9522360e8791198a839f"
105
+ "gitHead": "28bc89ed0bd95a064c641e98e9446ce057d64356"
115
106
  }
@@ -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);}