@salutejs/plasma-b2c 1.599.0-canary.2367.19851506127.0 → 1.599.0-canary.2368.19897798265.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 (34) hide show
  1. package/components/Combobox/Combobox.d.ts +24 -0
  2. package/components/Mask/Mask.d.ts +17 -33
  3. package/components/TextField/TextField.clear.config.d.ts +47 -0
  4. package/components/TextField/TextField.clear.config.js +831 -0
  5. package/components/TextField/TextField.config.d.ts +0 -3
  6. package/components/TextField/TextField.config.js +52 -96
  7. package/components/TextField/TextField.d.ts +971 -5
  8. package/components/TextField/TextField.js +20 -2
  9. package/css/cjs/components/Mask/Mask.css +43 -21
  10. package/css/cjs/components/TextField/TextField.clear.config.js +55 -0
  11. package/css/cjs/components/TextField/TextField.clear.config.js.map +1 -0
  12. package/css/cjs/components/TextField/TextField.clear.config_hts9jh.css +22 -0
  13. package/css/cjs/components/TextField/TextField.config.js +12 -15
  14. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  15. package/css/cjs/components/TextField/TextField.config_ugxxy2.css +22 -0
  16. package/css/cjs/components/TextField/TextField.js +14 -2
  17. package/css/cjs/components/TextField/TextField.js.map +1 -1
  18. package/css/cjs/index.css +45 -23
  19. package/css/es/components/Mask/Mask.css +43 -21
  20. package/css/es/components/TextField/TextField.clear.config.js +51 -0
  21. package/css/es/components/TextField/TextField.clear.config.js.map +1 -0
  22. package/css/es/components/TextField/TextField.clear.config_hts9jh.css +22 -0
  23. package/css/es/components/TextField/TextField.config.js +12 -15
  24. package/css/es/components/TextField/TextField.config.js.map +1 -1
  25. package/css/es/components/TextField/TextField.config_ugxxy2.css +22 -0
  26. package/css/es/components/TextField/TextField.js +14 -4
  27. package/css/es/components/TextField/TextField.js.map +1 -1
  28. package/css/es/index.css +45 -23
  29. package/es/components/TextField/TextField.clear.config.js +821 -0
  30. package/es/components/TextField/TextField.config.js +52 -96
  31. package/es/components/TextField/TextField.js +15 -3
  32. package/package.json +8 -17
  33. package/css/cjs/components/TextField/TextField.config_127hwsa.css +0 -23
  34. 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.599.0-canary.2367.19851506127.0",
3
+ "version": "1.599.0-canary.2368.19897798265.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.211.0-canary.2367.19851506127.0",
46
- "@salutejs/plasma-hope": "1.357.0-canary.2367.19851506127.0",
47
- "@salutejs/plasma-new-hope": "0.343.0-canary.2367.19851506127.0",
45
+ "@salutejs/plasma-core": "1.211.0-canary.2368.19897798265.0",
46
+ "@salutejs/plasma-hope": "1.357.0-canary.2368.19897798265.0",
47
+ "@salutejs/plasma-new-hope": "0.343.0-canary.2368.19897798265.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.141.0-canary.2367.19851506127.0",
74
+ "@salutejs/plasma-cy-utils": "0.141.0-canary.2368.19897798265.0",
75
75
  "@salutejs/plasma-icons": "1.227.0",
76
- "@salutejs/plasma-sb-utils": "0.211.0-canary.2367.19851506127.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",
76
+ "@salutejs/plasma-sb-utils": "0.211.0-canary.2368.19897798265.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": "b45bb390fc4c6cfb9086f67ba67db7fec442ee0c"
101
+ "gitHead": "5a4b03bb7a884cfaa07112a1d38da5181ba89ed7"
111
102
  }