@salutejs/plasma-web 1.601.0-canary.2358.19815233540.0 → 1.601.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 +100 -51
- 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_4hsnnu.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_4hsnnu.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 +100 -51
- 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_1cwmi74.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_1cwmi74.css +0 -22
- package/es/components/TextField/TextField.clear.config.js +0 -821
|
@@ -12,9 +12,12 @@ function _templateObject() {
|
|
|
12
12
|
var data = _tagged_template_literal([
|
|
13
13
|
"\n ",
|
|
14
14
|
": var(--text-primary);\n ",
|
|
15
|
+
": var(--text-primary);\n ",
|
|
15
16
|
": var(--surface-clear);\n ",
|
|
16
17
|
": var(--text-accent);\n ",
|
|
17
18
|
": var(--text-secondary);\n ",
|
|
19
|
+
": var(--text-secondary);\n ",
|
|
20
|
+
": var(--text-tertiary);\n ",
|
|
18
21
|
": var(--text-tertiary);\n ",
|
|
19
22
|
": var(--text-primary);\n ",
|
|
20
23
|
": var(--text-secondary);\n ",
|
|
@@ -44,10 +47,13 @@ function _templateObject1() {
|
|
|
44
47
|
var data = _tagged_template_literal([
|
|
45
48
|
"\n ",
|
|
46
49
|
": var(--text-primary);\n ",
|
|
50
|
+
": var(--text-positive);\n ",
|
|
51
|
+
": var(--text-positive);\n ",
|
|
47
52
|
": var(--surface-clear);\n ",
|
|
48
53
|
": var(--text-accent);\n ",
|
|
49
54
|
": var(--text-secondary);\n ",
|
|
50
55
|
": var(--text-tertiary);\n ",
|
|
56
|
+
": var(--text-positive);\n ",
|
|
51
57
|
": var(--text-primary);\n ",
|
|
52
58
|
": var(--text-positive);\n ",
|
|
53
59
|
": var(--text-secondary);\n ",
|
|
@@ -76,10 +82,13 @@ function _templateObject2() {
|
|
|
76
82
|
var data = _tagged_template_literal([
|
|
77
83
|
"\n ",
|
|
78
84
|
": var(--text-primary);\n ",
|
|
85
|
+
": var(--text-warning);\n ",
|
|
86
|
+
": var(--text-warning);\n ",
|
|
79
87
|
": var(--surface-clear);\n ",
|
|
80
88
|
": var(--text-accent);\n ",
|
|
81
89
|
": var(--text-secondary);\n ",
|
|
82
90
|
": var(--text-tertiary);\n ",
|
|
91
|
+
": var(--text-warning);\n ",
|
|
83
92
|
": var(--text-primary);\n ",
|
|
84
93
|
": var(--text-warning);\n ",
|
|
85
94
|
": var(--text-secondary);\n ",
|
|
@@ -108,10 +117,13 @@ function _templateObject3() {
|
|
|
108
117
|
var data = _tagged_template_literal([
|
|
109
118
|
"\n ",
|
|
110
119
|
": var(--text-primary);\n ",
|
|
120
|
+
": var(--text-negative);\n ",
|
|
121
|
+
": var(--text-negative);\n ",
|
|
111
122
|
": var(--surface-clear);\n ",
|
|
112
123
|
": var(--text-accent);\n ",
|
|
113
124
|
": var(--text-secondary);\n ",
|
|
114
125
|
": var(--text-tertiary);\n ",
|
|
126
|
+
": var(--text-negative);\n ",
|
|
115
127
|
": var(--text-primary);\n ",
|
|
116
128
|
": var(--text-negative);\n ",
|
|
117
129
|
": var(--text-secondary);\n ",
|
|
@@ -153,6 +165,7 @@ function _templateObject4() {
|
|
|
153
165
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
154
166
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
155
167
|
": 0.75rem;\n ",
|
|
168
|
+
": 0.25rem;\n ",
|
|
156
169
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
157
170
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
158
171
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -161,7 +174,8 @@ function _templateObject4() {
|
|
|
161
174
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
162
175
|
": -0.688rem -0.5rem;\n ",
|
|
163
176
|
": 2.375rem;\n ",
|
|
164
|
-
": 0.82rem -2.938rem auto auto;\n
|
|
177
|
+
": 0.82rem -2.938rem auto auto;\n ",
|
|
178
|
+
": 0.82rem -2.063rem auto auto;\n\n ",
|
|
165
179
|
": 0.25rem;\n ",
|
|
166
180
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
167
181
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -207,7 +221,10 @@ function _templateObject4() {
|
|
|
207
221
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
208
222
|
": 0 0 auto auto;\n ",
|
|
209
223
|
": 0.25rem -0.625rem auto auto;\n ",
|
|
210
|
-
": -0.25rem;\n
|
|
224
|
+
": -0.25rem;\n ",
|
|
225
|
+
": 1.75rem auto auto -0.875rem;\n ",
|
|
226
|
+
": 1.75rem -0.875rem auto auto;\n ",
|
|
227
|
+
": 1.75rem -2.488rem auto auto;\n "
|
|
211
228
|
]);
|
|
212
229
|
_templateObject4 = function _templateObject() {
|
|
213
230
|
return data;
|
|
@@ -234,6 +251,7 @@ function _templateObject5() {
|
|
|
234
251
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
235
252
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
236
253
|
": 0.75rem;\n ",
|
|
254
|
+
": 0.25rem;\n ",
|
|
237
255
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
238
256
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
239
257
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -242,7 +260,8 @@ function _templateObject5() {
|
|
|
242
260
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
243
261
|
": -0.688rem -0.5rem;\n ",
|
|
244
262
|
": 2.375rem;\n ",
|
|
245
|
-
": 0.563rem -2.938rem auto auto;\n
|
|
263
|
+
": 0.563rem -2.938rem auto auto;\n ",
|
|
264
|
+
": 0.563rem -2.188rem auto auto;\n\n ",
|
|
246
265
|
": 0.25rem;\n ",
|
|
247
266
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
248
267
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -278,7 +297,10 @@ function _templateObject5() {
|
|
|
278
297
|
": 0 0 0 0;\n ",
|
|
279
298
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
280
299
|
": 0 0 auto auto;\n ",
|
|
281
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
300
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
301
|
+
": 1.5rem auto auto -0.875rem;\n ",
|
|
302
|
+
": 1.5rem -0.875rem auto auto;\n ",
|
|
303
|
+
": 1.5rem -2.488rem auto auto;\n\n ",
|
|
282
304
|
": 0 0.25rem 0 0;\n ",
|
|
283
305
|
": 0 0 0 0.25rem;\n "
|
|
284
306
|
]);
|
|
@@ -307,6 +329,7 @@ function _templateObject6() {
|
|
|
307
329
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
308
330
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
309
331
|
": 0.625rem;\n ",
|
|
332
|
+
": 0.25rem;\n ",
|
|
310
333
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
311
334
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
312
335
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
@@ -315,7 +338,8 @@ function _templateObject6() {
|
|
|
315
338
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
316
339
|
": -0.688rem -0.5rem;\n ",
|
|
317
340
|
": 2.375rem;\n ",
|
|
318
|
-
": 0.312rem -2.813rem auto auto;\n
|
|
341
|
+
": 0.312rem -2.813rem auto auto;\n ",
|
|
342
|
+
": 0.312rem -2.188rem auto auto;\n\n ",
|
|
319
343
|
": 0.25rem;\n ",
|
|
320
344
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
321
345
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -351,7 +375,10 @@ function _templateObject6() {
|
|
|
351
375
|
": 0 0 0 0;\n ",
|
|
352
376
|
": 0.375rem auto auto -0.75rem;\n ",
|
|
353
377
|
": 0 0 auto auto;\n ",
|
|
354
|
-
": 0.25rem -0.6875rem auto auto;\n
|
|
378
|
+
": 0.25rem -0.6875rem auto auto;\n ",
|
|
379
|
+
": 1.25rem auto auto -0.875rem;\n ",
|
|
380
|
+
": 1.25rem -0.875rem auto auto;\n ",
|
|
381
|
+
": 1.25rem -2.488rem auto auto;\n\n ",
|
|
355
382
|
": 0 0.25rem 0 0;\n ",
|
|
356
383
|
": 0 0 0 0.25rem;\n "
|
|
357
384
|
]);
|
|
@@ -380,6 +407,7 @@ function _templateObject7() {
|
|
|
380
407
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
381
408
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
382
409
|
": 0.5rem;\n ",
|
|
410
|
+
": 0.25rem;\n ",
|
|
383
411
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
384
412
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
385
413
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -388,7 +416,8 @@ function _templateObject7() {
|
|
|
388
416
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
389
417
|
": -0.688rem -0.5rem;\n ",
|
|
390
418
|
": 2.375rem;\n ",
|
|
391
|
-
": 0.062rem -2.688rem auto auto;\n
|
|
419
|
+
": 0.062rem -2.688rem auto auto;\n ",
|
|
420
|
+
": 0.062rem -2.188rem auto auto;\n\n ",
|
|
392
421
|
": 0.25rem;\n ",
|
|
393
422
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
394
423
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -424,7 +453,10 @@ function _templateObject7() {
|
|
|
424
453
|
": 0 0 0 0;\n ",
|
|
425
454
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
426
455
|
": 0 0 auto auto;\n ",
|
|
427
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
456
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
457
|
+
": 1.063rem auto auto -0.75rem;\n ",
|
|
458
|
+
": 1.063rem -0.75rem auto auto;\n ",
|
|
459
|
+
": 1.063rem -2.238rem auto auto;\n\n ",
|
|
428
460
|
": 0 0.25rem 0 0;\n ",
|
|
429
461
|
": 0 0 0 0.25rem;\n "
|
|
430
462
|
]);
|
|
@@ -453,6 +485,7 @@ function _templateObject8() {
|
|
|
453
485
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
454
486
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
455
487
|
": 0.375rem;\n ",
|
|
488
|
+
": 0.25rem;\n ",
|
|
456
489
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
457
490
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
458
491
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
@@ -461,7 +494,8 @@ function _templateObject8() {
|
|
|
461
494
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
462
495
|
": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
|
|
463
496
|
": 2.375rem;\n ",
|
|
464
|
-
": -0.188rem -2.1875rem auto auto;\n
|
|
497
|
+
": -0.188rem -2.1875rem auto auto;\n ",
|
|
498
|
+
": -0.188rem -1.938rem auto auto;\n\n ",
|
|
465
499
|
": 0.25rem;\n ",
|
|
466
500
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
467
501
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -497,7 +531,10 @@ function _templateObject8() {
|
|
|
497
531
|
": 0 0 0 0;\n ",
|
|
498
532
|
": 0.25rem auto auto -0.625rem;\n ",
|
|
499
533
|
": 0 0 auto auto;\n ",
|
|
500
|
-
": 0.125rem -0.6875rem auto auto;\n
|
|
534
|
+
": 0.125rem -0.6875rem auto auto;\n ",
|
|
535
|
+
": 0.813rem auto auto -0.625rem;\n ",
|
|
536
|
+
": 0.813rem -0.625rem auto auto;\n ",
|
|
537
|
+
": 0.813rem -1.988rem auto auto;\n\n ",
|
|
501
538
|
": 0 0.25rem 0 0;\n ",
|
|
502
539
|
": 0 0 0 0.25rem;\n "
|
|
503
540
|
]);
|
|
@@ -532,6 +569,15 @@ function _templateObject10() {
|
|
|
532
569
|
return data;
|
|
533
570
|
}
|
|
534
571
|
function _templateObject11() {
|
|
572
|
+
var data = _tagged_template_literal([
|
|
573
|
+
""
|
|
574
|
+
]);
|
|
575
|
+
_templateObject11 = function _templateObject() {
|
|
576
|
+
return data;
|
|
577
|
+
};
|
|
578
|
+
return data;
|
|
579
|
+
}
|
|
580
|
+
function _templateObject12() {
|
|
535
581
|
var data = _tagged_template_literal([
|
|
536
582
|
"\n ",
|
|
537
583
|
": var(--inverse-text-primary);\n ",
|
|
@@ -549,12 +595,12 @@ function _templateObject11() {
|
|
|
549
595
|
": var(--inverse-text-secondary-hover);\n ",
|
|
550
596
|
": 1;\n "
|
|
551
597
|
]);
|
|
552
|
-
|
|
598
|
+
_templateObject12 = function _templateObject() {
|
|
553
599
|
return data;
|
|
554
600
|
};
|
|
555
601
|
return data;
|
|
556
602
|
}
|
|
557
|
-
function
|
|
603
|
+
function _templateObject13() {
|
|
558
604
|
var data = _tagged_template_literal([
|
|
559
605
|
"\n ",
|
|
560
606
|
": var(--text-primary);\n ",
|
|
@@ -572,12 +618,12 @@ function _templateObject12() {
|
|
|
572
618
|
": var(--text-secondary-hover);\n ",
|
|
573
619
|
": 1;\n "
|
|
574
620
|
]);
|
|
575
|
-
|
|
621
|
+
_templateObject13 = function _templateObject() {
|
|
576
622
|
return data;
|
|
577
623
|
};
|
|
578
624
|
return data;
|
|
579
625
|
}
|
|
580
|
-
function
|
|
626
|
+
function _templateObject14() {
|
|
581
627
|
var data = _tagged_template_literal([
|
|
582
628
|
"\n ",
|
|
583
629
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -595,12 +641,12 @@ function _templateObject13() {
|
|
|
595
641
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
596
642
|
": 1;\n "
|
|
597
643
|
]);
|
|
598
|
-
|
|
644
|
+
_templateObject14 = function _templateObject() {
|
|
599
645
|
return data;
|
|
600
646
|
};
|
|
601
647
|
return data;
|
|
602
648
|
}
|
|
603
|
-
function
|
|
649
|
+
function _templateObject15() {
|
|
604
650
|
var data = _tagged_template_literal([
|
|
605
651
|
"\n ",
|
|
606
652
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -618,12 +664,12 @@ function _templateObject14() {
|
|
|
618
664
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
619
665
|
": 1;\n "
|
|
620
666
|
]);
|
|
621
|
-
|
|
667
|
+
_templateObject15 = function _templateObject() {
|
|
622
668
|
return data;
|
|
623
669
|
};
|
|
624
670
|
return data;
|
|
625
671
|
}
|
|
626
|
-
function
|
|
672
|
+
function _templateObject16() {
|
|
627
673
|
var data = _tagged_template_literal([
|
|
628
674
|
"\n ",
|
|
629
675
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -641,12 +687,12 @@ function _templateObject15() {
|
|
|
641
687
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
642
688
|
": 1;\n "
|
|
643
689
|
]);
|
|
644
|
-
|
|
690
|
+
_templateObject16 = function _templateObject() {
|
|
645
691
|
return data;
|
|
646
692
|
};
|
|
647
693
|
return data;
|
|
648
694
|
}
|
|
649
|
-
function
|
|
695
|
+
function _templateObject17() {
|
|
650
696
|
var data = _tagged_template_literal([
|
|
651
697
|
"\n ",
|
|
652
698
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -664,12 +710,12 @@ function _templateObject16() {
|
|
|
664
710
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
665
711
|
": 1;\n "
|
|
666
712
|
]);
|
|
667
|
-
|
|
713
|
+
_templateObject17 = function _templateObject() {
|
|
668
714
|
return data;
|
|
669
715
|
};
|
|
670
716
|
return data;
|
|
671
717
|
}
|
|
672
|
-
function
|
|
718
|
+
function _templateObject18() {
|
|
673
719
|
var data = _tagged_template_literal([
|
|
674
720
|
"\n ",
|
|
675
721
|
": var(--surface-solid-card-brightness);\n ",
|
|
@@ -677,12 +723,12 @@ function _templateObject17() {
|
|
|
677
723
|
": var(--text-primary);\n ",
|
|
678
724
|
": var(--surface-solid-card-brightness);\n "
|
|
679
725
|
]);
|
|
680
|
-
|
|
726
|
+
_templateObject18 = function _templateObject() {
|
|
681
727
|
return data;
|
|
682
728
|
};
|
|
683
729
|
return data;
|
|
684
730
|
}
|
|
685
|
-
function
|
|
731
|
+
function _templateObject19() {
|
|
686
732
|
var data = _tagged_template_literal([
|
|
687
733
|
"\n ",
|
|
688
734
|
": 0.6875rem;\n ",
|
|
@@ -704,12 +750,12 @@ function _templateObject18() {
|
|
|
704
750
|
": 0.5rem;\n ",
|
|
705
751
|
": 0.625rem;\n "
|
|
706
752
|
]);
|
|
707
|
-
|
|
753
|
+
_templateObject19 = function _templateObject() {
|
|
708
754
|
return data;
|
|
709
755
|
};
|
|
710
756
|
return data;
|
|
711
757
|
}
|
|
712
|
-
function
|
|
758
|
+
function _templateObject20() {
|
|
713
759
|
var data = _tagged_template_literal([
|
|
714
760
|
"\n ",
|
|
715
761
|
": 0.5rem;\n ",
|
|
@@ -731,22 +777,22 @@ function _templateObject19() {
|
|
|
731
777
|
": 0.375rem;\n ",
|
|
732
778
|
": 0.5625rem;\n "
|
|
733
779
|
]);
|
|
734
|
-
|
|
780
|
+
_templateObject20 = function _templateObject() {
|
|
735
781
|
return data;
|
|
736
782
|
};
|
|
737
783
|
return data;
|
|
738
784
|
}
|
|
739
|
-
function
|
|
785
|
+
function _templateObject21() {
|
|
740
786
|
var data = _tagged_template_literal([
|
|
741
787
|
"\n ",
|
|
742
788
|
": 0.4;\n "
|
|
743
789
|
]);
|
|
744
|
-
|
|
790
|
+
_templateObject21 = function _templateObject() {
|
|
745
791
|
return data;
|
|
746
792
|
};
|
|
747
793
|
return data;
|
|
748
794
|
}
|
|
749
|
-
function
|
|
795
|
+
function _templateObject22() {
|
|
750
796
|
var data = _tagged_template_literal([
|
|
751
797
|
"\n ",
|
|
752
798
|
": 0.1;\n ",
|
|
@@ -760,7 +806,7 @@ function _templateObject21() {
|
|
|
760
806
|
": var(--surface-transparent-primary);\n ",
|
|
761
807
|
": 0.4;\n "
|
|
762
808
|
]);
|
|
763
|
-
|
|
809
|
+
_templateObject22 = function _templateObject() {
|
|
764
810
|
return data;
|
|
765
811
|
};
|
|
766
812
|
return data;
|
|
@@ -774,42 +820,45 @@ export var config = {
|
|
|
774
820
|
},
|
|
775
821
|
variations: {
|
|
776
822
|
view: {
|
|
777
|
-
default: css(_templateObject(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
778
|
-
positive: css(_templateObject1(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
779
|
-
warning: css(_templateObject2(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
780
|
-
negative: css(_templateObject3(), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
823
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
824
|
+
positive: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
825
|
+
warning: css(_templateObject2(), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
826
|
+
negative: css(_templateObject3(), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
781
827
|
},
|
|
782
828
|
size: {
|
|
783
|
-
xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.indicatorLabelPlacementHintOuterRight),
|
|
784
|
-
l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
785
|
-
m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
786
|
-
s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
787
|
-
xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin)
|
|
829
|
+
xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.indicatorLabelPlacementHintOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
|
|
830
|
+
l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
831
|
+
m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
832
|
+
s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
833
|
+
xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin)
|
|
788
834
|
},
|
|
789
835
|
labelPlacement: {
|
|
790
836
|
inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
|
791
837
|
outer: css(_templateObject10())
|
|
792
838
|
},
|
|
839
|
+
clear: {
|
|
840
|
+
true: css(_templateObject11())
|
|
841
|
+
},
|
|
793
842
|
chipView: {
|
|
794
|
-
default: css(
|
|
795
|
-
secondary: css(
|
|
796
|
-
accent: css(
|
|
797
|
-
positive: css(
|
|
798
|
-
warning: css(
|
|
799
|
-
negative: css(
|
|
843
|
+
default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
844
|
+
secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
845
|
+
accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
846
|
+
positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
847
|
+
warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
848
|
+
negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
|
|
800
849
|
},
|
|
801
850
|
hintView: {
|
|
802
|
-
default: css(
|
|
851
|
+
default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
|
803
852
|
},
|
|
804
853
|
hintSize: {
|
|
805
|
-
m: css(
|
|
806
|
-
s: css(
|
|
854
|
+
m: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
|
|
855
|
+
s: css(_templateObject20(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
|
|
807
856
|
},
|
|
808
857
|
disabled: {
|
|
809
|
-
true: css(
|
|
858
|
+
true: css(_templateObject21(), tokens.disabledOpacity)
|
|
810
859
|
},
|
|
811
860
|
readOnly: {
|
|
812
|
-
true: css(
|
|
861
|
+
true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
813
862
|
}
|
|
814
863
|
}
|
|
815
864
|
};
|
|
@@ -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-web",
|
|
3
|
-
"version": "1.601.0-canary.
|
|
3
|
+
"version": "1.601.0-canary.2365.19816292443.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@salutejs/plasma-core": "1.210.0",
|
|
23
|
-
"@salutejs/plasma-hope": "1.
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.343.0-canary.
|
|
23
|
+
"@salutejs/plasma-hope": "1.356.0",
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.343.0-canary.2365.19816292443.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.38.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.54.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@salutejs/plasma-colors": "0.16.0",
|
|
52
52
|
"@salutejs/plasma-cy-utils": "0.140.0",
|
|
53
53
|
"@salutejs/plasma-icons": "1.227.0",
|
|
54
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
54
|
+
"@salutejs/plasma-sb-utils": "0.210.0",
|
|
55
55
|
"@storybook/addon-docs": "8.6.14",
|
|
56
56
|
"@storybook/addon-essentials": "8.6.14",
|
|
57
57
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"Fanil Zubairov"
|
|
112
112
|
],
|
|
113
113
|
"sideEffects": false,
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "d74ce1f02dda4d490a83c41088cee1bd65515d52"
|
|
115
115
|
}
|
|
@@ -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
|
-
};
|