@salutejs/sdds-serv 0.330.0-canary.2358.19757641000.0 → 0.330.0-canary.2362.19765218937.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 (68) hide show
  1. package/components/Calendar/Calendar.css +16 -14
  2. package/components/Calendar/Calendar.d.ts +2 -0
  3. package/components/Calendar/CalendarBase.config.d.ts +1 -0
  4. package/components/Calendar/CalendarBase.config.js +8 -7
  5. package/components/Calendar/CalendarBase.config.js.map +1 -1
  6. package/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  7. package/components/Calendar/CalendarDouble.config.d.ts +1 -0
  8. package/components/Calendar/CalendarDouble.config.js +8 -7
  9. package/components/Calendar/CalendarDouble.config.js.map +1 -1
  10. package/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  11. package/components/Mask/Mask.css +21 -43
  12. package/components/Mask/Mask.d.ts +33 -17
  13. package/components/Radiobox/Radiobox.d.ts +2 -2
  14. package/components/TextField/TextField.config.d.ts +4 -0
  15. package/components/TextField/TextField.config.js +17 -13
  16. package/components/TextField/TextField.config.js.map +1 -1
  17. package/components/TextField/TextField.config_15il1op.css +23 -0
  18. package/components/TextField/TextField.d.ts +7 -970
  19. package/components/TextField/TextField.js +6 -14
  20. package/components/TextField/TextField.js.map +1 -1
  21. package/emotion/cjs/components/Calendar/CalendarBase.config.js +111 -47
  22. package/emotion/cjs/components/Calendar/CalendarDouble.config.js +113 -50
  23. package/emotion/cjs/components/TextField/TextField.config.js +102 -56
  24. package/emotion/cjs/components/TextField/TextField.js +5 -28
  25. package/emotion/es/components/Calendar/CalendarBase.config.js +111 -47
  26. package/emotion/es/components/Calendar/CalendarDouble.config.js +113 -50
  27. package/emotion/es/components/TextField/TextField.config.js +102 -56
  28. package/emotion/es/components/TextField/TextField.js +5 -15
  29. package/es/components/Calendar/Calendar.css +16 -14
  30. package/es/components/Calendar/CalendarBase.config.js +8 -7
  31. package/es/components/Calendar/CalendarBase.config.js.map +1 -1
  32. package/es/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
  33. package/es/components/Calendar/CalendarDouble.config.js +8 -7
  34. package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  35. package/es/components/Calendar/CalendarDouble.config_udv863.css +8 -0
  36. package/es/components/Mask/Mask.css +21 -43
  37. package/es/components/TextField/TextField.config.js +17 -13
  38. package/es/components/TextField/TextField.config.js.map +1 -1
  39. package/es/components/TextField/TextField.config_15il1op.css +23 -0
  40. package/es/components/TextField/TextField.js +8 -14
  41. package/es/components/TextField/TextField.js.map +1 -1
  42. package/es/index.css +40 -60
  43. package/package.json +4 -4
  44. package/styled-components/cjs/components/Calendar/CalendarBase.config.js +111 -47
  45. package/styled-components/cjs/components/Calendar/CalendarDouble.config.js +113 -50
  46. package/styled-components/cjs/components/TextField/TextField.config.js +102 -56
  47. package/styled-components/cjs/components/TextField/TextField.js +5 -28
  48. package/styled-components/es/components/Calendar/CalendarBase.config.js +111 -47
  49. package/styled-components/es/components/Calendar/CalendarDouble.config.js +113 -50
  50. package/styled-components/es/components/TextField/TextField.config.js +102 -56
  51. package/styled-components/es/components/TextField/TextField.js +5 -15
  52. package/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  53. package/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  54. package/components/TextField/TextField.clear.config.d.ts +0 -47
  55. package/components/TextField/TextField.clear.config.js +0 -55
  56. package/components/TextField/TextField.clear.config.js.map +0 -1
  57. package/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
  58. package/components/TextField/TextField.config_c4zz6m.css +0 -22
  59. package/emotion/cjs/components/TextField/TextField.clear.config.js +0 -831
  60. package/emotion/es/components/TextField/TextField.clear.config.js +0 -821
  61. package/es/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
  62. package/es/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
  63. package/es/components/TextField/TextField.clear.config.js +0 -51
  64. package/es/components/TextField/TextField.clear.config.js.map +0 -1
  65. package/es/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
  66. package/es/components/TextField/TextField.config_c4zz6m.css +0 -22
  67. package/styled-components/cjs/components/TextField/TextField.clear.config.js +0 -831
  68. package/styled-components/es/components/TextField/TextField.clear.config.js +0 -821
package/emotion/es/components/TextField/TextField.config.js CHANGED
@@ -11,8 +11,11 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
+ ": var(--text-primary);\n ",
14
15
  ": var(--text-primary);\n\n ",
15
16
  ": var(--text-secondary);\n ",
17
+ ": var(--text-tertiary);\n ",
18
+ ": var(--text-secondary);\n ",
16
19
  ": var(--text-tertiary);\n\n ",
17
20
  ": var(--surface-transparent-primary);\n ",
18
21
  ": var(--surface-transparent-primary-hover);\n ",
@@ -42,9 +45,12 @@ function _templateObject() {
42
45
  function _templateObject1() {
43
46
  var data = _tagged_template_literal([
44
47
  "\n ",
45
- ": var(--text-primary);\n\n ",
48
+ ": var(--text-primary);\n ",
49
+ ": var(--text-positive);\n\n ",
46
50
  ": var(--text-secondary);\n ",
47
- ": var(--text-tertiary);\n\n ",
51
+ ": var(--text-tertiary);\n ",
52
+ ": var(--text-positive);\n ",
53
+ ": var(--text-positive);\n\n ",
48
54
  ": var(--surface-transparent-positive);\n ",
49
55
  ": var(--surface-transparent-positive-hover);\n ",
50
56
  ": var(--surface-transparent-positive-active);\n ",
@@ -73,9 +79,12 @@ function _templateObject1() {
73
79
  function _templateObject2() {
74
80
  var data = _tagged_template_literal([
75
81
  "\n ",
76
- ": var(--text-primary);\n\n ",
82
+ ": var(--text-primary);\n ",
83
+ ": var(--text-warning);\n\n ",
77
84
  ": var(--text-secondary);\n ",
78
- ": var(--text-tertiary);\n\n ",
85
+ ": var(--text-tertiary);\n ",
86
+ ": var(--text-warning);\n ",
87
+ ": var(--text-warning);\n\n ",
79
88
  ": var(--surface-transparent-warning);\n ",
80
89
  ": var(--surface-transparent-warning-hover);\n ",
81
90
  ": var(--surface-transparent-warning-active);\n ",
@@ -104,9 +113,12 @@ function _templateObject2() {
104
113
  function _templateObject3() {
105
114
  var data = _tagged_template_literal([
106
115
  "\n ",
107
- ": var(--text-primary);\n\n ",
116
+ ": var(--text-primary);\n ",
117
+ ": var(--text-negative);\n\n ",
108
118
  ": var(--text-secondary);\n ",
109
- ": var(--text-tertiary);\n\n ",
119
+ ": var(--text-tertiary);\n ",
120
+ ": var(--text-negative);\n ",
121
+ ": var(--text-negative);\n\n ",
110
122
  ": var(--surface-transparent-negative);\n ",
111
123
  ": var(--surface-transparent-negative-hover);\n ",
112
124
  ": var(--surface-transparent-negative-active);\n ",
@@ -148,6 +160,7 @@ function _templateObject4() {
148
160
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
149
161
  ": var(--plasma-typo-body-l-line-height);\n\n ",
150
162
  ": 0.75rem;\n ",
163
+ ": 0.25rem;\n ",
151
164
  ": var(--plasma-typo-body-l-font-family);\n ",
152
165
  ": var(--plasma-typo-body-l-font-size);\n ",
153
166
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -156,7 +169,8 @@ function _templateObject4() {
156
169
  ": var(--plasma-typo-body-l-line-height);\n\n ",
157
170
  ": -0.688rem -0.5rem;\n ",
158
171
  ": 2.375rem;\n ",
159
- ": 0.82rem -2.938rem auto auto;\n\n ",
172
+ ": 0.82rem -2.938rem auto auto;\n ",
173
+ ": 0.82rem -2.063rem auto auto;\n\n ",
160
174
  ": 0.25rem;\n ",
161
175
  ": var(--plasma-typo-body-xs-font-family);\n ",
162
176
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -201,7 +215,10 @@ function _templateObject4() {
201
215
  ": 0 0 0 0;\n ",
202
216
  ": 0.5rem auto auto -0.75rem;\n ",
203
217
  ": 0 0 auto auto;\n ",
204
- ": 0.25rem -0.625rem auto auto;\n "
218
+ ": 0.25rem -0.625rem auto auto;\n ",
219
+ ": 1.75rem auto auto -0.875rem;\n ",
220
+ ": 1.75rem -0.875rem auto auto;\n ",
221
+ ": 1.75rem -2.488rem auto auto;\n "
205
222
  ]);
206
223
  _templateObject4 = function _templateObject() {
207
224
  return data;
@@ -216,7 +233,7 @@ function _templateObject5() {
216
233
  ": 0.375rem;\n ",
217
234
  ": 0.875rem;\n ",
218
235
  ": 0.0625rem;\n\n ",
219
- ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
236
+ ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ",
220
237
  ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
221
238
  ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
222
239
  ": 0.25rem;\n ",
@@ -228,6 +245,7 @@ function _templateObject5() {
228
245
  ": var(--plasma-typo-body-l-letter-spacing);\n ",
229
246
  ": var(--plasma-typo-body-l-line-height);\n\n ",
230
247
  ": 0.75rem;\n ",
248
+ ": 0.25rem;\n ",
231
249
  ": var(--plasma-typo-body-l-font-family);\n ",
232
250
  ": var(--plasma-typo-body-l-font-size);\n ",
233
251
  ": var(--plasma-typo-body-l-font-style);\n ",
@@ -273,7 +291,10 @@ function _templateObject5() {
273
291
  ": 0 0 0 0;\n ",
274
292
  ": 0.5rem auto auto -0.75rem;\n ",
275
293
  ": 0 0 auto auto;\n ",
276
- ": 0.25rem -0.625rem auto auto;\n\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
298
  ": 0 0.25rem 0 0;\n ",
278
299
  ": 0 0 0 0.25rem;\n "
279
300
  ]);
@@ -290,7 +311,7 @@ function _templateObject6() {
290
311
  ": 0.375rem;\n ",
291
312
  ": 0.75rem;\n ",
292
313
  ": 0.0625rem;\n\n ",
293
- ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
314
+ ": -0.125rem 0.25rem -0.125rem -0.125rem;\n ",
294
315
  ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
295
316
  ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
296
317
  ": 0.25rem;\n ",
@@ -302,6 +323,7 @@ function _templateObject6() {
302
323
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
303
324
  ": var(--plasma-typo-body-m-line-height);\n\n ",
304
325
  ": 0.625rem;\n ",
326
+ ": 0.25rem;\n ",
305
327
  ": var(--plasma-typo-body-m-font-family);\n ",
306
328
  ": var(--plasma-typo-body-m-font-size);\n ",
307
329
  ": var(--plasma-typo-body-m-font-style);\n ",
@@ -347,7 +369,10 @@ function _templateObject6() {
347
369
  ": 0 0 0 0;\n ",
348
370
  ": 0.375rem auto auto -0.75rem;\n ",
349
371
  ": 0 0 auto auto;\n ",
350
- ": 0.25rem -0.6875rem auto auto;\n\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
376
  ": 0 0.25rem 0 0;\n ",
352
377
  ": 0 0 0 0.25rem;\n "
353
378
  ]);
@@ -376,6 +401,7 @@ function _templateObject7() {
376
401
  ": var(--plasma-typo-body-s-letter-spacing);\n ",
377
402
  ": var(--plasma-typo-body-s-line-height);\n\n ",
378
403
  ": 0.5rem;\n ",
404
+ ": 0.25rem;\n ",
379
405
  ": var(--plasma-typo-body-s-font-family);\n ",
380
406
  ": var(--plasma-typo-body-s-font-size);\n ",
381
407
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -421,7 +447,10 @@ function _templateObject7() {
421
447
  ": 0 0 0 0;\n ",
422
448
  ": 0.3125rem auto auto -0.6875rem;\n ",
423
449
  ": 0 0 auto auto;\n ",
424
- ": 0.25rem -0.625rem auto auto;\n\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
454
  ": 0 0.25rem 0 0;\n ",
426
455
  ": 0 0 0 0.25rem;\n "
427
456
  ]);
@@ -450,6 +479,7 @@ function _templateObject8() {
450
479
  ": var(--plasma-typo-body-xs-letter-spacing);\n ",
451
480
  ": var(--plasma-typo-body-xs-line-height);\n\n ",
452
481
  ": 0.375rem;\n ",
482
+ ": 0.25rem;\n ",
453
483
  ": var(--plasma-typo-body-xs-font-family);\n ",
454
484
  ": var(--plasma-typo-body-xs-font-size);\n ",
455
485
  ": var(--plasma-typo-body-xs-font-style);\n ",
@@ -495,7 +525,10 @@ function _templateObject8() {
495
525
  ": 0 0 0 0;\n ",
496
526
  ": 0.25rem auto auto -0.625rem;\n ",
497
527
  ": 0 0 auto auto;\n ",
498
- ": 0.125rem -0.6875rem auto auto;\n\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
532
  ": 0 0.25rem 0 0;\n ",
500
533
  ": 0 0 0 0.25rem;\n "
501
534
  ]);
@@ -530,6 +563,15 @@ function _templateObject10() {
530
563
  return data;
531
564
  }
532
565
  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() {
533
575
  var data = _tagged_template_literal([
534
576
  "\n ",
535
577
  ": var(--inverse-text-primary);\n ",
@@ -547,12 +589,12 @@ function _templateObject11() {
547
589
  ": var(--inverse-text-secondary-hover);\n ",
548
590
  ": 1;\n "
549
591
  ]);
550
- _templateObject11 = function _templateObject() {
592
+ _templateObject12 = function _templateObject() {
551
593
  return data;
552
594
  };
553
595
  return data;
554
596
  }
555
- function _templateObject12() {
597
+ function _templateObject13() {
556
598
  var data = _tagged_template_literal([
557
599
  "\n ",
558
600
  ": var(--text-primary);\n ",
@@ -570,12 +612,12 @@ function _templateObject12() {
570
612
  ": var(--text-secondary-hover);\n ",
571
613
  ": 1;\n "
572
614
  ]);
573
- _templateObject12 = function _templateObject() {
615
+ _templateObject13 = function _templateObject() {
574
616
  return data;
575
617
  };
576
618
  return data;
577
619
  }
578
- function _templateObject13() {
620
+ function _templateObject14() {
579
621
  var data = _tagged_template_literal([
580
622
  "\n ",
581
623
  ": var(--on-dark-text-primary);\n ",
@@ -593,12 +635,12 @@ function _templateObject13() {
593
635
  ": var(--on-dark-text-secondary-hover);\n ",
594
636
  ": 1;\n "
595
637
  ]);
596
- _templateObject13 = function _templateObject() {
638
+ _templateObject14 = function _templateObject() {
597
639
  return data;
598
640
  };
599
641
  return data;
600
642
  }
601
- function _templateObject14() {
643
+ function _templateObject15() {
602
644
  var data = _tagged_template_literal([
603
645
  "\n ",
604
646
  ": var(--on-dark-text-primary);\n ",
@@ -616,12 +658,12 @@ function _templateObject14() {
616
658
  ": var(--on-dark-text-secondary-hover);\n ",
617
659
  ": 1;\n "
618
660
  ]);
619
- _templateObject14 = function _templateObject() {
661
+ _templateObject15 = function _templateObject() {
620
662
  return data;
621
663
  };
622
664
  return data;
623
665
  }
624
- function _templateObject15() {
666
+ function _templateObject16() {
625
667
  var data = _tagged_template_literal([
626
668
  "\n ",
627
669
  ": var(--on-dark-text-primary);\n ",
@@ -639,12 +681,12 @@ function _templateObject15() {
639
681
  ": var(--on-dark-text-secondary-hover);\n ",
640
682
  ": 1;\n "
641
683
  ]);
642
- _templateObject15 = function _templateObject() {
684
+ _templateObject16 = function _templateObject() {
643
685
  return data;
644
686
  };
645
687
  return data;
646
688
  }
647
- function _templateObject16() {
689
+ function _templateObject17() {
648
690
  var data = _tagged_template_literal([
649
691
  "\n ",
650
692
  ": var(--on-dark-text-primary);\n ",
@@ -662,12 +704,12 @@ function _templateObject16() {
662
704
  ": var(--on-dark-text-secondary-hover);\n ",
663
705
  ": 1;\n "
664
706
  ]);
665
- _templateObject16 = function _templateObject() {
707
+ _templateObject17 = function _templateObject() {
666
708
  return data;
667
709
  };
668
710
  return data;
669
711
  }
670
- function _templateObject17() {
712
+ function _templateObject18() {
671
713
  var data = _tagged_template_literal([
672
714
  "\n ",
673
715
  ": var(--surface-solid-card-brightness);\n ",
@@ -675,12 +717,12 @@ function _templateObject17() {
675
717
  ": var(--text-primary);\n ",
676
718
  ": var(--surface-solid-card-brightness);\n "
677
719
  ]);
678
- _templateObject17 = function _templateObject() {
720
+ _templateObject18 = function _templateObject() {
679
721
  return data;
680
722
  };
681
723
  return data;
682
724
  }
683
- function _templateObject18() {
725
+ function _templateObject19() {
684
726
  var data = _tagged_template_literal([
685
727
  "\n ",
686
728
  ": 0.6875rem;\n ",
@@ -702,12 +744,12 @@ function _templateObject18() {
702
744
  ": 0.5rem;\n ",
703
745
  ": 0.625rem;\n "
704
746
  ]);
705
- _templateObject18 = function _templateObject() {
747
+ _templateObject19 = function _templateObject() {
706
748
  return data;
707
749
  };
708
750
  return data;
709
751
  }
710
- function _templateObject19() {
752
+ function _templateObject20() {
711
753
  var data = _tagged_template_literal([
712
754
  "\n ",
713
755
  ": 0.5rem;\n ",
@@ -729,22 +771,22 @@ function _templateObject19() {
729
771
  ": 0.375rem;\n ",
730
772
  ": 0.5625rem;\n "
731
773
  ]);
732
- _templateObject19 = function _templateObject() {
774
+ _templateObject20 = function _templateObject() {
733
775
  return data;
734
776
  };
735
777
  return data;
736
778
  }
737
- function _templateObject20() {
779
+ function _templateObject21() {
738
780
  var data = _tagged_template_literal([
739
781
  "\n ",
740
782
  ": 0.4;\n "
741
783
  ]);
742
- _templateObject20 = function _templateObject() {
784
+ _templateObject21 = function _templateObject() {
743
785
  return data;
744
786
  };
745
787
  return data;
746
788
  }
747
- function _templateObject21() {
789
+ function _templateObject22() {
748
790
  var data = _tagged_template_literal([
749
791
  "\n ",
750
792
  ": 0.1;\n ",
@@ -757,7 +799,7 @@ function _templateObject21() {
757
799
  ": var(--surface-transparent-primary);\n ",
758
800
  ": 0.4;\n "
759
801
  ]);
760
- _templateObject21 = function _templateObject() {
802
+ _templateObject22 = function _templateObject() {
761
803
  return data;
762
804
  };
763
805
  return data;
@@ -767,46 +809,50 @@ export var config = {
767
809
  defaults: {
768
810
  view: 'default',
769
811
  size: 'm',
770
- labelPlacement: 'outer'
812
+ labelPlacement: 'outer',
813
+ chipView: 'secondary'
771
814
  },
772
815
  variations: {
773
816
  view: {
774
- default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
775
- positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
776
- warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
777
- negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
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)
778
821
  },
779
822
  size: {
780
- xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
781
- l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
782
- m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
783
- s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
784
- xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin)
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)
785
828
  },
786
829
  labelPlacement: {
787
830
  inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
788
831
  outer: css(_templateObject10())
789
832
  },
833
+ clear: {
834
+ true: css(_templateObject11())
835
+ },
790
836
  chipView: {
791
- default: css(_templateObject11(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
792
- secondary: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
793
- accent: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
794
- positive: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
795
- warning: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
796
- negative: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
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)
797
843
  },
798
844
  hintView: {
799
- default: css(_templateObject17(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
845
+ default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
800
846
  },
801
847
  hintSize: {
802
- m: css(_templateObject18(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
803
- s: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
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
850
  },
805
851
  disabled: {
806
- true: css(_templateObject20(), tokens.disabledOpacity)
852
+ true: css(_templateObject21(), tokens.disabledOpacity)
807
853
  },
808
854
  readOnly: {
809
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
855
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
810
856
  }
811
857
  }
812
858
  };
package/emotion/es/components/TextField/TextField.js CHANGED
@@ -1,16 +1,6 @@
1
- import { textFieldConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/emotion';
1
+ import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { config } from './TextField.config';
3
- import { config as clearConfig } from './TextField.clear.config';
4
- var mergedConfigDefault = mergeConfig(textFieldConfig, config);
5
- export var TextFieldDefault = component(mergedConfigDefault);
6
- var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
7
- export var TextFieldClear = component(mergedConfigClear);
8
- export var TextField = createConditionalComponent(TextFieldDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: TextFieldClear
15
- }
16
- ]);
3
+ var mergedConfig = mergeConfig(textFieldConfig, config);
4
+ /**
5
+ * Поле ввода текста.
6
+ */ export var TextField = component(mergedConfig);