@salutejs/plasma-web 1.601.0-canary.2358.19851578667.0 → 1.601.0-canary.2362.19851604298.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/components/Calendar/Calendar.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 +33 -17
  7. package/components/TextField/TextField.config.d.ts +3 -0
  8. package/components/TextField/TextField.config.js +100 -51
  9. package/components/TextField/TextField.d.ts +5 -971
  10. package/components/TextField/TextField.js +2 -20
  11. package/css/cjs/components/Calendar/Calendar.css +16 -14
  12. package/css/cjs/components/Calendar/CalendarBase.config.js +8 -7
  13. package/css/cjs/components/Calendar/CalendarBase.config.js.map +1 -1
  14. package/css/cjs/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  15. package/css/cjs/components/Calendar/CalendarDouble.config.js +8 -7
  16. package/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  17. package/css/cjs/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  18. package/css/cjs/components/Mask/Mask.css +21 -43
  19. package/css/cjs/components/TextField/TextField.config.js +15 -12
  20. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  21. package/css/cjs/components/TextField/TextField.config_4hsnnu.css +23 -0
  22. package/css/cjs/components/TextField/TextField.js +2 -14
  23. package/css/cjs/components/TextField/TextField.js.map +1 -1
  24. package/css/cjs/index.css +40 -60
  25. package/css/es/components/Calendar/Calendar.css +16 -14
  26. package/css/es/components/Calendar/CalendarBase.config.js +8 -7
  27. package/css/es/components/Calendar/CalendarBase.config.js.map +1 -1
  28. package/css/es/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  29. package/css/es/components/Calendar/CalendarDouble.config.js +8 -7
  30. package/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  31. package/css/es/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  32. package/css/es/components/Mask/Mask.css +21 -43
  33. package/css/es/components/TextField/TextField.config.js +15 -12
  34. package/css/es/components/TextField/TextField.config.js.map +1 -1
  35. package/css/es/components/TextField/TextField.config_4hsnnu.css +23 -0
  36. package/css/es/components/TextField/TextField.js +4 -14
  37. package/css/es/components/TextField/TextField.js.map +1 -1
  38. package/css/es/index.css +40 -60
  39. package/es/components/Calendar/CalendarBase.config.js +111 -47
  40. package/es/components/Calendar/CalendarDouble.config.js +113 -50
  41. package/es/components/TextField/TextField.config.js +100 -51
  42. package/es/components/TextField/TextField.js +3 -15
  43. package/package.json +7 -7
  44. package/components/TextField/TextField.clear.config.d.ts +0 -47
  45. package/components/TextField/TextField.clear.config.js +0 -831
  46. package/css/cjs/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  47. package/css/cjs/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  48. package/css/cjs/components/TextField/TextField.clear.config.js +0 -55
  49. package/css/cjs/components/TextField/TextField.clear.config.js.map +0 -1
  50. package/css/cjs/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
  51. package/css/cjs/components/TextField/TextField.config_1cwmi74.css +0 -22
  52. package/css/es/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  53. package/css/es/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  54. package/css/es/components/TextField/TextField.clear.config.js +0 -51
  55. package/css/es/components/TextField/TextField.clear.config.js.map +0 -1
  56. package/css/es/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
  57. package/css/es/components/TextField/TextField.config_1cwmi74.css +0 -22
  58. package/es/components/TextField/TextField.clear.config.js +0 -821
package/es/components/TextField/TextField.config.js CHANGED
@@ -12,9 +12,12 @@ function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
14
  ": var(--text-primary);\n ",
15
+ ": var(--text-primary);\n ",
15
16
  ": var(--surface-clear);\n ",
16
17
  ": var(--text-accent);\n ",
17
18
  ": var(--text-secondary);\n ",
19
+ ": var(--text-secondary);\n ",
20
+ ": var(--text-tertiary);\n ",
18
21
  ": var(--text-tertiary);\n ",
19
22
  ": var(--text-primary);\n ",
20
23
  ": var(--text-secondary);\n ",
@@ -44,10 +47,13 @@ function _templateObject1() {
44
47
  var data = _tagged_template_literal([
45
48
  "\n ",
46
49
  ": var(--text-primary);\n ",
50
+ ": var(--text-positive);\n ",
51
+ ": var(--text-positive);\n ",
47
52
  ": var(--surface-clear);\n ",
48
53
  ": var(--text-accent);\n ",
49
54
  ": var(--text-secondary);\n ",
50
55
  ": var(--text-tertiary);\n ",
56
+ ": var(--text-positive);\n ",
51
57
  ": var(--text-primary);\n ",
52
58
  ": var(--text-positive);\n ",
53
59
  ": var(--text-secondary);\n ",
@@ -76,10 +82,13 @@ function _templateObject2() {
76
82
  var data = _tagged_template_literal([
77
83
  "\n ",
78
84
  ": var(--text-primary);\n ",
85
+ ": var(--text-warning);\n ",
86
+ ": var(--text-warning);\n ",
79
87
  ": var(--surface-clear);\n ",
80
88
  ": var(--text-accent);\n ",
81
89
  ": var(--text-secondary);\n ",
82
90
  ": var(--text-tertiary);\n ",
91
+ ": var(--text-warning);\n ",
83
92
  ": var(--text-primary);\n ",
84
93
  ": var(--text-warning);\n ",
85
94
  ": var(--text-secondary);\n ",
@@ -108,10 +117,13 @@ function _templateObject3() {
108
117
  var data = _tagged_template_literal([
109
118
  "\n ",
110
119
  ": var(--text-primary);\n ",
120
+ ": var(--text-negative);\n ",
121
+ ": var(--text-negative);\n ",
111
122
  ": var(--surface-clear);\n ",
112
123
  ": var(--text-accent);\n ",
113
124
  ": var(--text-secondary);\n ",
114
125
  ": var(--text-tertiary);\n ",
126
+ ": var(--text-negative);\n ",
115
127
  ": var(--text-primary);\n ",
116
128
  ": var(--text-negative);\n ",
117
129
  ": var(--text-secondary);\n ",
@@ -153,6 +165,7 @@ function _templateObject4() {
153
165
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
154
166
  ": var(--plasma-typo-body-l-line-height);\n\n ",
155
167
  ": 0.75rem;\n ",
168
+ ": 0.25rem;\n ",
156
169
  ": var(--plasma-typo-body-l-font-family);\n ",
157
170
  ": var(--plasma-typo-body-l-font-size);\n ",
158
171
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -161,7 +174,8 @@ function _templateObject4() {
161
174
  ": var(--plasma-typo-body-l-line-height);\n\n ",
162
175
  ": -0.688rem -0.5rem;\n ",
163
176
  ": 2.375rem;\n ",
164
- ": 0.82rem -2.938rem auto auto;\n\n ",
177
+ ": 0.82rem -2.938rem auto auto;\n ",
178
+ ": 0.82rem -2.063rem auto auto;\n\n ",
165
179
  ": 0.25rem;\n ",
166
180
  ": var(--plasma-typo-body-xs-font-family);\n ",
167
181
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -207,7 +221,10 @@ function _templateObject4() {
207
221
  ": 0.5rem auto auto -0.75rem;\n ",
208
222
  ": 0 0 auto auto;\n ",
209
223
  ": 0.25rem -0.625rem auto auto;\n ",
210
- ": -0.25rem;\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 "
211
228
  ]);
212
229
  _templateObject4 = function _templateObject() {
213
230
  return data;
@@ -234,6 +251,7 @@ function _templateObject5() {
234
251
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
235
252
  ": var(--plasma-typo-body-l-line-height);\n\n ",
236
253
  ": 0.75rem;\n ",
254
+ ": 0.25rem;\n ",
237
255
  ": var(--plasma-typo-body-l-font-family);\n ",
238
256
  ": var(--plasma-typo-body-l-font-size);\n ",
239
257
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -242,7 +260,8 @@ function _templateObject5() {
242
260
  ": var(--plasma-typo-body-l-line-height);\n\n ",
243
261
  ": -0.688rem -0.5rem;\n ",
244
262
  ": 2.375rem;\n ",
245
- ": 0.563rem -2.938rem auto auto;\n\n ",
263
+ ": 0.563rem -2.938rem auto auto;\n ",
264
+ ": 0.563rem -2.188rem auto auto;\n\n ",
246
265
  ": 0.25rem;\n ",
247
266
  ": var(--plasma-typo-body-xs-font-family);\n ",
248
267
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -278,7 +297,10 @@ function _templateObject5() {
278
297
  ": 0 0 0 0;\n ",
279
298
  ": 0.5rem auto auto -0.75rem;\n ",
280
299
  ": 0 0 auto auto;\n ",
281
- ": 0.25rem -0.625rem auto auto;\n\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 ",
282
304
  ": 0 0.25rem 0 0;\n ",
283
305
  ": 0 0 0 0.25rem;\n "
284
306
  ]);
@@ -307,6 +329,7 @@ function _templateObject6() {
307
329
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
308
330
  ": var(--plasma-typo-body-m-line-height);\n\n ",
309
331
  ": 0.625rem;\n ",
332
+ ": 0.25rem;\n ",
310
333
  ": var(--plasma-typo-body-m-font-family);\n ",
311
334
  ": var(--plasma-typo-body-m-font-size);\n ",
312
335
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -315,7 +338,8 @@ function _templateObject6() {
315
338
  ": var(--plasma-typo-body-m-line-height);\n\n ",
316
339
  ": -0.688rem -0.5rem;\n ",
317
340
  ": 2.375rem;\n ",
318
- ": 0.312rem -2.813rem auto auto;\n\n ",
341
+ ": 0.312rem -2.813rem auto auto;\n ",
342
+ ": 0.312rem -2.188rem auto auto;\n\n ",
319
343
  ": 0.25rem;\n ",
320
344
  ": var(--plasma-typo-body-xs-font-family);\n ",
321
345
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -351,7 +375,10 @@ function _templateObject6() {
351
375
  ": 0 0 0 0;\n ",
352
376
  ": 0.375rem auto auto -0.75rem;\n ",
353
377
  ": 0 0 auto auto;\n ",
354
- ": 0.25rem -0.6875rem auto auto;\n\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 ",
355
382
  ": 0 0.25rem 0 0;\n ",
356
383
  ": 0 0 0 0.25rem;\n "
357
384
  ]);
@@ -380,6 +407,7 @@ function _templateObject7() {
380
407
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
381
408
  ": var(--plasma-typo-body-s-line-height);\n\n ",
382
409
  ": 0.5rem;\n ",
410
+ ": 0.25rem;\n ",
383
411
  ": var(--plasma-typo-body-s-font-family);\n ",
384
412
  ": var(--plasma-typo-body-s-font-size);\n ",
385
413
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -388,7 +416,8 @@ function _templateObject7() {
388
416
  ": var(--plasma-typo-body-s-line-height);\n\n ",
389
417
  ": -0.688rem -0.5rem;\n ",
390
418
  ": 2.375rem;\n ",
391
- ": 0.062rem -2.688rem auto auto;\n\n ",
419
+ ": 0.062rem -2.688rem auto auto;\n ",
420
+ ": 0.062rem -2.188rem auto auto;\n\n ",
392
421
  ": 0.25rem;\n ",
393
422
  ": var(--plasma-typo-body-xs-font-family);\n ",
394
423
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -424,7 +453,10 @@ function _templateObject7() {
424
453
  ": 0 0 0 0;\n ",
425
454
  ": 0.3125rem auto auto -0.6875rem;\n ",
426
455
  ": 0 0 auto auto;\n ",
427
- ": 0.25rem -0.625rem auto auto;\n\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 ",
428
460
  ": 0 0.25rem 0 0;\n ",
429
461
  ": 0 0 0 0.25rem;\n "
430
462
  ]);
@@ -453,6 +485,7 @@ function _templateObject8() {
453
485
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
454
486
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
455
487
  ": 0.375rem;\n ",
488
+ ": 0.25rem;\n ",
456
489
  ": var(--plasma-typo-body-xs-font-family);\n ",
457
490
  ": var(--plasma-typo-body-xs-font-size);\n ",
458
491
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -461,7 +494,8 @@ function _templateObject8() {
461
494
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
462
495
  ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
463
496
  ": 2.375rem;\n ",
464
- ": -0.188rem -2.1875rem auto auto;\n\n ",
497
+ ": -0.188rem -2.1875rem auto auto;\n ",
498
+ ": -0.188rem -1.938rem auto auto;\n\n ",
465
499
  ": 0.25rem;\n ",
466
500
  ": var(--plasma-typo-body-xs-font-family);\n ",
467
501
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -497,7 +531,10 @@ function _templateObject8() {
497
531
  ": 0 0 0 0;\n ",
498
532
  ": 0.25rem auto auto -0.625rem;\n ",
499
533
  ": 0 0 auto auto;\n ",
500
- ": 0.125rem -0.6875rem auto auto;\n\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 ",
501
538
  ": 0 0.25rem 0 0;\n ",
502
539
  ": 0 0 0 0.25rem;\n "
503
540
  ]);
@@ -532,6 +569,15 @@ function _templateObject10() {
532
569
  return data;
533
570
  }
534
571
  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() {
535
581
  var data = _tagged_template_literal([
536
582
  "\n ",
537
583
  ": var(--inverse-text-primary);\n ",
@@ -549,12 +595,12 @@ function _templateObject11() {
549
595
  ": var(--inverse-text-secondary-hover);\n ",
550
596
  ": 1;\n "
551
597
  ]);
552
- _templateObject11 = function _templateObject() {
598
+ _templateObject12 = function _templateObject() {
553
599
  return data;
554
600
  };
555
601
  return data;
556
602
  }
557
- function _templateObject12() {
603
+ function _templateObject13() {
558
604
  var data = _tagged_template_literal([
559
605
  "\n ",
560
606
  ": var(--text-primary);\n ",
@@ -572,12 +618,12 @@ function _templateObject12() {
572
618
  ": var(--text-secondary-hover);\n ",
573
619
  ": 1;\n "
574
620
  ]);
575
- _templateObject12 = function _templateObject() {
621
+ _templateObject13 = function _templateObject() {
576
622
  return data;
577
623
  };
578
624
  return data;
579
625
  }
580
- function _templateObject13() {
626
+ function _templateObject14() {
581
627
  var data = _tagged_template_literal([
582
628
  "\n ",
583
629
  ": var(--on-dark-text-primary);\n ",
@@ -595,12 +641,12 @@ function _templateObject13() {
595
641
  ": var(--on-dark-text-secondary-hover);\n ",
596
642
  ": 1;\n "
597
643
  ]);
598
- _templateObject13 = function _templateObject() {
644
+ _templateObject14 = function _templateObject() {
599
645
  return data;
600
646
  };
601
647
  return data;
602
648
  }
603
- function _templateObject14() {
649
+ function _templateObject15() {
604
650
  var data = _tagged_template_literal([
605
651
  "\n ",
606
652
  ": var(--on-dark-text-primary);\n ",
@@ -618,12 +664,12 @@ function _templateObject14() {
618
664
  ": var(--on-dark-text-secondary-hover);\n ",
619
665
  ": 1;\n "
620
666
  ]);
621
- _templateObject14 = function _templateObject() {
667
+ _templateObject15 = function _templateObject() {
622
668
  return data;
623
669
  };
624
670
  return data;
625
671
  }
626
- function _templateObject15() {
672
+ function _templateObject16() {
627
673
  var data = _tagged_template_literal([
628
674
  "\n ",
629
675
  ": var(--on-dark-text-primary);\n ",
@@ -641,12 +687,12 @@ function _templateObject15() {
641
687
  ": var(--on-dark-text-secondary-hover);\n ",
642
688
  ": 1;\n "
643
689
  ]);
644
- _templateObject15 = function _templateObject() {
690
+ _templateObject16 = function _templateObject() {
645
691
  return data;
646
692
  };
647
693
  return data;
648
694
  }
649
- function _templateObject16() {
695
+ function _templateObject17() {
650
696
  var data = _tagged_template_literal([
651
697
  "\n ",
652
698
  ": var(--on-dark-text-primary);\n ",
@@ -664,12 +710,12 @@ function _templateObject16() {
664
710
  ": var(--on-dark-text-secondary-hover);\n ",
665
711
  ": 1;\n "
666
712
  ]);
667
- _templateObject16 = function _templateObject() {
713
+ _templateObject17 = function _templateObject() {
668
714
  return data;
669
715
  };
670
716
  return data;
671
717
  }
672
- function _templateObject17() {
718
+ function _templateObject18() {
673
719
  var data = _tagged_template_literal([
674
720
  "\n ",
675
721
  ": var(--surface-solid-card-brightness);\n ",
@@ -677,12 +723,12 @@ function _templateObject17() {
677
723
  ": var(--text-primary);\n ",
678
724
  ": var(--surface-solid-card-brightness);\n "
679
725
  ]);
680
- _templateObject17 = function _templateObject() {
726
+ _templateObject18 = function _templateObject() {
681
727
  return data;
682
728
  };
683
729
  return data;
684
730
  }
685
- function _templateObject18() {
731
+ function _templateObject19() {
686
732
  var data = _tagged_template_literal([
687
733
  "\n ",
688
734
  ": 0.6875rem;\n ",
@@ -704,12 +750,12 @@ function _templateObject18() {
704
750
  ": 0.5rem;\n ",
705
751
  ": 0.625rem;\n "
706
752
  ]);
707
- _templateObject18 = function _templateObject() {
753
+ _templateObject19 = function _templateObject() {
708
754
  return data;
709
755
  };
710
756
  return data;
711
757
  }
712
- function _templateObject19() {
758
+ function _templateObject20() {
713
759
  var data = _tagged_template_literal([
714
760
  "\n ",
715
761
  ": 0.5rem;\n ",
@@ -731,22 +777,22 @@ function _templateObject19() {
731
777
  ": 0.375rem;\n ",
732
778
  ": 0.5625rem;\n "
733
779
  ]);
734
- _templateObject19 = function _templateObject() {
780
+ _templateObject20 = function _templateObject() {
735
781
  return data;
736
782
  };
737
783
  return data;
738
784
  }
739
- function _templateObject20() {
785
+ function _templateObject21() {
740
786
  var data = _tagged_template_literal([
741
787
  "\n ",
742
788
  ": 0.4;\n "
743
789
  ]);
744
- _templateObject20 = function _templateObject() {
790
+ _templateObject21 = function _templateObject() {
745
791
  return data;
746
792
  };
747
793
  return data;
748
794
  }
749
- function _templateObject21() {
795
+ function _templateObject22() {
750
796
  var data = _tagged_template_literal([
751
797
  "\n ",
752
798
  ": 0.1;\n ",
@@ -760,7 +806,7 @@ function _templateObject21() {
760
806
  ": var(--surface-transparent-primary);\n ",
761
807
  ": 0.4;\n "
762
808
  ]);
763
- _templateObject21 = function _templateObject() {
809
+ _templateObject22 = function _templateObject() {
764
810
  return data;
765
811
  };
766
812
  return data;
@@ -774,42 +820,45 @@ export var config = {
774
820
  },
775
821
  variations: {
776
822
  view: {
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)
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)
781
827
  },
782
828
  size: {
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)
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)
788
834
  },
789
835
  labelPlacement: {
790
836
  inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
791
837
  outer: css(_templateObject10())
792
838
  },
839
+ clear: {
840
+ true: css(_templateObject11())
841
+ },
793
842
  chipView: {
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)
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)
800
849
  },
801
850
  hintView: {
802
- default: css(_templateObject17(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
851
+ default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
803
852
  },
804
853
  hintSize: {
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)
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)
807
856
  },
808
857
  disabled: {
809
- true: css(_templateObject20(), tokens.disabledOpacity)
858
+ true: css(_templateObject21(), tokens.disabledOpacity)
810
859
  },
811
860
  readOnly: {
812
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
861
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
813
862
  }
814
863
  }
815
864
  };
package/es/components/TextField/TextField.js CHANGED
@@ -78,22 +78,10 @@ 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, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
81
+ import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
82
82
  import { config } from './TextField.config';
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
- ]);
83
+ var mergedConfig = mergeConfig(textFieldConfig, config);
84
+ export var TextFieldComponent = component(mergedConfig);
97
85
  var statusToView = {
98
86
  success: 'positive',
99
87
  warning: 'warning',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.601.0-canary.2358.19851578667.0",
3
+ "version": "1.601.0-canary.2362.19851604298.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.2358.19851578667.0",
23
- "@salutejs/plasma-hope": "1.357.0-canary.2358.19851578667.0",
24
- "@salutejs/plasma-new-hope": "0.343.0-canary.2358.19851578667.0",
22
+ "@salutejs/plasma-core": "1.211.0-canary.2362.19851604298.0",
23
+ "@salutejs/plasma-hope": "1.357.0-canary.2362.19851604298.0",
24
+ "@salutejs/plasma-new-hope": "0.343.0-canary.2362.19851604298.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,9 +49,9 @@
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.2358.19851578667.0",
52
+ "@salutejs/plasma-cy-utils": "0.141.0-canary.2362.19851604298.0",
53
53
  "@salutejs/plasma-icons": "1.227.0",
54
- "@salutejs/plasma-sb-utils": "0.211.0-canary.2358.19851578667.0",
54
+ "@salutejs/plasma-sb-utils": "0.211.0-canary.2362.19851604298.0",
55
55
  "@storybook/addon-docs": "8.6.14",
56
56
  "@storybook/addon-essentials": "8.6.14",
57
57
  "@storybook/manager-api": "8.6.14",
@@ -111,5 +111,5 @@
111
111
  "Fanil Zubairov"
112
112
  ],
113
113
  "sideEffects": false,
114
- "gitHead": "fe151edbe583a84261bccc7da1ddf69bb0799b05"
114
+ "gitHead": "c4599a089291f6ac814d8aa2e43cda48811c5859"
115
115
  }
package/components/TextField/TextField.clear.config.d.ts DELETED
@@ -1,47 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- labelPlacement: string;
6
- };
7
- variations: {
8
- view: {
9
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- };
14
- size: {
15
- xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- };
21
- labelPlacement: {
22
- inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- };
25
- chipView: {
26
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
- positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
- warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
31
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
- };
33
- hintView: {
34
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
35
- };
36
- hintSize: {
37
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
38
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
39
- };
40
- disabled: {
41
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
42
- };
43
- readOnly: {
44
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
45
- };
46
- };
47
- };