@salutejs/plasma-b2c 1.598.0 → 1.598.1-canary.2350.19926791161.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/Combobox/Combobox.d.ts +24 -0
- package/components/Mask/Mask.d.ts +17 -33
- package/components/TextField/TextField.clear.config.d.ts +47 -0
- package/components/TextField/TextField.clear.config.js +831 -0
- package/components/TextField/TextField.config.d.ts +0 -3
- package/components/TextField/TextField.config.js +52 -96
- package/components/TextField/TextField.d.ts +971 -5
- package/components/TextField/TextField.js +20 -2
- package/components/Tree/Tree.config.js +34 -10
- package/css/cjs/components/Mask/Mask.css +43 -21
- package/css/cjs/components/TextField/TextField.clear.config.js +55 -0
- package/css/cjs/components/TextField/TextField.clear.config.js.map +1 -0
- package/css/cjs/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/css/cjs/components/TextField/TextField.config.js +12 -15
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/TextField.config_ugxxy2.css +22 -0
- package/css/cjs/components/TextField/TextField.js +14 -2
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/components/Tree/Tree.config.js +1 -1
- package/css/cjs/components/Tree/Tree.config.js.map +1 -1
- package/css/cjs/components/Tree/Tree.config_ifudaq.css +5 -0
- package/css/cjs/components/Tree/Tree.css +5 -5
- package/css/cjs/index.css +50 -28
- package/css/es/components/Mask/Mask.css +43 -21
- package/css/es/components/TextField/TextField.clear.config.js +51 -0
- package/css/es/components/TextField/TextField.clear.config.js.map +1 -0
- package/css/es/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/css/es/components/TextField/TextField.config.js +12 -15
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/TextField.config_ugxxy2.css +22 -0
- package/css/es/components/TextField/TextField.js +14 -4
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/components/Tree/Tree.config.js +1 -1
- package/css/es/components/Tree/Tree.config.js.map +1 -1
- package/css/es/components/Tree/Tree.config_ifudaq.css +5 -0
- package/css/es/components/Tree/Tree.css +5 -5
- package/css/es/index.css +50 -28
- package/es/components/TextField/TextField.clear.config.js +821 -0
- package/es/components/TextField/TextField.config.js +52 -96
- package/es/components/TextField/TextField.js +15 -3
- package/es/components/Tree/Tree.config.js +34 -10
- package/package.json +9 -18
- package/css/cjs/components/TextField/TextField.config_127hwsa.css +0 -23
- package/css/cjs/components/Tree/Tree.config_19lfyoo.css +0 -5
- package/css/es/components/TextField/TextField.config_127hwsa.css +0 -23
- package/css/es/components/Tree/Tree.config_19lfyoo.css +0 -5
|
@@ -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 ",
|
|
@@ -215,10 +202,7 @@ function _templateObject4() {
|
|
|
215
202
|
": 0 0 0 0;\n ",
|
|
216
203
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
217
204
|
": 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 "
|
|
205
|
+
": 0.25rem -0.625rem auto auto;\n "
|
|
222
206
|
]);
|
|
223
207
|
_templateObject4 = function _templateObject() {
|
|
224
208
|
return data;
|
|
@@ -245,7 +229,6 @@ function _templateObject5() {
|
|
|
245
229
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
246
230
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
247
231
|
": 0.75rem;\n ",
|
|
248
|
-
": 0.25rem;\n ",
|
|
249
232
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
250
233
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
251
234
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -291,10 +274,7 @@ function _templateObject5() {
|
|
|
291
274
|
": 0 0 0 0;\n ",
|
|
292
275
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
293
276
|
": 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 ",
|
|
277
|
+
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
298
278
|
": 0 0.25rem 0 0;\n ",
|
|
299
279
|
": 0 0 0 0.25rem;\n "
|
|
300
280
|
]);
|
|
@@ -323,7 +303,6 @@ function _templateObject6() {
|
|
|
323
303
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
324
304
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
325
305
|
": 0.625rem;\n ",
|
|
326
|
-
": 0.25rem;\n ",
|
|
327
306
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
328
307
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
329
308
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
@@ -369,10 +348,7 @@ function _templateObject6() {
|
|
|
369
348
|
": 0 0 0 0;\n ",
|
|
370
349
|
": 0.375rem auto auto -0.75rem;\n ",
|
|
371
350
|
": 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 ",
|
|
351
|
+
": 0.25rem -0.6875rem auto auto;\n\n ",
|
|
376
352
|
": 0 0.25rem 0 0;\n ",
|
|
377
353
|
": 0 0 0 0.25rem;\n "
|
|
378
354
|
]);
|
|
@@ -401,7 +377,6 @@ function _templateObject7() {
|
|
|
401
377
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
402
378
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
403
379
|
": 0.5rem;\n ",
|
|
404
|
-
": 0.25rem;\n ",
|
|
405
380
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
406
381
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
407
382
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -447,10 +422,7 @@ function _templateObject7() {
|
|
|
447
422
|
": 0 0 0 0;\n ",
|
|
448
423
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
449
424
|
": 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 ",
|
|
425
|
+
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
454
426
|
": 0 0.25rem 0 0;\n ",
|
|
455
427
|
": 0 0 0 0.25rem;\n "
|
|
456
428
|
]);
|
|
@@ -479,7 +451,6 @@ function _templateObject8() {
|
|
|
479
451
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
480
452
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
481
453
|
": 0.375rem;\n ",
|
|
482
|
-
": 0.25rem;\n ",
|
|
483
454
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
484
455
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
485
456
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
@@ -525,10 +496,7 @@ function _templateObject8() {
|
|
|
525
496
|
": 0 0 0 0;\n ",
|
|
526
497
|
": 0.25rem auto auto -0.625rem;\n ",
|
|
527
498
|
": 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 ",
|
|
499
|
+
": 0.125rem -0.6875rem auto auto;\n\n ",
|
|
532
500
|
": 0 0.25rem 0 0;\n ",
|
|
533
501
|
": 0 0 0 0.25rem;\n "
|
|
534
502
|
]);
|
|
@@ -563,15 +531,6 @@ function _templateObject10() {
|
|
|
563
531
|
return data;
|
|
564
532
|
}
|
|
565
533
|
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
534
|
var data = _tagged_template_literal([
|
|
576
535
|
"\n ",
|
|
577
536
|
": var(--inverse-text-primary);\n ",
|
|
@@ -589,12 +548,12 @@ function _templateObject12() {
|
|
|
589
548
|
": var(--inverse-text-secondary-hover);\n ",
|
|
590
549
|
": 1;\n "
|
|
591
550
|
]);
|
|
592
|
-
|
|
551
|
+
_templateObject11 = function _templateObject() {
|
|
593
552
|
return data;
|
|
594
553
|
};
|
|
595
554
|
return data;
|
|
596
555
|
}
|
|
597
|
-
function
|
|
556
|
+
function _templateObject12() {
|
|
598
557
|
var data = _tagged_template_literal([
|
|
599
558
|
"\n ",
|
|
600
559
|
": var(--text-primary);\n ",
|
|
@@ -612,12 +571,12 @@ function _templateObject13() {
|
|
|
612
571
|
": var(--text-secondary-hover);\n ",
|
|
613
572
|
": 1;\n "
|
|
614
573
|
]);
|
|
615
|
-
|
|
574
|
+
_templateObject12 = function _templateObject() {
|
|
616
575
|
return data;
|
|
617
576
|
};
|
|
618
577
|
return data;
|
|
619
578
|
}
|
|
620
|
-
function
|
|
579
|
+
function _templateObject13() {
|
|
621
580
|
var data = _tagged_template_literal([
|
|
622
581
|
"\n ",
|
|
623
582
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -635,12 +594,12 @@ function _templateObject14() {
|
|
|
635
594
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
636
595
|
": 1;\n "
|
|
637
596
|
]);
|
|
638
|
-
|
|
597
|
+
_templateObject13 = function _templateObject() {
|
|
639
598
|
return data;
|
|
640
599
|
};
|
|
641
600
|
return data;
|
|
642
601
|
}
|
|
643
|
-
function
|
|
602
|
+
function _templateObject14() {
|
|
644
603
|
var data = _tagged_template_literal([
|
|
645
604
|
"\n ",
|
|
646
605
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -658,12 +617,12 @@ function _templateObject15() {
|
|
|
658
617
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
659
618
|
": 1;\n "
|
|
660
619
|
]);
|
|
661
|
-
|
|
620
|
+
_templateObject14 = function _templateObject() {
|
|
662
621
|
return data;
|
|
663
622
|
};
|
|
664
623
|
return data;
|
|
665
624
|
}
|
|
666
|
-
function
|
|
625
|
+
function _templateObject15() {
|
|
667
626
|
var data = _tagged_template_literal([
|
|
668
627
|
"\n ",
|
|
669
628
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -681,12 +640,12 @@ function _templateObject16() {
|
|
|
681
640
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
682
641
|
": 1;\n "
|
|
683
642
|
]);
|
|
684
|
-
|
|
643
|
+
_templateObject15 = function _templateObject() {
|
|
685
644
|
return data;
|
|
686
645
|
};
|
|
687
646
|
return data;
|
|
688
647
|
}
|
|
689
|
-
function
|
|
648
|
+
function _templateObject16() {
|
|
690
649
|
var data = _tagged_template_literal([
|
|
691
650
|
"\n ",
|
|
692
651
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -704,12 +663,12 @@ function _templateObject17() {
|
|
|
704
663
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
705
664
|
": 1;\n "
|
|
706
665
|
]);
|
|
707
|
-
|
|
666
|
+
_templateObject16 = function _templateObject() {
|
|
708
667
|
return data;
|
|
709
668
|
};
|
|
710
669
|
return data;
|
|
711
670
|
}
|
|
712
|
-
function
|
|
671
|
+
function _templateObject17() {
|
|
713
672
|
var data = _tagged_template_literal([
|
|
714
673
|
"\n ",
|
|
715
674
|
": var(--surface-solid-card-brightness);\n ",
|
|
@@ -717,12 +676,12 @@ function _templateObject18() {
|
|
|
717
676
|
": var(--text-primary);\n ",
|
|
718
677
|
": var(--surface-solid-card-brightness);\n "
|
|
719
678
|
]);
|
|
720
|
-
|
|
679
|
+
_templateObject17 = function _templateObject() {
|
|
721
680
|
return data;
|
|
722
681
|
};
|
|
723
682
|
return data;
|
|
724
683
|
}
|
|
725
|
-
function
|
|
684
|
+
function _templateObject18() {
|
|
726
685
|
var data = _tagged_template_literal([
|
|
727
686
|
"\n ",
|
|
728
687
|
": 0.6875rem;\n ",
|
|
@@ -744,12 +703,12 @@ function _templateObject19() {
|
|
|
744
703
|
": 0.5rem;\n ",
|
|
745
704
|
": 0.625rem;\n "
|
|
746
705
|
]);
|
|
747
|
-
|
|
706
|
+
_templateObject18 = function _templateObject() {
|
|
748
707
|
return data;
|
|
749
708
|
};
|
|
750
709
|
return data;
|
|
751
710
|
}
|
|
752
|
-
function
|
|
711
|
+
function _templateObject19() {
|
|
753
712
|
var data = _tagged_template_literal([
|
|
754
713
|
"\n ",
|
|
755
714
|
": 0.5rem;\n ",
|
|
@@ -771,22 +730,22 @@ function _templateObject20() {
|
|
|
771
730
|
": 0.375rem;\n ",
|
|
772
731
|
": 0.5625rem;\n "
|
|
773
732
|
]);
|
|
774
|
-
|
|
733
|
+
_templateObject19 = function _templateObject() {
|
|
775
734
|
return data;
|
|
776
735
|
};
|
|
777
736
|
return data;
|
|
778
737
|
}
|
|
779
|
-
function
|
|
738
|
+
function _templateObject20() {
|
|
780
739
|
var data = _tagged_template_literal([
|
|
781
740
|
"\n ",
|
|
782
741
|
": 0.4;\n "
|
|
783
742
|
]);
|
|
784
|
-
|
|
743
|
+
_templateObject20 = function _templateObject() {
|
|
785
744
|
return data;
|
|
786
745
|
};
|
|
787
746
|
return data;
|
|
788
747
|
}
|
|
789
|
-
function
|
|
748
|
+
function _templateObject21() {
|
|
790
749
|
var data = _tagged_template_literal([
|
|
791
750
|
"\n ",
|
|
792
751
|
": 0.1;\n ",
|
|
@@ -799,7 +758,7 @@ function _templateObject22() {
|
|
|
799
758
|
": var(--surface-transparent-primary);\n ",
|
|
800
759
|
": 0.4;\n "
|
|
801
760
|
]);
|
|
802
|
-
|
|
761
|
+
_templateObject21 = function _templateObject() {
|
|
803
762
|
return data;
|
|
804
763
|
};
|
|
805
764
|
return data;
|
|
@@ -814,45 +773,42 @@ export var config = {
|
|
|
814
773
|
},
|
|
815
774
|
variations: {
|
|
816
775
|
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.
|
|
776
|
+
default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
777
|
+
positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
778
|
+
warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
779
|
+
negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
821
780
|
},
|
|
822
781
|
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.
|
|
782
|
+
xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
783
|
+
l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
784
|
+
m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
785
|
+
s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
786
|
+
xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin)
|
|
828
787
|
},
|
|
829
788
|
labelPlacement: {
|
|
830
789
|
inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
|
831
790
|
outer: css(_templateObject10())
|
|
832
791
|
},
|
|
833
|
-
clear: {
|
|
834
|
-
true: css(_templateObject11())
|
|
835
|
-
},
|
|
836
792
|
chipView: {
|
|
837
|
-
default: css(
|
|
838
|
-
secondary: css(
|
|
839
|
-
accent: css(
|
|
840
|
-
positive: css(
|
|
841
|
-
warning: css(
|
|
842
|
-
negative: css(
|
|
793
|
+
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),
|
|
794
|
+
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),
|
|
795
|
+
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),
|
|
796
|
+
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),
|
|
797
|
+
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),
|
|
798
|
+
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
799
|
},
|
|
844
800
|
hintView: {
|
|
845
|
-
default: css(
|
|
801
|
+
default: css(_templateObject17(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
|
846
802
|
},
|
|
847
803
|
hintSize: {
|
|
848
|
-
m: css(
|
|
849
|
-
s: css(
|
|
804
|
+
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),
|
|
805
|
+
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
806
|
},
|
|
851
807
|
disabled: {
|
|
852
|
-
true: css(
|
|
808
|
+
true: css(_templateObject20(), tokens.disabledOpacity)
|
|
853
809
|
},
|
|
854
810
|
readOnly: {
|
|
855
|
-
true: css(
|
|
811
|
+
true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
856
812
|
}
|
|
857
813
|
}
|
|
858
814
|
};
|
|
@@ -78,10 +78,22 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
return target;
|
|
79
79
|
}
|
|
80
80
|
import React, { forwardRef } from 'react';
|
|
81
|
-
import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
81
|
+
import { textFieldConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
|
|
82
82
|
import { config } from './TextField.config';
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
import { config as clearConfig } from './TextField.clear.config';
|
|
84
|
+
var mergedConfigDefault = mergeConfig(textFieldConfig, config);
|
|
85
|
+
export var TextFieldDefault = component(mergedConfigDefault);
|
|
86
|
+
var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
|
|
87
|
+
export var TextFieldClear = component(mergedConfigClear);
|
|
88
|
+
export var TextFieldComponent = createConditionalComponent(TextFieldDefault, [
|
|
89
|
+
{
|
|
90
|
+
conditions: {
|
|
91
|
+
prop: 'appearance',
|
|
92
|
+
value: 'clear'
|
|
93
|
+
},
|
|
94
|
+
component: TextFieldClear
|
|
95
|
+
}
|
|
96
|
+
]);
|
|
85
97
|
var statusToView = {
|
|
86
98
|
success: 'positive',
|
|
87
99
|
warning: 'warning',
|
|
@@ -40,7 +40,13 @@ function _templateObject1() {
|
|
|
40
40
|
": 3.5rem;\n ",
|
|
41
41
|
": 1rem;\n ",
|
|
42
42
|
": 1rem;\n ",
|
|
43
|
-
":
|
|
43
|
+
": 1rem;\n ",
|
|
44
|
+
": 1rem;\n ",
|
|
45
|
+
": 1rem;\n ",
|
|
46
|
+
": 0.75rem;\n ",
|
|
47
|
+
": 1rem;\n ",
|
|
48
|
+
": 0.75rem;\n ",
|
|
49
|
+
": 1rem;\n ",
|
|
44
50
|
": 2rem;\n ",
|
|
45
51
|
": 0.75rem;\n ",
|
|
46
52
|
": 0.25rem;\n ",
|
|
@@ -70,8 +76,14 @@ function _templateObject2() {
|
|
|
70
76
|
"\n ",
|
|
71
77
|
": 3rem;\n ",
|
|
72
78
|
": 0.875rem;\n ",
|
|
73
|
-
": 0.75rem
|
|
74
|
-
": 0.
|
|
79
|
+
": 0.75rem;\n ",
|
|
80
|
+
": 0.875rem;\n ",
|
|
81
|
+
": 0.75rem;\n ",
|
|
82
|
+
": 0.875rem;\n ",
|
|
83
|
+
": 0.5rem;\n ",
|
|
84
|
+
": 0.875rem;\n ",
|
|
85
|
+
": 0.5rem;\n ",
|
|
86
|
+
": 0.875rem;\n ",
|
|
75
87
|
": 2rem;\n ",
|
|
76
88
|
": 0.625rem;\n ",
|
|
77
89
|
": 0.25rem;\n ",
|
|
@@ -101,8 +113,14 @@ function _templateObject3() {
|
|
|
101
113
|
"\n ",
|
|
102
114
|
": 2.5rem;\n ",
|
|
103
115
|
": 0.75rem;\n ",
|
|
104
|
-
": 0.5rem
|
|
105
|
-
": 0.
|
|
116
|
+
": 0.5rem;\n ",
|
|
117
|
+
": 0.75rem;\n ",
|
|
118
|
+
": 0.5rem;\n ",
|
|
119
|
+
": 0.75rem;\n ",
|
|
120
|
+
": 0.4375rem;\n ",
|
|
121
|
+
": 0.5rem;\n ",
|
|
122
|
+
": 0.4375rem;\n ",
|
|
123
|
+
": 0.5rem;\n ",
|
|
106
124
|
": 1.875rem;\n ",
|
|
107
125
|
": 0.5rem;\n ",
|
|
108
126
|
": 0.25rem;\n ",
|
|
@@ -133,7 +151,13 @@ function _templateObject4() {
|
|
|
133
151
|
": 2rem;\n ",
|
|
134
152
|
": 0.5rem;\n ",
|
|
135
153
|
": 0.5rem;\n ",
|
|
136
|
-
": 0.
|
|
154
|
+
": 0.5rem;\n ",
|
|
155
|
+
": 0.5rem;\n ",
|
|
156
|
+
": 0.5rem;\n ",
|
|
157
|
+
": 0.25rem;\n ",
|
|
158
|
+
": 0.5rem;\n ",
|
|
159
|
+
": 0.25rem;\n ",
|
|
160
|
+
": 0.5rem;\n ",
|
|
137
161
|
": 1.25rem;\n ",
|
|
138
162
|
": 0.375rem;\n ",
|
|
139
163
|
": 0.25rem;\n ",
|
|
@@ -169,10 +193,10 @@ export var config = {
|
|
|
169
193
|
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
|
|
170
194
|
},
|
|
171
195
|
size: {
|
|
172
|
-
l: css(_templateObject1(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.
|
|
173
|
-
m: css(_templateObject2(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.
|
|
174
|
-
s: css(_templateObject3(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.
|
|
175
|
-
xs: css(_templateObject4(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.
|
|
196
|
+
l: css(_templateObject1(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
|
197
|
+
m: css(_templateObject2(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
|
198
|
+
s: css(_templateObject3(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
|
199
|
+
xs: css(_templateObject4(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
|
176
200
|
}
|
|
177
201
|
}
|
|
178
202
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-b2c",
|
|
3
|
-
"version": "1.598.0",
|
|
3
|
+
"version": "1.598.1-canary.2350.19926791161.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for business-related web applications.",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -42,9 +42,9 @@
|
|
|
42
42
|
"atLeast": 99.97
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@salutejs/plasma-core": "1.210.0",
|
|
46
|
-
"@salutejs/plasma-hope": "1.356.0",
|
|
47
|
-
"@salutejs/plasma-new-hope": "0.342.0",
|
|
45
|
+
"@salutejs/plasma-core": "1.210.1-canary.2350.19926791161.0",
|
|
46
|
+
"@salutejs/plasma-hope": "1.356.1-canary.2350.19926791161.0",
|
|
47
|
+
"@salutejs/plasma-new-hope": "0.342.1-canary.2350.19926791161.0",
|
|
48
48
|
"@salutejs/plasma-themes": "0.38.0",
|
|
49
49
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
|
50
50
|
"@salutejs/plasma-tokens-web": "1.69.0",
|
|
@@ -71,21 +71,14 @@
|
|
|
71
71
|
"@rollup/plugin-commonjs": "25.0.7",
|
|
72
72
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
73
73
|
"@salutejs/plasma-colors": "0.16.0",
|
|
74
|
-
"@salutejs/plasma-cy-utils": "0.140.0",
|
|
75
|
-
"@salutejs/plasma-icons": "1.227.0",
|
|
76
|
-
"@salutejs/plasma-sb-utils": "0.210.0",
|
|
77
|
-
"@storybook/addon-docs": "8.6.14",
|
|
78
|
-
"@storybook/addon-essentials": "8.6.14",
|
|
79
|
-
"@storybook/manager-api": "8.6.14",
|
|
80
|
-
"@storybook/react": "8.6.14",
|
|
81
|
-
"@storybook/react-vite": "8.6.14",
|
|
82
|
-
"@storybook/theming": "8.6.14",
|
|
74
|
+
"@salutejs/plasma-cy-utils": "0.140.1-canary.2350.19926791161.0",
|
|
75
|
+
"@salutejs/plasma-icons": "1.227.1-canary.2350.19926791161.0",
|
|
76
|
+
"@salutejs/plasma-sb-utils": "0.210.1-canary.2350.19926791161.0",
|
|
83
77
|
"@types/node": "16.7.13",
|
|
84
78
|
"@types/react": "18.0.28",
|
|
85
79
|
"@types/react-dom": "18.0.11",
|
|
86
80
|
"@types/resize-observer-browser": "0.1.6",
|
|
87
81
|
"@types/styled-components": "5.1.0",
|
|
88
|
-
"@vitejs/plugin-react": "3.1.0",
|
|
89
82
|
"babel-loader": "8.2.2",
|
|
90
83
|
"babel-plugin-annotate-pure-calls": "0.4.0",
|
|
91
84
|
"babel-plugin-styled-components": "1.13.2",
|
|
@@ -94,11 +87,9 @@
|
|
|
94
87
|
"react": "18.2.0",
|
|
95
88
|
"react-dom": "18.2.0",
|
|
96
89
|
"rollup": "3.29.4",
|
|
97
|
-
"storybook": "8.6.14",
|
|
98
90
|
"styled-components": "5.3.1",
|
|
99
91
|
"ts-node": "10.3.0",
|
|
100
|
-
"typescript-coverage-report": "0.7.0"
|
|
101
|
-
"vite": "4.5.3"
|
|
92
|
+
"typescript-coverage-report": "0.7.0"
|
|
102
93
|
},
|
|
103
94
|
"keywords": [
|
|
104
95
|
"design-system",
|
|
@@ -107,5 +98,5 @@
|
|
|
107
98
|
"react"
|
|
108
99
|
],
|
|
109
100
|
"sideEffects": false,
|
|
110
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "962795bea9201de580f724806a076f8d2f551b75"
|
|
111
102
|
}
|