@salutejs/sdds-serv 0.330.0-canary.2358.19815233540.0 → 0.330.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.css +21 -43
- package/components/Mask/Mask.d.ts +33 -17
- package/components/Radiobox/Radiobox.d.ts +2 -2
- package/components/TextField/TextField.config.d.ts +4 -0
- package/components/TextField/TextField.config.js +17 -13
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.config_15il1op.css +23 -0
- package/components/TextField/TextField.d.ts +7 -970
- package/components/TextField/TextField.js +6 -14
- package/components/TextField/TextField.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.config.js +102 -56
- package/emotion/cjs/components/TextField/TextField.js +5 -28
- package/emotion/es/components/TextField/TextField.config.js +102 -56
- package/emotion/es/components/TextField/TextField.js +5 -15
- package/es/components/Mask/Mask.css +21 -43
- package/es/components/TextField/TextField.config.js +17 -13
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.config_15il1op.css +23 -0
- package/es/components/TextField/TextField.js +8 -14
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +23 -45
- package/package.json +4 -4
- package/styled-components/cjs/components/TextField/TextField.config.js +102 -56
- package/styled-components/cjs/components/TextField/TextField.js +5 -28
- package/styled-components/es/components/TextField/TextField.config.js +102 -56
- package/styled-components/es/components/TextField/TextField.js +5 -15
- package/components/TextField/TextField.clear.config.d.ts +0 -47
- package/components/TextField/TextField.clear.config.js +0 -55
- package/components/TextField/TextField.clear.config.js.map +0 -1
- package/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
- package/components/TextField/TextField.config_c4zz6m.css +0 -22
- package/emotion/cjs/components/TextField/TextField.clear.config.js +0 -831
- package/emotion/es/components/TextField/TextField.clear.config.js +0 -821
- package/es/components/TextField/TextField.clear.config.js +0 -51
- package/es/components/TextField/TextField.clear.config.js.map +0 -1
- package/es/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
- package/es/components/TextField/TextField.config_c4zz6m.css +0 -22
- package/styled-components/cjs/components/TextField/TextField.clear.config.js +0 -831
- package/styled-components/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 ",
|
|
@@ -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
|
|
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.
|
|
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
|
|
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.
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
592
|
+
_templateObject12 = function _templateObject() {
|
|
551
593
|
return data;
|
|
552
594
|
};
|
|
553
595
|
return data;
|
|
554
596
|
}
|
|
555
|
-
function
|
|
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
|
-
|
|
615
|
+
_templateObject13 = function _templateObject() {
|
|
574
616
|
return data;
|
|
575
617
|
};
|
|
576
618
|
return data;
|
|
577
619
|
}
|
|
578
|
-
function
|
|
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
|
-
|
|
638
|
+
_templateObject14 = function _templateObject() {
|
|
597
639
|
return data;
|
|
598
640
|
};
|
|
599
641
|
return data;
|
|
600
642
|
}
|
|
601
|
-
function
|
|
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
|
-
|
|
661
|
+
_templateObject15 = function _templateObject() {
|
|
620
662
|
return data;
|
|
621
663
|
};
|
|
622
664
|
return data;
|
|
623
665
|
}
|
|
624
|
-
function
|
|
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
|
-
|
|
684
|
+
_templateObject16 = function _templateObject() {
|
|
643
685
|
return data;
|
|
644
686
|
};
|
|
645
687
|
return data;
|
|
646
688
|
}
|
|
647
|
-
function
|
|
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
|
-
|
|
707
|
+
_templateObject17 = function _templateObject() {
|
|
666
708
|
return data;
|
|
667
709
|
};
|
|
668
710
|
return data;
|
|
669
711
|
}
|
|
670
|
-
function
|
|
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
|
-
|
|
720
|
+
_templateObject18 = function _templateObject() {
|
|
679
721
|
return data;
|
|
680
722
|
};
|
|
681
723
|
return data;
|
|
682
724
|
}
|
|
683
|
-
function
|
|
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
|
-
|
|
747
|
+
_templateObject19 = function _templateObject() {
|
|
706
748
|
return data;
|
|
707
749
|
};
|
|
708
750
|
return data;
|
|
709
751
|
}
|
|
710
|
-
function
|
|
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
|
-
|
|
774
|
+
_templateObject20 = function _templateObject() {
|
|
733
775
|
return data;
|
|
734
776
|
};
|
|
735
777
|
return data;
|
|
736
778
|
}
|
|
737
|
-
function
|
|
779
|
+
function _templateObject21() {
|
|
738
780
|
var data = _tagged_template_literal([
|
|
739
781
|
"\n ",
|
|
740
782
|
": 0.4;\n "
|
|
741
783
|
]);
|
|
742
|
-
|
|
784
|
+
_templateObject21 = function _templateObject() {
|
|
743
785
|
return data;
|
|
744
786
|
};
|
|
745
787
|
return data;
|
|
746
788
|
}
|
|
747
|
-
function
|
|
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
|
-
|
|
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(
|
|
792
|
-
secondary: css(
|
|
793
|
-
accent: css(
|
|
794
|
-
positive: css(
|
|
795
|
-
warning: css(
|
|
796
|
-
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)
|
|
797
843
|
},
|
|
798
844
|
hintView: {
|
|
799
|
-
default: css(
|
|
845
|
+
default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
|
800
846
|
},
|
|
801
847
|
hintSize: {
|
|
802
|
-
m: css(
|
|
803
|
-
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)
|
|
804
850
|
},
|
|
805
851
|
disabled: {
|
|
806
|
-
true: css(
|
|
852
|
+
true: css(_templateObject21(), tokens.disabledOpacity)
|
|
807
853
|
},
|
|
808
854
|
readOnly: {
|
|
809
|
-
true: css(
|
|
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
|
};
|
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
import { textFieldConfig, component, mergeConfig
|
|
1
|
+
import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
|
|
2
2
|
import { config } from './TextField.config';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
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);
|