@salutejs/sdds-serv 0.330.0-canary.2370.19885960439.0 → 0.330.0-canary.2371.19919666002.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 +43 -21
- package/components/Mask/Mask.d.ts +17 -33
- package/components/Radiobox/Radiobox.d.ts +2 -2
- package/components/TextField/TextField.clear.config.d.ts +47 -0
- package/components/TextField/TextField.clear.config.js +55 -0
- package/components/TextField/TextField.clear.config.js.map +1 -0
- package/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/components/TextField/TextField.config.d.ts +0 -4
- package/components/TextField/TextField.config.js +13 -17
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.config_c4zz6m.css +22 -0
- package/components/TextField/TextField.d.ts +970 -7
- package/components/TextField/TextField.js +14 -6
- package/components/TextField/TextField.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.clear.config.js +831 -0
- package/emotion/cjs/components/TextField/TextField.config.js +56 -102
- package/emotion/cjs/components/TextField/TextField.js +28 -5
- package/emotion/es/components/TextField/TextField.clear.config.js +821 -0
- package/emotion/es/components/TextField/TextField.config.js +56 -102
- package/emotion/es/components/TextField/TextField.js +15 -5
- package/es/components/Mask/Mask.css +43 -21
- package/es/components/TextField/TextField.clear.config.js +51 -0
- package/es/components/TextField/TextField.clear.config.js.map +1 -0
- package/es/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/es/components/TextField/TextField.config.js +13 -17
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.config_c4zz6m.css +22 -0
- package/es/components/TextField/TextField.js +14 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +45 -23
- package/package.json +7 -7
- package/styled-components/cjs/components/TextField/TextField.clear.config.js +831 -0
- package/styled-components/cjs/components/TextField/TextField.config.js +56 -102
- package/styled-components/cjs/components/TextField/TextField.js +28 -5
- package/styled-components/es/components/TextField/TextField.clear.config.js +821 -0
- package/styled-components/es/components/TextField/TextField.config.js +56 -102
- package/styled-components/es/components/TextField/TextField.js +15 -5
- package/components/TextField/TextField.config_15il1op.css +0 -23
- package/es/components/TextField/TextField.config_15il1op.css +0 -23
|
@@ -22,11 +22,8 @@ function _tagged_template_literal(strings, raw) {
|
|
|
22
22
|
function _templateObject() {
|
|
23
23
|
var data = _tagged_template_literal([
|
|
24
24
|
"\n ",
|
|
25
|
-
": var(--text-primary);\n ",
|
|
26
25
|
": var(--text-primary);\n\n ",
|
|
27
26
|
": var(--text-secondary);\n ",
|
|
28
|
-
": var(--text-tertiary);\n ",
|
|
29
|
-
": var(--text-secondary);\n ",
|
|
30
27
|
": var(--text-tertiary);\n\n ",
|
|
31
28
|
": var(--surface-transparent-primary);\n ",
|
|
32
29
|
": var(--surface-transparent-primary-hover);\n ",
|
|
@@ -56,12 +53,9 @@ function _templateObject() {
|
|
|
56
53
|
function _templateObject1() {
|
|
57
54
|
var data = _tagged_template_literal([
|
|
58
55
|
"\n ",
|
|
59
|
-
": var(--text-primary);\n ",
|
|
60
|
-
": var(--text-positive);\n\n ",
|
|
56
|
+
": var(--text-primary);\n\n ",
|
|
61
57
|
": var(--text-secondary);\n ",
|
|
62
|
-
": var(--text-tertiary);\n ",
|
|
63
|
-
": var(--text-positive);\n ",
|
|
64
|
-
": var(--text-positive);\n\n ",
|
|
58
|
+
": var(--text-tertiary);\n\n ",
|
|
65
59
|
": var(--surface-transparent-positive);\n ",
|
|
66
60
|
": var(--surface-transparent-positive-hover);\n ",
|
|
67
61
|
": var(--surface-transparent-positive-active);\n ",
|
|
@@ -90,12 +84,9 @@ function _templateObject1() {
|
|
|
90
84
|
function _templateObject2() {
|
|
91
85
|
var data = _tagged_template_literal([
|
|
92
86
|
"\n ",
|
|
93
|
-
": var(--text-primary);\n ",
|
|
94
|
-
": var(--text-warning);\n\n ",
|
|
87
|
+
": var(--text-primary);\n\n ",
|
|
95
88
|
": var(--text-secondary);\n ",
|
|
96
|
-
": var(--text-tertiary);\n ",
|
|
97
|
-
": var(--text-warning);\n ",
|
|
98
|
-
": var(--text-warning);\n\n ",
|
|
89
|
+
": var(--text-tertiary);\n\n ",
|
|
99
90
|
": var(--surface-transparent-warning);\n ",
|
|
100
91
|
": var(--surface-transparent-warning-hover);\n ",
|
|
101
92
|
": var(--surface-transparent-warning-active);\n ",
|
|
@@ -124,12 +115,9 @@ function _templateObject2() {
|
|
|
124
115
|
function _templateObject3() {
|
|
125
116
|
var data = _tagged_template_literal([
|
|
126
117
|
"\n ",
|
|
127
|
-
": var(--text-primary);\n ",
|
|
128
|
-
": var(--text-negative);\n\n ",
|
|
118
|
+
": var(--text-primary);\n\n ",
|
|
129
119
|
": var(--text-secondary);\n ",
|
|
130
|
-
": var(--text-tertiary);\n ",
|
|
131
|
-
": var(--text-negative);\n ",
|
|
132
|
-
": var(--text-negative);\n\n ",
|
|
120
|
+
": var(--text-tertiary);\n\n ",
|
|
133
121
|
": var(--surface-transparent-negative);\n ",
|
|
134
122
|
": var(--surface-transparent-negative-hover);\n ",
|
|
135
123
|
": var(--surface-transparent-negative-active);\n ",
|
|
@@ -171,7 +159,6 @@ function _templateObject4() {
|
|
|
171
159
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
172
160
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
173
161
|
": 0.75rem;\n ",
|
|
174
|
-
": 0.25rem;\n ",
|
|
175
162
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
176
163
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
177
164
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -180,8 +167,7 @@ function _templateObject4() {
|
|
|
180
167
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
181
168
|
": -0.688rem -0.5rem;\n ",
|
|
182
169
|
": 2.375rem;\n ",
|
|
183
|
-
": 0.82rem -2.938rem auto auto;\n ",
|
|
184
|
-
": 0.82rem -2.063rem auto auto;\n\n ",
|
|
170
|
+
": 0.82rem -2.938rem auto auto;\n\n ",
|
|
185
171
|
": 0.25rem;\n ",
|
|
186
172
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
187
173
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -226,10 +212,7 @@ function _templateObject4() {
|
|
|
226
212
|
": 0 0 0 0;\n ",
|
|
227
213
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
228
214
|
": 0 0 auto auto;\n ",
|
|
229
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
230
|
-
": 1.75rem auto auto -0.875rem;\n ",
|
|
231
|
-
": 1.75rem -0.875rem auto auto;\n ",
|
|
232
|
-
": 1.75rem -2.488rem auto auto;\n "
|
|
215
|
+
": 0.25rem -0.625rem auto auto;\n "
|
|
233
216
|
]);
|
|
234
217
|
_templateObject4 = function _templateObject() {
|
|
235
218
|
return data;
|
|
@@ -244,7 +227,7 @@ function _templateObject5() {
|
|
|
244
227
|
": 0.375rem;\n ",
|
|
245
228
|
": 0.875rem;\n ",
|
|
246
229
|
": 0.0625rem;\n\n ",
|
|
247
|
-
": -0.0625rem 0.
|
|
230
|
+
": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
|
|
248
231
|
": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
|
|
249
232
|
": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
|
|
250
233
|
": 0.25rem;\n ",
|
|
@@ -256,7 +239,6 @@ function _templateObject5() {
|
|
|
256
239
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
257
240
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
258
241
|
": 0.75rem;\n ",
|
|
259
|
-
": 0.25rem;\n ",
|
|
260
242
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
261
243
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
262
244
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -302,10 +284,7 @@ function _templateObject5() {
|
|
|
302
284
|
": 0 0 0 0;\n ",
|
|
303
285
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
304
286
|
": 0 0 auto auto;\n ",
|
|
305
|
-
": 0.25rem -0.625rem auto auto;\n ",
|
|
306
|
-
": 1.5rem auto auto -0.875rem;\n ",
|
|
307
|
-
": 1.5rem -0.875rem auto auto;\n ",
|
|
308
|
-
": 1.5rem -2.488rem auto auto;\n\n ",
|
|
287
|
+
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
309
288
|
": 0 0.25rem 0 0;\n ",
|
|
310
289
|
": 0 0 0 0.25rem;\n "
|
|
311
290
|
]);
|
|
@@ -322,7 +301,7 @@ function _templateObject6() {
|
|
|
322
301
|
": 0.375rem;\n ",
|
|
323
302
|
": 0.75rem;\n ",
|
|
324
303
|
": 0.0625rem;\n\n ",
|
|
325
|
-
": -0.125rem 0.
|
|
304
|
+
": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
|
|
326
305
|
": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
|
|
327
306
|
": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
|
|
328
307
|
": 0.25rem;\n ",
|
|
@@ -334,7 +313,6 @@ function _templateObject6() {
|
|
|
334
313
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
335
314
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
336
315
|
": 0.625rem;\n ",
|
|
337
|
-
": 0.25rem;\n ",
|
|
338
316
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
339
317
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
340
318
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
@@ -380,10 +358,7 @@ function _templateObject6() {
|
|
|
380
358
|
": 0 0 0 0;\n ",
|
|
381
359
|
": 0.375rem auto auto -0.75rem;\n ",
|
|
382
360
|
": 0 0 auto auto;\n ",
|
|
383
|
-
": 0.25rem -0.6875rem auto auto;\n ",
|
|
384
|
-
": 1.25rem auto auto -0.875rem;\n ",
|
|
385
|
-
": 1.25rem -0.875rem auto auto;\n ",
|
|
386
|
-
": 1.25rem -2.488rem auto auto;\n\n ",
|
|
361
|
+
": 0.25rem -0.6875rem auto auto;\n\n ",
|
|
387
362
|
": 0 0.25rem 0 0;\n ",
|
|
388
363
|
": 0 0 0 0.25rem;\n "
|
|
389
364
|
]);
|
|
@@ -412,7 +387,6 @@ function _templateObject7() {
|
|
|
412
387
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
413
388
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
414
389
|
": 0.5rem;\n ",
|
|
415
|
-
": 0.25rem;\n ",
|
|
416
390
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
417
391
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
418
392
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -458,10 +432,7 @@ function _templateObject7() {
|
|
|
458
432
|
": 0 0 0 0;\n ",
|
|
459
433
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
460
434
|
": 0 0 auto auto;\n ",
|
|
461
|
-
": 0.25rem -0.625rem auto auto;\n ",
|
|
462
|
-
": 1.063rem auto auto -0.75rem;\n ",
|
|
463
|
-
": 1.063rem -0.75rem auto auto;\n ",
|
|
464
|
-
": 1.063rem -2.238rem auto auto;\n\n ",
|
|
435
|
+
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
465
436
|
": 0 0.25rem 0 0;\n ",
|
|
466
437
|
": 0 0 0 0.25rem;\n "
|
|
467
438
|
]);
|
|
@@ -490,7 +461,6 @@ function _templateObject8() {
|
|
|
490
461
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
491
462
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
492
463
|
": 0.375rem;\n ",
|
|
493
|
-
": 0.25rem;\n ",
|
|
494
464
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
495
465
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
496
466
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
@@ -536,10 +506,7 @@ function _templateObject8() {
|
|
|
536
506
|
": 0 0 0 0;\n ",
|
|
537
507
|
": 0.25rem auto auto -0.625rem;\n ",
|
|
538
508
|
": 0 0 auto auto;\n ",
|
|
539
|
-
": 0.125rem -0.6875rem auto auto;\n ",
|
|
540
|
-
": 0.813rem auto auto -0.625rem;\n ",
|
|
541
|
-
": 0.813rem -0.625rem auto auto;\n ",
|
|
542
|
-
": 0.813rem -1.988rem auto auto;\n\n ",
|
|
509
|
+
": 0.125rem -0.6875rem auto auto;\n\n ",
|
|
543
510
|
": 0 0.25rem 0 0;\n ",
|
|
544
511
|
": 0 0 0 0.25rem;\n "
|
|
545
512
|
]);
|
|
@@ -574,15 +541,6 @@ function _templateObject10() {
|
|
|
574
541
|
return data;
|
|
575
542
|
}
|
|
576
543
|
function _templateObject11() {
|
|
577
|
-
var data = _tagged_template_literal([
|
|
578
|
-
""
|
|
579
|
-
]);
|
|
580
|
-
_templateObject11 = function _templateObject() {
|
|
581
|
-
return data;
|
|
582
|
-
};
|
|
583
|
-
return data;
|
|
584
|
-
}
|
|
585
|
-
function _templateObject12() {
|
|
586
544
|
var data = _tagged_template_literal([
|
|
587
545
|
"\n ",
|
|
588
546
|
": var(--inverse-text-primary);\n ",
|
|
@@ -600,12 +558,12 @@ function _templateObject12() {
|
|
|
600
558
|
": var(--inverse-text-secondary-hover);\n ",
|
|
601
559
|
": 1;\n "
|
|
602
560
|
]);
|
|
603
|
-
|
|
561
|
+
_templateObject11 = function _templateObject() {
|
|
604
562
|
return data;
|
|
605
563
|
};
|
|
606
564
|
return data;
|
|
607
565
|
}
|
|
608
|
-
function
|
|
566
|
+
function _templateObject12() {
|
|
609
567
|
var data = _tagged_template_literal([
|
|
610
568
|
"\n ",
|
|
611
569
|
": var(--text-primary);\n ",
|
|
@@ -623,12 +581,12 @@ function _templateObject13() {
|
|
|
623
581
|
": var(--text-secondary-hover);\n ",
|
|
624
582
|
": 1;\n "
|
|
625
583
|
]);
|
|
626
|
-
|
|
584
|
+
_templateObject12 = function _templateObject() {
|
|
627
585
|
return data;
|
|
628
586
|
};
|
|
629
587
|
return data;
|
|
630
588
|
}
|
|
631
|
-
function
|
|
589
|
+
function _templateObject13() {
|
|
632
590
|
var data = _tagged_template_literal([
|
|
633
591
|
"\n ",
|
|
634
592
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -646,12 +604,12 @@ function _templateObject14() {
|
|
|
646
604
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
647
605
|
": 1;\n "
|
|
648
606
|
]);
|
|
649
|
-
|
|
607
|
+
_templateObject13 = function _templateObject() {
|
|
650
608
|
return data;
|
|
651
609
|
};
|
|
652
610
|
return data;
|
|
653
611
|
}
|
|
654
|
-
function
|
|
612
|
+
function _templateObject14() {
|
|
655
613
|
var data = _tagged_template_literal([
|
|
656
614
|
"\n ",
|
|
657
615
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -669,12 +627,12 @@ function _templateObject15() {
|
|
|
669
627
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
670
628
|
": 1;\n "
|
|
671
629
|
]);
|
|
672
|
-
|
|
630
|
+
_templateObject14 = function _templateObject() {
|
|
673
631
|
return data;
|
|
674
632
|
};
|
|
675
633
|
return data;
|
|
676
634
|
}
|
|
677
|
-
function
|
|
635
|
+
function _templateObject15() {
|
|
678
636
|
var data = _tagged_template_literal([
|
|
679
637
|
"\n ",
|
|
680
638
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -692,12 +650,12 @@ function _templateObject16() {
|
|
|
692
650
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
693
651
|
": 1;\n "
|
|
694
652
|
]);
|
|
695
|
-
|
|
653
|
+
_templateObject15 = function _templateObject() {
|
|
696
654
|
return data;
|
|
697
655
|
};
|
|
698
656
|
return data;
|
|
699
657
|
}
|
|
700
|
-
function
|
|
658
|
+
function _templateObject16() {
|
|
701
659
|
var data = _tagged_template_literal([
|
|
702
660
|
"\n ",
|
|
703
661
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -715,12 +673,12 @@ function _templateObject17() {
|
|
|
715
673
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
716
674
|
": 1;\n "
|
|
717
675
|
]);
|
|
718
|
-
|
|
676
|
+
_templateObject16 = function _templateObject() {
|
|
719
677
|
return data;
|
|
720
678
|
};
|
|
721
679
|
return data;
|
|
722
680
|
}
|
|
723
|
-
function
|
|
681
|
+
function _templateObject17() {
|
|
724
682
|
var data = _tagged_template_literal([
|
|
725
683
|
"\n ",
|
|
726
684
|
": var(--surface-solid-card-brightness);\n ",
|
|
@@ -728,12 +686,12 @@ function _templateObject18() {
|
|
|
728
686
|
": var(--text-primary);\n ",
|
|
729
687
|
": var(--surface-solid-card-brightness);\n "
|
|
730
688
|
]);
|
|
731
|
-
|
|
689
|
+
_templateObject17 = function _templateObject() {
|
|
732
690
|
return data;
|
|
733
691
|
};
|
|
734
692
|
return data;
|
|
735
693
|
}
|
|
736
|
-
function
|
|
694
|
+
function _templateObject18() {
|
|
737
695
|
var data = _tagged_template_literal([
|
|
738
696
|
"\n ",
|
|
739
697
|
": 0.6875rem;\n ",
|
|
@@ -755,12 +713,12 @@ function _templateObject19() {
|
|
|
755
713
|
": 0.5rem;\n ",
|
|
756
714
|
": 0.625rem;\n "
|
|
757
715
|
]);
|
|
758
|
-
|
|
716
|
+
_templateObject18 = function _templateObject() {
|
|
759
717
|
return data;
|
|
760
718
|
};
|
|
761
719
|
return data;
|
|
762
720
|
}
|
|
763
|
-
function
|
|
721
|
+
function _templateObject19() {
|
|
764
722
|
var data = _tagged_template_literal([
|
|
765
723
|
"\n ",
|
|
766
724
|
": 0.5rem;\n ",
|
|
@@ -782,22 +740,22 @@ function _templateObject20() {
|
|
|
782
740
|
": 0.375rem;\n ",
|
|
783
741
|
": 0.5625rem;\n "
|
|
784
742
|
]);
|
|
785
|
-
|
|
743
|
+
_templateObject19 = function _templateObject() {
|
|
786
744
|
return data;
|
|
787
745
|
};
|
|
788
746
|
return data;
|
|
789
747
|
}
|
|
790
|
-
function
|
|
748
|
+
function _templateObject20() {
|
|
791
749
|
var data = _tagged_template_literal([
|
|
792
750
|
"\n ",
|
|
793
751
|
": 0.4;\n "
|
|
794
752
|
]);
|
|
795
|
-
|
|
753
|
+
_templateObject20 = function _templateObject() {
|
|
796
754
|
return data;
|
|
797
755
|
};
|
|
798
756
|
return data;
|
|
799
757
|
}
|
|
800
|
-
function
|
|
758
|
+
function _templateObject21() {
|
|
801
759
|
var data = _tagged_template_literal([
|
|
802
760
|
"\n ",
|
|
803
761
|
": 0.1;\n ",
|
|
@@ -810,7 +768,7 @@ function _templateObject22() {
|
|
|
810
768
|
": var(--surface-transparent-primary);\n ",
|
|
811
769
|
": 0.4;\n "
|
|
812
770
|
]);
|
|
813
|
-
|
|
771
|
+
_templateObject21 = function _templateObject() {
|
|
814
772
|
return data;
|
|
815
773
|
};
|
|
816
774
|
return data;
|
|
@@ -819,50 +777,46 @@ var config = {
|
|
|
819
777
|
defaults: {
|
|
820
778
|
view: 'default',
|
|
821
779
|
size: 'm',
|
|
822
|
-
labelPlacement: 'outer'
|
|
823
|
-
chipView: 'secondary'
|
|
780
|
+
labelPlacement: 'outer'
|
|
824
781
|
},
|
|
825
782
|
variations: {
|
|
826
783
|
view: {
|
|
827
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
828
|
-
positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
829
|
-
warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
830
|
-
negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.
|
|
784
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
785
|
+
positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
786
|
+
warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
787
|
+
negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
|
|
831
788
|
},
|
|
832
789
|
size: {
|
|
833
|
-
xl: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.
|
|
834
|
-
l: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.
|
|
835
|
-
m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.
|
|
836
|
-
s: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.
|
|
837
|
-
xs: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.
|
|
790
|
+
xl: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipMarginRight, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.labelInnerFontFamily, _styledcomponents.textFieldTokens.labelInnerFontSize, _styledcomponents.textFieldTokens.labelInnerFontStyle, _styledcomponents.textFieldTokens.labelInnerFontWeight, _styledcomponents.textFieldTokens.labelInnerLetterSpacing, _styledcomponents.textFieldTokens.labelInnerLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight),
|
|
791
|
+
l: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin),
|
|
792
|
+
m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin),
|
|
793
|
+
s: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin),
|
|
794
|
+
xs: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin)
|
|
838
795
|
},
|
|
839
796
|
labelPlacement: {
|
|
840
797
|
inner: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.labelInnerFontFamily, _styledcomponents.textFieldTokens.labelInnerFontSize, _styledcomponents.textFieldTokens.labelInnerFontStyle, _styledcomponents.textFieldTokens.labelInnerFontWeight, _styledcomponents.textFieldTokens.labelInnerLetterSpacing, _styledcomponents.textFieldTokens.labelInnerLineHeight),
|
|
841
798
|
outer: (0, _styledcomponents.css)(_templateObject10())
|
|
842
799
|
},
|
|
843
|
-
clear: {
|
|
844
|
-
true: (0, _styledcomponents.css)(_templateObject11())
|
|
845
|
-
},
|
|
846
800
|
chipView: {
|
|
847
|
-
default: (0, _styledcomponents.css)(
|
|
848
|
-
secondary: (0, _styledcomponents.css)(
|
|
849
|
-
accent: (0, _styledcomponents.css)(
|
|
850
|
-
positive: (0, _styledcomponents.css)(
|
|
851
|
-
warning: (0, _styledcomponents.css)(
|
|
852
|
-
negative: (0, _styledcomponents.css)(
|
|
801
|
+
default: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
|
|
802
|
+
secondary: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
|
|
803
|
+
accent: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
|
|
804
|
+
positive: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
|
|
805
|
+
warning: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
|
|
806
|
+
negative: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly)
|
|
853
807
|
},
|
|
854
808
|
hintView: {
|
|
855
|
-
default: (0, _styledcomponents.css)(
|
|
809
|
+
default: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.textFieldTokens.tooltipBackgroundColor, _styledcomponents.textFieldTokens.tooltipBoxShadow, _styledcomponents.textFieldTokens.tooltipColor, _styledcomponents.textFieldTokens.tooltipArrowBackground)
|
|
856
810
|
},
|
|
857
811
|
hintSize: {
|
|
858
|
-
m: (0, _styledcomponents.css)(
|
|
859
|
-
s: (0, _styledcomponents.css)(
|
|
812
|
+
m: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.textFieldTokens.tooltipPaddingTop, _styledcomponents.textFieldTokens.tooltipPaddingRight, _styledcomponents.textFieldTokens.tooltipPaddingBottom, _styledcomponents.textFieldTokens.tooltipPaddingLeft, _styledcomponents.textFieldTokens.tooltipMinHeight, _styledcomponents.textFieldTokens.tooltipBorderRadius, _styledcomponents.textFieldTokens.tooltipTextFontFamily, _styledcomponents.textFieldTokens.tooltipTextFontSize, _styledcomponents.textFieldTokens.tooltipTextFontStyle, _styledcomponents.textFieldTokens.tooltipTextFontWeight, _styledcomponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledcomponents.textFieldTokens.tooltipTextFontLineHeight, _styledcomponents.textFieldTokens.tooltipContentLeftMargin, _styledcomponents.textFieldTokens.tooltipArrowMaskWidth, _styledcomponents.textFieldTokens.tooltipArrowMaskHeight, _styledcomponents.textFieldTokens.tooltipArrowMaskImage, _styledcomponents.textFieldTokens.tooltipArrowHeight, _styledcomponents.textFieldTokens.tooltipArrowEdgeMargin),
|
|
813
|
+
s: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.textFieldTokens.tooltipPaddingTop, _styledcomponents.textFieldTokens.tooltipPaddingRight, _styledcomponents.textFieldTokens.tooltipPaddingBottom, _styledcomponents.textFieldTokens.tooltipPaddingLeft, _styledcomponents.textFieldTokens.tooltipMinHeight, _styledcomponents.textFieldTokens.tooltipBorderRadius, _styledcomponents.textFieldTokens.tooltipTextFontFamily, _styledcomponents.textFieldTokens.tooltipTextFontSize, _styledcomponents.textFieldTokens.tooltipTextFontStyle, _styledcomponents.textFieldTokens.tooltipTextFontWeight, _styledcomponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledcomponents.textFieldTokens.tooltipTextFontLineHeight, _styledcomponents.textFieldTokens.tooltipContentLeftMargin, _styledcomponents.textFieldTokens.tooltipArrowMaskWidth, _styledcomponents.textFieldTokens.tooltipArrowMaskHeight, _styledcomponents.textFieldTokens.tooltipArrowMaskImage, _styledcomponents.textFieldTokens.tooltipArrowHeight, _styledcomponents.textFieldTokens.tooltipArrowEdgeMargin)
|
|
860
814
|
},
|
|
861
815
|
disabled: {
|
|
862
|
-
true: (0, _styledcomponents.css)(
|
|
816
|
+
true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.textFieldTokens.disabledOpacity)
|
|
863
817
|
},
|
|
864
818
|
readOnly: {
|
|
865
|
-
true: (0, _styledcomponents.css)(
|
|
819
|
+
true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
|
|
866
820
|
}
|
|
867
821
|
}
|
|
868
822
|
};
|
|
@@ -2,13 +2,36 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get TextField () {
|
|
8
13
|
return TextField;
|
|
14
|
+
},
|
|
15
|
+
get TextFieldClear () {
|
|
16
|
+
return TextFieldClear;
|
|
17
|
+
},
|
|
18
|
+
get TextFieldDefault () {
|
|
19
|
+
return TextFieldDefault;
|
|
9
20
|
}
|
|
10
21
|
});
|
|
11
22
|
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
23
|
var _TextFieldconfig = require("./TextField.config");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
24
|
+
var _TextFieldclearconfig = require("./TextField.clear.config");
|
|
25
|
+
var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldconfig.config);
|
|
26
|
+
var TextFieldDefault = (0, _styledcomponents.component)(mergedConfigDefault);
|
|
27
|
+
var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldclearconfig.config);
|
|
28
|
+
var TextFieldClear = (0, _styledcomponents.component)(mergedConfigClear);
|
|
29
|
+
var TextField = (0, _styledcomponents.createConditionalComponent)(TextFieldDefault, [
|
|
30
|
+
{
|
|
31
|
+
conditions: {
|
|
32
|
+
prop: 'appearance',
|
|
33
|
+
value: 'clear'
|
|
34
|
+
},
|
|
35
|
+
component: TextFieldClear
|
|
36
|
+
}
|
|
37
|
+
]);
|