@salutejs/plasma-b2c 1.599.0-canary.2358.19815233540.0 → 1.599.0-canary.2365.19816292443.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.
- package/components/Mask/Mask.d.ts +33 -17
- package/components/TextField/TextField.config.d.ts +3 -0
- package/components/TextField/TextField.config.js +96 -52
- package/components/TextField/TextField.d.ts +5 -971
- package/components/TextField/TextField.js +2 -20
- package/css/cjs/components/Mask/Mask.css +21 -43
- package/css/cjs/components/TextField/TextField.config.js +15 -12
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/TextField.config_127hwsa.css +23 -0
- package/css/cjs/components/TextField/TextField.js +2 -14
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/index.css +23 -45
- package/css/es/components/Mask/Mask.css +21 -43
- package/css/es/components/TextField/TextField.config.js +15 -12
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/TextField.config_127hwsa.css +23 -0
- package/css/es/components/TextField/TextField.js +4 -14
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/index.css +23 -45
- package/es/components/TextField/TextField.config.js +96 -52
- package/es/components/TextField/TextField.js +3 -15
- package/package.json +5 -5
- package/components/TextField/TextField.clear.config.d.ts +0 -47
- package/components/TextField/TextField.clear.config.js +0 -831
- package/css/cjs/components/TextField/TextField.clear.config.js +0 -55
- package/css/cjs/components/TextField/TextField.clear.config.js.map +0 -1
- package/css/cjs/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
- package/css/cjs/components/TextField/TextField.config_ugxxy2.css +0 -22
- package/css/es/components/TextField/TextField.clear.config.js +0 -51
- package/css/es/components/TextField/TextField.clear.config.js.map +0 -1
- package/css/es/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
- package/css/es/components/TextField/TextField.config_ugxxy2.css +0 -22
- package/es/components/TextField/TextField.clear.config.js +0 -821
|
@@ -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
|
|
48
|
+
": var(--text-primary);\n ",
|
|
49
|
+
": var(--text-positive);\n\n ",
|
|
46
50
|
": var(--text-secondary);\n ",
|
|
47
|
-
": var(--text-tertiary);\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
|
|
82
|
+
": var(--text-primary);\n ",
|
|
83
|
+
": var(--text-warning);\n\n ",
|
|
77
84
|
": var(--text-secondary);\n ",
|
|
78
|
-
": var(--text-tertiary);\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
|
|
116
|
+
": var(--text-primary);\n ",
|
|
117
|
+
": var(--text-negative);\n\n ",
|
|
108
118
|
": var(--text-secondary);\n ",
|
|
109
|
-
": var(--text-tertiary);\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 ",
|
|
@@ -202,7 +215,10 @@ function _templateObject4() {
|
|
|
202
215
|
": 0 0 0 0;\n ",
|
|
203
216
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
204
217
|
": 0 0 auto auto;\n ",
|
|
205
|
-
": 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 "
|
|
206
222
|
]);
|
|
207
223
|
_templateObject4 = function _templateObject() {
|
|
208
224
|
return data;
|
|
@@ -229,6 +245,7 @@ function _templateObject5() {
|
|
|
229
245
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
230
246
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
231
247
|
": 0.75rem;\n ",
|
|
248
|
+
": 0.25rem;\n ",
|
|
232
249
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
233
250
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
234
251
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -274,7 +291,10 @@ function _templateObject5() {
|
|
|
274
291
|
": 0 0 0 0;\n ",
|
|
275
292
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
276
293
|
": 0 0 auto auto;\n ",
|
|
277
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
294
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
295
|
+
": 1.5rem auto auto -0.875rem;\n ",
|
|
296
|
+
": 1.5rem -0.875rem auto auto;\n ",
|
|
297
|
+
": 1.5rem -2.488rem auto auto;\n\n ",
|
|
278
298
|
": 0 0.25rem 0 0;\n ",
|
|
279
299
|
": 0 0 0 0.25rem;\n "
|
|
280
300
|
]);
|
|
@@ -303,6 +323,7 @@ function _templateObject6() {
|
|
|
303
323
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
304
324
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
305
325
|
": 0.625rem;\n ",
|
|
326
|
+
": 0.25rem;\n ",
|
|
306
327
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
307
328
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
308
329
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
@@ -348,7 +369,10 @@ function _templateObject6() {
|
|
|
348
369
|
": 0 0 0 0;\n ",
|
|
349
370
|
": 0.375rem auto auto -0.75rem;\n ",
|
|
350
371
|
": 0 0 auto auto;\n ",
|
|
351
|
-
": 0.25rem -0.6875rem auto auto;\n
|
|
372
|
+
": 0.25rem -0.6875rem auto auto;\n ",
|
|
373
|
+
": 1.25rem auto auto -0.875rem;\n ",
|
|
374
|
+
": 1.25rem -0.875rem auto auto;\n ",
|
|
375
|
+
": 1.25rem -2.488rem auto auto;\n\n ",
|
|
352
376
|
": 0 0.25rem 0 0;\n ",
|
|
353
377
|
": 0 0 0 0.25rem;\n "
|
|
354
378
|
]);
|
|
@@ -377,6 +401,7 @@ function _templateObject7() {
|
|
|
377
401
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
378
402
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
379
403
|
": 0.5rem;\n ",
|
|
404
|
+
": 0.25rem;\n ",
|
|
380
405
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
381
406
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
382
407
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -422,7 +447,10 @@ function _templateObject7() {
|
|
|
422
447
|
": 0 0 0 0;\n ",
|
|
423
448
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
424
449
|
": 0 0 auto auto;\n ",
|
|
425
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
450
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
451
|
+
": 1.063rem auto auto -0.75rem;\n ",
|
|
452
|
+
": 1.063rem -0.75rem auto auto;\n ",
|
|
453
|
+
": 1.063rem -2.238rem auto auto;\n\n ",
|
|
426
454
|
": 0 0.25rem 0 0;\n ",
|
|
427
455
|
": 0 0 0 0.25rem;\n "
|
|
428
456
|
]);
|
|
@@ -451,6 +479,7 @@ function _templateObject8() {
|
|
|
451
479
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
452
480
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
453
481
|
": 0.375rem;\n ",
|
|
482
|
+
": 0.25rem;\n ",
|
|
454
483
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
455
484
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
456
485
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
@@ -496,7 +525,10 @@ function _templateObject8() {
|
|
|
496
525
|
": 0 0 0 0;\n ",
|
|
497
526
|
": 0.25rem auto auto -0.625rem;\n ",
|
|
498
527
|
": 0 0 auto auto;\n ",
|
|
499
|
-
": 0.125rem -0.6875rem auto auto;\n
|
|
528
|
+
": 0.125rem -0.6875rem auto auto;\n ",
|
|
529
|
+
": 0.813rem auto auto -0.625rem;\n ",
|
|
530
|
+
": 0.813rem -0.625rem auto auto;\n ",
|
|
531
|
+
": 0.813rem -1.988rem auto auto;\n\n ",
|
|
500
532
|
": 0 0.25rem 0 0;\n ",
|
|
501
533
|
": 0 0 0 0.25rem;\n "
|
|
502
534
|
]);
|
|
@@ -531,6 +563,15 @@ function _templateObject10() {
|
|
|
531
563
|
return data;
|
|
532
564
|
}
|
|
533
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() {
|
|
534
575
|
var data = _tagged_template_literal([
|
|
535
576
|
"\n ",
|
|
536
577
|
": var(--inverse-text-primary);\n ",
|
|
@@ -548,12 +589,12 @@ function _templateObject11() {
|
|
|
548
589
|
": var(--inverse-text-secondary-hover);\n ",
|
|
549
590
|
": 1;\n "
|
|
550
591
|
]);
|
|
551
|
-
|
|
592
|
+
_templateObject12 = function _templateObject() {
|
|
552
593
|
return data;
|
|
553
594
|
};
|
|
554
595
|
return data;
|
|
555
596
|
}
|
|
556
|
-
function
|
|
597
|
+
function _templateObject13() {
|
|
557
598
|
var data = _tagged_template_literal([
|
|
558
599
|
"\n ",
|
|
559
600
|
": var(--text-primary);\n ",
|
|
@@ -571,12 +612,12 @@ function _templateObject12() {
|
|
|
571
612
|
": var(--text-secondary-hover);\n ",
|
|
572
613
|
": 1;\n "
|
|
573
614
|
]);
|
|
574
|
-
|
|
615
|
+
_templateObject13 = function _templateObject() {
|
|
575
616
|
return data;
|
|
576
617
|
};
|
|
577
618
|
return data;
|
|
578
619
|
}
|
|
579
|
-
function
|
|
620
|
+
function _templateObject14() {
|
|
580
621
|
var data = _tagged_template_literal([
|
|
581
622
|
"\n ",
|
|
582
623
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -594,12 +635,12 @@ function _templateObject13() {
|
|
|
594
635
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
595
636
|
": 1;\n "
|
|
596
637
|
]);
|
|
597
|
-
|
|
638
|
+
_templateObject14 = function _templateObject() {
|
|
598
639
|
return data;
|
|
599
640
|
};
|
|
600
641
|
return data;
|
|
601
642
|
}
|
|
602
|
-
function
|
|
643
|
+
function _templateObject15() {
|
|
603
644
|
var data = _tagged_template_literal([
|
|
604
645
|
"\n ",
|
|
605
646
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -617,12 +658,12 @@ function _templateObject14() {
|
|
|
617
658
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
618
659
|
": 1;\n "
|
|
619
660
|
]);
|
|
620
|
-
|
|
661
|
+
_templateObject15 = function _templateObject() {
|
|
621
662
|
return data;
|
|
622
663
|
};
|
|
623
664
|
return data;
|
|
624
665
|
}
|
|
625
|
-
function
|
|
666
|
+
function _templateObject16() {
|
|
626
667
|
var data = _tagged_template_literal([
|
|
627
668
|
"\n ",
|
|
628
669
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -640,12 +681,12 @@ function _templateObject15() {
|
|
|
640
681
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
641
682
|
": 1;\n "
|
|
642
683
|
]);
|
|
643
|
-
|
|
684
|
+
_templateObject16 = function _templateObject() {
|
|
644
685
|
return data;
|
|
645
686
|
};
|
|
646
687
|
return data;
|
|
647
688
|
}
|
|
648
|
-
function
|
|
689
|
+
function _templateObject17() {
|
|
649
690
|
var data = _tagged_template_literal([
|
|
650
691
|
"\n ",
|
|
651
692
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -663,12 +704,12 @@ function _templateObject16() {
|
|
|
663
704
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
664
705
|
": 1;\n "
|
|
665
706
|
]);
|
|
666
|
-
|
|
707
|
+
_templateObject17 = function _templateObject() {
|
|
667
708
|
return data;
|
|
668
709
|
};
|
|
669
710
|
return data;
|
|
670
711
|
}
|
|
671
|
-
function
|
|
712
|
+
function _templateObject18() {
|
|
672
713
|
var data = _tagged_template_literal([
|
|
673
714
|
"\n ",
|
|
674
715
|
": var(--surface-solid-card-brightness);\n ",
|
|
@@ -676,12 +717,12 @@ function _templateObject17() {
|
|
|
676
717
|
": var(--text-primary);\n ",
|
|
677
718
|
": var(--surface-solid-card-brightness);\n "
|
|
678
719
|
]);
|
|
679
|
-
|
|
720
|
+
_templateObject18 = function _templateObject() {
|
|
680
721
|
return data;
|
|
681
722
|
};
|
|
682
723
|
return data;
|
|
683
724
|
}
|
|
684
|
-
function
|
|
725
|
+
function _templateObject19() {
|
|
685
726
|
var data = _tagged_template_literal([
|
|
686
727
|
"\n ",
|
|
687
728
|
": 0.6875rem;\n ",
|
|
@@ -703,12 +744,12 @@ function _templateObject18() {
|
|
|
703
744
|
": 0.5rem;\n ",
|
|
704
745
|
": 0.625rem;\n "
|
|
705
746
|
]);
|
|
706
|
-
|
|
747
|
+
_templateObject19 = function _templateObject() {
|
|
707
748
|
return data;
|
|
708
749
|
};
|
|
709
750
|
return data;
|
|
710
751
|
}
|
|
711
|
-
function
|
|
752
|
+
function _templateObject20() {
|
|
712
753
|
var data = _tagged_template_literal([
|
|
713
754
|
"\n ",
|
|
714
755
|
": 0.5rem;\n ",
|
|
@@ -730,22 +771,22 @@ function _templateObject19() {
|
|
|
730
771
|
": 0.375rem;\n ",
|
|
731
772
|
": 0.5625rem;\n "
|
|
732
773
|
]);
|
|
733
|
-
|
|
774
|
+
_templateObject20 = function _templateObject() {
|
|
734
775
|
return data;
|
|
735
776
|
};
|
|
736
777
|
return data;
|
|
737
778
|
}
|
|
738
|
-
function
|
|
779
|
+
function _templateObject21() {
|
|
739
780
|
var data = _tagged_template_literal([
|
|
740
781
|
"\n ",
|
|
741
782
|
": 0.4;\n "
|
|
742
783
|
]);
|
|
743
|
-
|
|
784
|
+
_templateObject21 = function _templateObject() {
|
|
744
785
|
return data;
|
|
745
786
|
};
|
|
746
787
|
return data;
|
|
747
788
|
}
|
|
748
|
-
function
|
|
789
|
+
function _templateObject22() {
|
|
749
790
|
var data = _tagged_template_literal([
|
|
750
791
|
"\n ",
|
|
751
792
|
": 0.1;\n ",
|
|
@@ -758,7 +799,7 @@ function _templateObject21() {
|
|
|
758
799
|
": var(--surface-transparent-primary);\n ",
|
|
759
800
|
": 0.4;\n "
|
|
760
801
|
]);
|
|
761
|
-
|
|
802
|
+
_templateObject22 = function _templateObject() {
|
|
762
803
|
return data;
|
|
763
804
|
};
|
|
764
805
|
return data;
|
|
@@ -773,42 +814,45 @@ export var config = {
|
|
|
773
814
|
},
|
|
774
815
|
variations: {
|
|
775
816
|
view: {
|
|
776
|
-
default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
777
|
-
positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
778
|
-
warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
779
|
-
negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
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)
|
|
780
821
|
},
|
|
781
822
|
size: {
|
|
782
|
-
xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
783
|
-
l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
784
|
-
m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
785
|
-
s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
786
|
-
xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin)
|
|
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)
|
|
787
828
|
},
|
|
788
829
|
labelPlacement: {
|
|
789
830
|
inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
|
790
831
|
outer: css(_templateObject10())
|
|
791
832
|
},
|
|
833
|
+
clear: {
|
|
834
|
+
true: css(_templateObject11())
|
|
835
|
+
},
|
|
792
836
|
chipView: {
|
|
793
|
-
default: css(
|
|
794
|
-
secondary: css(
|
|
795
|
-
accent: css(
|
|
796
|
-
positive: css(
|
|
797
|
-
warning: css(
|
|
798
|
-
negative: css(
|
|
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)
|
|
799
843
|
},
|
|
800
844
|
hintView: {
|
|
801
|
-
default: css(
|
|
845
|
+
default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
|
802
846
|
},
|
|
803
847
|
hintSize: {
|
|
804
|
-
m: css(
|
|
805
|
-
s: css(
|
|
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)
|
|
806
850
|
},
|
|
807
851
|
disabled: {
|
|
808
|
-
true: css(
|
|
852
|
+
true: css(_templateObject21(), tokens.disabledOpacity)
|
|
809
853
|
},
|
|
810
854
|
readOnly: {
|
|
811
|
-
true: css(
|
|
855
|
+
true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
812
856
|
}
|
|
813
857
|
}
|
|
814
858
|
};
|
|
@@ -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
|
|
81
|
+
import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
82
82
|
import { config } from './TextField.config';
|
|
83
|
-
|
|
84
|
-
var
|
|
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-b2c",
|
|
3
|
-
"version": "1.599.0-canary.
|
|
3
|
+
"version": "1.599.0-canary.2365.19816292443.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for business-related web applications.",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@salutejs/plasma-core": "1.210.0",
|
|
46
|
-
"@salutejs/plasma-hope": "1.
|
|
47
|
-
"@salutejs/plasma-new-hope": "0.343.0-canary.
|
|
46
|
+
"@salutejs/plasma-hope": "1.356.0",
|
|
47
|
+
"@salutejs/plasma-new-hope": "0.343.0-canary.2365.19816292443.0",
|
|
48
48
|
"@salutejs/plasma-themes": "0.38.0",
|
|
49
49
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
|
50
50
|
"@salutejs/plasma-tokens-web": "1.69.0",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@salutejs/plasma-colors": "0.16.0",
|
|
74
74
|
"@salutejs/plasma-cy-utils": "0.140.0",
|
|
75
75
|
"@salutejs/plasma-icons": "1.227.0",
|
|
76
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
76
|
+
"@salutejs/plasma-sb-utils": "0.210.0",
|
|
77
77
|
"@storybook/addon-docs": "8.6.14",
|
|
78
78
|
"@storybook/addon-essentials": "8.6.14",
|
|
79
79
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -107,5 +107,5 @@
|
|
|
107
107
|
"react"
|
|
108
108
|
],
|
|
109
109
|
"sideEffects": false,
|
|
110
|
-
"gitHead": "
|
|
110
|
+
"gitHead": "d74ce1f02dda4d490a83c41088cee1bd65515d52"
|
|
111
111
|
}
|
|
@@ -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
|
-
};
|