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