@salutejs/plasma-web 1.603.0-canary.2416.20569157442.0 → 1.603.0-canary.2417.20992530703.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/dist/css/cjs/components/DatePicker/DatePicker.clear.config.js +42 -0
- package/dist/css/cjs/components/DatePicker/DatePicker.clear.config.js.map +1 -0
- package/dist/css/cjs/components/DatePicker/DatePicker.clear.config_1wq4nln.css +12 -0
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js +10 -3
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config_vfv3ck.css +12 -0
- package/dist/css/cjs/components/DatePicker/DatePicker.css +25 -9
- package/dist/css/cjs/components/DatePicker/DatePicker.js +27 -4
- package/dist/css/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/css/cjs/components/Range/Range.clear.config.js +1 -1
- package/dist/css/cjs/components/Range/Range.clear.config.js.map +1 -1
- package/dist/css/{es/components/Range/Range.clear.config_1f7lv9g.css → cjs/components/Range/Range.clear.config_w9gll5.css} +1 -1
- package/dist/css/cjs/components/Range/Range.config.js +1 -1
- package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
- package/dist/css/cjs/components/Range/{Range.config_cx3c66.css → Range.config_10vt32r.css} +1 -1
- package/dist/css/cjs/components/Range/Range.css +22 -22
- package/dist/css/cjs/index.css +48 -32
- package/dist/css/es/components/DatePicker/DatePicker.clear.config.js +38 -0
- package/dist/css/es/components/DatePicker/DatePicker.clear.config.js.map +1 -0
- package/dist/css/es/components/DatePicker/DatePicker.clear.config_1wq4nln.css +12 -0
- package/dist/css/es/components/DatePicker/DatePicker.config.js +10 -3
- package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.config_vfv3ck.css +12 -0
- package/dist/css/es/components/DatePicker/DatePicker.css +25 -9
- package/dist/css/es/components/DatePicker/DatePicker.js +25 -6
- package/dist/css/es/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/css/es/components/Range/Range.clear.config.js +1 -1
- package/dist/css/es/components/Range/Range.clear.config.js.map +1 -1
- package/dist/css/{cjs/components/Range/Range.clear.config_1f7lv9g.css → es/components/Range/Range.clear.config_w9gll5.css} +1 -1
- package/dist/css/es/components/Range/Range.config.js +1 -1
- package/dist/css/es/components/Range/Range.config.js.map +1 -1
- package/dist/css/es/components/Range/{Range.config_cx3c66.css → Range.config_10vt32r.css} +1 -1
- package/dist/css/es/components/Range/Range.css +22 -22
- package/dist/css/es/index.css +48 -32
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +849 -0
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +152 -11
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.js +39 -4
- package/dist/styled-components/cjs/components/Range/Range.clear.config.js +14 -2
- package/dist/styled-components/cjs/components/Range/Range.config.js +10 -1
- package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +839 -0
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +152 -11
- package/dist/styled-components/es/components/DatePicker/DatePicker.js +28 -5
- package/dist/styled-components/es/components/Range/Range.clear.config.js +14 -2
- package/dist/styled-components/es/components/Range/Range.config.js +10 -1
- package/package.json +8 -8
- package/types/components/DatePicker/DatePicker.clear.config.d.ts +34 -0
- package/types/components/DatePicker/DatePicker.config.d.ts +7 -0
- package/types/components/DatePicker/DatePicker.d.ts +517 -4
- package/dist/css/cjs/components/DatePicker/DatePicker.config_lb9dvj.css +0 -9
- package/dist/css/es/components/DatePicker/DatePicker.config_lb9dvj.css +0 -9
|
@@ -22,15 +22,26 @@ function _templateObject() {
|
|
|
22
22
|
": var(--text-secondary);\n ",
|
|
23
23
|
": var(--text-negative);\n ",
|
|
24
24
|
": var(--text-positive);\n\n ",
|
|
25
|
+
": var(--text-secondary);\n ",
|
|
26
|
+
": var(--text-secondary);\n\n ",
|
|
25
27
|
": var(--text-primary);\n ",
|
|
26
28
|
": var(--text-primary-hover);\n ",
|
|
27
29
|
": var(--text-primary-active);\n\n ",
|
|
28
30
|
": var(--text-primary);\n ",
|
|
31
|
+
": var(--text-primary-hover);\n ",
|
|
32
|
+
": var(--text-primary-active);\n\n ",
|
|
29
33
|
": var(--text-secondary);\n ",
|
|
30
|
-
": var(--text-
|
|
34
|
+
": var(--text-secondary-hover);\n ",
|
|
35
|
+
": var(--text-secondary-active);\n\n ",
|
|
31
36
|
": var(--text-secondary);\n ",
|
|
32
37
|
": var(--text-secondary-hover);\n ",
|
|
33
|
-
": var(--text-secondary-active);\n ",
|
|
38
|
+
": var(--text-secondary-active);\n\n ",
|
|
39
|
+
": var(--text-primary);\n ",
|
|
40
|
+
": var(--text-secondary);\n ",
|
|
41
|
+
": var(--text-accent);\n\n ",
|
|
42
|
+
": var(--text-secondary);\n ",
|
|
43
|
+
": var(--text-secondary-hover);\n ",
|
|
44
|
+
": var(--text-secondary-active);\n\n ",
|
|
34
45
|
": var(--text-secondary);\n ",
|
|
35
46
|
": var(--text-secondary-hover);\n ",
|
|
36
47
|
": var(--text-secondary-active);\n\n ",
|
|
@@ -107,6 +118,7 @@ function _templateObject1() {
|
|
|
107
118
|
": 0.5625rem 0 0.125rem 0;\n ",
|
|
108
119
|
": 1.5625rem 0 0.5625rem 0;\n\n ",
|
|
109
120
|
": 0.75rem;\n ",
|
|
121
|
+
": 0.75rem;\n ",
|
|
110
122
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
111
123
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
112
124
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
@@ -124,6 +136,19 @@ function _templateObject1() {
|
|
|
124
136
|
": -0.75rem;\n ",
|
|
125
137
|
": auto 0 -0.5rem auto;\n ",
|
|
126
138
|
": auto auto -0.5rem 0;\n\n ",
|
|
139
|
+
": -0.688rem -0.5rem;\n ",
|
|
140
|
+
": 2.375rem;\n ",
|
|
141
|
+
": 1.438rem -2.938rem auto auto;\n ",
|
|
142
|
+
": 0 0.563rem 0 -0.438rem;\n\n ",
|
|
143
|
+
": 0.563rem -2.938rem auto auto;\n ",
|
|
144
|
+
": 0.563rem -2.188rem auto auto;\n\n ",
|
|
145
|
+
": 0.375rem;\n ",
|
|
146
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
147
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
148
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
149
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
150
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
151
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
127
152
|
": 3.5rem;\n ",
|
|
128
153
|
": 0.875rem;\n ",
|
|
129
154
|
": 0.0625rem;\n ",
|
|
@@ -226,6 +251,7 @@ function _templateObject2() {
|
|
|
226
251
|
": 0.375rem 0 0.125rem 0;\n ",
|
|
227
252
|
": 1.375rem 0 0.375rem 0;\n\n ",
|
|
228
253
|
": 0.625rem;\n ",
|
|
254
|
+
": 0.625rem;\n ",
|
|
229
255
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
230
256
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
231
257
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
@@ -243,6 +269,19 @@ function _templateObject2() {
|
|
|
243
269
|
": -0.75rem;\n ",
|
|
244
270
|
": auto 0 -0.5rem auto;\n ",
|
|
245
271
|
": auto auto -0.5rem 0;\n\n ",
|
|
272
|
+
": -0.688rem;\n ",
|
|
273
|
+
": 2.375rem;\n ",
|
|
274
|
+
": 1.1875rem -2.813rem auto auto;\n ",
|
|
275
|
+
": 0 0.313rem 0 -0.438rem;\n\n ",
|
|
276
|
+
": 0.312rem -2.813rem auto auto;\n ",
|
|
277
|
+
": 0.312rem -2.188rem auto auto;\n\n ",
|
|
278
|
+
": 0.313rem;\n ",
|
|
279
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
280
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
281
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
282
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
283
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
284
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
246
285
|
": 3rem;\n ",
|
|
247
286
|
": 0.75rem;\n ",
|
|
248
287
|
": 0.0625rem;\n ",
|
|
@@ -344,6 +383,7 @@ function _templateObject3() {
|
|
|
344
383
|
": 0.3125rem 0 0 0;\n ",
|
|
345
384
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
346
385
|
": 0.5rem;\n ",
|
|
386
|
+
": 0.5rem;\n ",
|
|
347
387
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
348
388
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
349
389
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
@@ -361,6 +401,19 @@ function _templateObject3() {
|
|
|
361
401
|
": -0.75rem;\n ",
|
|
362
402
|
": auto 0 -0.5rem auto;\n ",
|
|
363
403
|
": auto auto -0.5rem 0;\n\n ",
|
|
404
|
+
": -0.688rem;\n ",
|
|
405
|
+
": 2.375rem;\n ",
|
|
406
|
+
": 0.938rem -2.688rem auto auto;\n ",
|
|
407
|
+
": 0 0.063rem 0 -0.438rem;\n\n ",
|
|
408
|
+
": 0.062rem -2.688rem auto auto;\n ",
|
|
409
|
+
": 0.062rem -2.188rem auto auto;\n\n ",
|
|
410
|
+
": 0.188rem;\n ",
|
|
411
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
412
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
413
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
414
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
415
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
416
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
364
417
|
": 2.5rem;\n ",
|
|
365
418
|
": 0.625rem;\n ",
|
|
366
419
|
": 0.0625rem;\n ",
|
|
@@ -462,6 +515,7 @@ function _templateObject4() {
|
|
|
462
515
|
": 0.3125rem 0 0 0;\n ",
|
|
463
516
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
464
517
|
": 0.375rem;\n ",
|
|
518
|
+
": 0.375rem;\n ",
|
|
465
519
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
466
520
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
467
521
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -479,6 +533,19 @@ function _templateObject4() {
|
|
|
479
533
|
": -0.75rem;\n ",
|
|
480
534
|
": auto 0 -0.375rem auto;\n ",
|
|
481
535
|
": auto auto -0.375rem 0;\n\n ",
|
|
536
|
+
": -0.688rem;\n ",
|
|
537
|
+
": 2.375rem;\n ",
|
|
538
|
+
": 0.688rem -2.063rem auto auto;\n ",
|
|
539
|
+
": 0 -0.188rem 0 -0.688rem;\n\n ",
|
|
540
|
+
": -0.188rem -2.1875rem auto auto;\n ",
|
|
541
|
+
": -0.188rem -1.938rem auto auto;\n\n ",
|
|
542
|
+
": 0;\n ",
|
|
543
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
544
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
545
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
546
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
547
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
548
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
482
549
|
": 2rem;\n ",
|
|
483
550
|
": 0.5rem;\n ",
|
|
484
551
|
": 0.0625rem;\n ",
|
|
@@ -622,7 +689,10 @@ function _templateObject6() {
|
|
|
622
689
|
function _templateObject7() {
|
|
623
690
|
var data = _tagged_template_literal([
|
|
624
691
|
"\n ",
|
|
625
|
-
":
|
|
692
|
+
": var(--surface-solid-card-brightness);\n ",
|
|
693
|
+
": var(--shadow-down-hard-m);\n ",
|
|
694
|
+
": var(--text-primary);\n ",
|
|
695
|
+
": var(--surface-solid-card-brightness);\n "
|
|
626
696
|
]);
|
|
627
697
|
_templateObject7 = function _templateObject() {
|
|
628
698
|
return data;
|
|
@@ -630,6 +700,70 @@ function _templateObject7() {
|
|
|
630
700
|
return data;
|
|
631
701
|
}
|
|
632
702
|
function _templateObject8() {
|
|
703
|
+
var data = _tagged_template_literal([
|
|
704
|
+
"\n ",
|
|
705
|
+
": 0.6875rem;\n ",
|
|
706
|
+
": 0.875rem;\n ",
|
|
707
|
+
": 0.6875rem;\n ",
|
|
708
|
+
": 0.875rem;\n\n ",
|
|
709
|
+
": 2.5rem;\n ",
|
|
710
|
+
": 0.625rem;\n\n ",
|
|
711
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
712
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
713
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
714
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
715
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
716
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
717
|
+
": 0.375rem;\n\n ",
|
|
718
|
+
": 1.25rem;\n ",
|
|
719
|
+
": 1.25rem;\n ",
|
|
720
|
+
': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
|
|
721
|
+
": 0.5rem;\n ",
|
|
722
|
+
": 0.625rem;\n "
|
|
723
|
+
]);
|
|
724
|
+
_templateObject8 = function _templateObject() {
|
|
725
|
+
return data;
|
|
726
|
+
};
|
|
727
|
+
return data;
|
|
728
|
+
}
|
|
729
|
+
function _templateObject9() {
|
|
730
|
+
var data = _tagged_template_literal([
|
|
731
|
+
"\n ",
|
|
732
|
+
": 0.5rem;\n ",
|
|
733
|
+
": 0.75rem;\n ",
|
|
734
|
+
": 0.5rem;\n ",
|
|
735
|
+
": 0.75rem;\n\n ",
|
|
736
|
+
": 2rem;\n ",
|
|
737
|
+
": 0.5rem;\n\n ",
|
|
738
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
739
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
740
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
741
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
742
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
743
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
744
|
+
": 0.25rem;\n\n ",
|
|
745
|
+
": 1rem;\n ",
|
|
746
|
+
": 1rem;\n ",
|
|
747
|
+
': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
|
|
748
|
+
": 0.375rem;\n ",
|
|
749
|
+
": 0.5625rem;\n "
|
|
750
|
+
]);
|
|
751
|
+
_templateObject9 = function _templateObject() {
|
|
752
|
+
return data;
|
|
753
|
+
};
|
|
754
|
+
return data;
|
|
755
|
+
}
|
|
756
|
+
function _templateObject10() {
|
|
757
|
+
var data = _tagged_template_literal([
|
|
758
|
+
"\n ",
|
|
759
|
+
": 0.4;\n "
|
|
760
|
+
]);
|
|
761
|
+
_templateObject10 = function _templateObject() {
|
|
762
|
+
return data;
|
|
763
|
+
};
|
|
764
|
+
return data;
|
|
765
|
+
}
|
|
766
|
+
function _templateObject11() {
|
|
633
767
|
var data = _tagged_template_literal([
|
|
634
768
|
"\n ",
|
|
635
769
|
": var(--surface-clear);\n ",
|
|
@@ -649,7 +783,7 @@ function _templateObject8() {
|
|
|
649
783
|
": transparent;\n ",
|
|
650
784
|
": 0;\n "
|
|
651
785
|
]);
|
|
652
|
-
|
|
786
|
+
_templateObject11 = function _templateObject() {
|
|
653
787
|
return data;
|
|
654
788
|
};
|
|
655
789
|
return data;
|
|
@@ -662,23 +796,30 @@ export var config = {
|
|
|
662
796
|
},
|
|
663
797
|
variations: {
|
|
664
798
|
view: {
|
|
665
|
-
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
799
|
+
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
666
800
|
},
|
|
667
801
|
size: {
|
|
668
|
-
l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
|
669
|
-
m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
|
670
|
-
s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
|
671
|
-
xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
|
|
802
|
+
l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelOffset, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
|
803
|
+
m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelOffset, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
|
804
|
+
s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelOffset, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
|
805
|
+
xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelOffset, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
|
|
672
806
|
},
|
|
673
807
|
eventTooltipSize: {
|
|
674
808
|
m: css(_templateObject5(), 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, tokens.tooltipArrowBackground),
|
|
675
809
|
s: css(_templateObject6(), 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, tokens.tooltipArrowBackground)
|
|
676
810
|
},
|
|
811
|
+
hintView: {
|
|
812
|
+
default: css(_templateObject7(), tokens.hintTooltipBackgroundColor, tokens.hintTooltipBoxShadow, tokens.hintTooltipColor, tokens.hintTooltipArrowBackground)
|
|
813
|
+
},
|
|
814
|
+
hintSize: {
|
|
815
|
+
m: css(_templateObject8(), tokens.hintTooltipPaddingTop, tokens.hintTooltipPaddingRight, tokens.hintTooltipPaddingBottom, tokens.hintTooltipPaddingLeft, tokens.hintTooltipMinHeight, tokens.hintTooltipBorderRadius, tokens.hintTooltipTextFontFamily, tokens.hintTooltipTextFontSize, tokens.hintTooltipTextFontStyle, tokens.hintTooltipTextFontWeight, tokens.hintTooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLineHeight, tokens.hintTooltipContentLeftMargin, tokens.hintTooltipArrowMaskWidth, tokens.hintTooltipArrowMaskHeight, tokens.hintTooltipArrowMaskImage, tokens.hintTooltipArrowHeight, tokens.hintTooltipArrowEdgeMargin),
|
|
816
|
+
s: css(_templateObject9(), tokens.hintTooltipPaddingTop, tokens.hintTooltipPaddingRight, tokens.hintTooltipPaddingBottom, tokens.hintTooltipPaddingLeft, tokens.hintTooltipMinHeight, tokens.hintTooltipBorderRadius, tokens.hintTooltipTextFontFamily, tokens.hintTooltipTextFontSize, tokens.hintTooltipTextFontStyle, tokens.hintTooltipTextFontWeight, tokens.hintTooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLineHeight, tokens.hintTooltipContentLeftMargin, tokens.hintTooltipArrowMaskWidth, tokens.hintTooltipArrowMaskHeight, tokens.hintTooltipArrowMaskImage, tokens.hintTooltipArrowHeight, tokens.hintTooltipArrowEdgeMargin)
|
|
817
|
+
},
|
|
677
818
|
disabled: {
|
|
678
|
-
true: css(
|
|
819
|
+
true: css(_templateObject10(), tokens.disabledOpacity)
|
|
679
820
|
},
|
|
680
821
|
readOnly: {
|
|
681
|
-
true: css(
|
|
822
|
+
true: css(_templateObject11(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity, tokens.borderColor, tokens.borderWidth)
|
|
682
823
|
}
|
|
683
824
|
}
|
|
684
825
|
};
|
|
@@ -1,6 +1,29 @@
|
|
|
1
|
-
import { datePickerConfig, datePickerRangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
1
|
+
import { datePickerConfig, datePickerRangeConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
2
|
import { config } from './DatePicker.config';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
3
|
+
import { config as configClear } from './DatePicker.clear.config';
|
|
4
|
+
var mergedConfigDefault = mergeConfig(datePickerConfig, config);
|
|
5
|
+
export var DatePickerDefault = component(mergedConfigDefault);
|
|
6
|
+
var mergedConfigClear = mergeConfig(datePickerConfig, configClear);
|
|
7
|
+
export var DatePickerClear = component(mergedConfigClear);
|
|
8
|
+
export var DatePicker = createConditionalComponent(DatePickerDefault, [
|
|
9
|
+
{
|
|
10
|
+
conditions: {
|
|
11
|
+
prop: 'appearance',
|
|
12
|
+
value: 'clear'
|
|
13
|
+
},
|
|
14
|
+
component: DatePickerClear
|
|
15
|
+
}
|
|
16
|
+
]);
|
|
17
|
+
var mergedRangeConfigDefault = mergeConfig(datePickerRangeConfig, config);
|
|
18
|
+
export var DatePickerRangeDefault = component(mergedRangeConfigDefault);
|
|
19
|
+
var mergedRangeConfigClea = mergeConfig(datePickerRangeConfig, configClear);
|
|
20
|
+
export var DatePickerRangeClear = component(mergedRangeConfigClea);
|
|
21
|
+
export var DatePickerRange = createConditionalComponent(DatePickerRangeDefault, [
|
|
22
|
+
{
|
|
23
|
+
conditions: {
|
|
24
|
+
prop: 'appearance',
|
|
25
|
+
value: 'clear'
|
|
26
|
+
},
|
|
27
|
+
component: DatePickerRangeClear
|
|
28
|
+
}
|
|
29
|
+
]);
|
|
@@ -22,6 +22,12 @@ function _templateObject() {
|
|
|
22
22
|
": var(--text-positive);\n ",
|
|
23
23
|
": var(--text-secondary);\n ",
|
|
24
24
|
": var(--text-secondary);\n\n ",
|
|
25
|
+
": var(--text-primary);\n ",
|
|
26
|
+
": var(--text-primary-hover);\n ",
|
|
27
|
+
": var(--text-primary-active);\n\n ",
|
|
28
|
+
": var(--text-primary);\n ",
|
|
29
|
+
": var(--text-primary-hover);\n ",
|
|
30
|
+
": var(--text-primary-active);\n\n ",
|
|
25
31
|
": var(--text-secondary);\n ",
|
|
26
32
|
": var(--text-secondary-hover);\n ",
|
|
27
33
|
": var(--text-secondary-active);\n\n ",
|
|
@@ -30,7 +36,13 @@ function _templateObject() {
|
|
|
30
36
|
": var(--text-secondary-active);\n\n ",
|
|
31
37
|
": var(--text-positive);\n ",
|
|
32
38
|
": var(--text-positive-hover);\n ",
|
|
33
|
-
": var(--text-positive-active);\n ",
|
|
39
|
+
": var(--text-positive-active);\n\n ",
|
|
40
|
+
": var(--text-positive);\n ",
|
|
41
|
+
": var(--text-positive-hover);\n ",
|
|
42
|
+
": var(--text-positive-active);\n\n ",
|
|
43
|
+
": var(--text-negative);\n ",
|
|
44
|
+
": var(--text-negative-hover);\n ",
|
|
45
|
+
": var(--text-negative-active);\n\n ",
|
|
34
46
|
": var(--text-negative);\n ",
|
|
35
47
|
": var(--text-negative-hover);\n ",
|
|
36
48
|
": var(--text-negative-active);\n\n ",
|
|
@@ -507,7 +519,7 @@ export var config = {
|
|
|
507
519
|
},
|
|
508
520
|
variations: {
|
|
509
521
|
view: {
|
|
510
|
-
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.clearDividerColor, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, tokens.textFieldColor, tokens.textFieldColorSuccess, tokens.textFieldColorError, tokens.focusColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldDividerColorSuccess, tokens.textFieldDividerColorError, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.indicatorColor)
|
|
522
|
+
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.clearDividerColor, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, tokens.textFieldContentSlotColorSuccess, tokens.textFieldContentSlotColorSuccessHover, tokens.textFieldContentSlotColorSuccessActive, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, tokens.textFieldContentSlotColorError, tokens.textFieldContentSlotColorErrorHover, tokens.textFieldContentSlotColorErrorActive, tokens.textFieldColor, tokens.textFieldColorSuccess, tokens.textFieldColorError, tokens.focusColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldDividerColorSuccess, tokens.textFieldDividerColorError, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.indicatorColor)
|
|
511
523
|
},
|
|
512
524
|
size: {
|
|
513
525
|
xl: css(_templateObject1(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.indicatorWithoutLabelOuterHint),
|
|
@@ -22,6 +22,15 @@ function _templateObject() {
|
|
|
22
22
|
": var(--text-positive);\n ",
|
|
23
23
|
": var(--text-secondary);\n ",
|
|
24
24
|
": var(--text-secondary);\n\n ",
|
|
25
|
+
": var(--text-primary);\n ",
|
|
26
|
+
": var(--text-primary-hover);\n ",
|
|
27
|
+
": var(--text-primary-active);\n\n ",
|
|
28
|
+
": var(--text-primary);\n ",
|
|
29
|
+
": var(--text-primary-hover);\n ",
|
|
30
|
+
": var(--text-primary-active);\n\n ",
|
|
31
|
+
": var(--text-secondary);\n ",
|
|
32
|
+
": var(--text-secondary-hover);\n ",
|
|
33
|
+
": var(--text-secondary-active);\n\n ",
|
|
25
34
|
": var(--text-secondary);\n ",
|
|
26
35
|
": var(--text-secondary-hover);\n ",
|
|
27
36
|
": var(--text-secondary-active);\n\n ",
|
|
@@ -497,7 +506,7 @@ export var config = {
|
|
|
497
506
|
},
|
|
498
507
|
variations: {
|
|
499
508
|
view: {
|
|
500
|
-
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
|
|
509
|
+
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
|
|
501
510
|
},
|
|
502
511
|
size: {
|
|
503
512
|
xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.603.0-canary.
|
|
3
|
+
"version": "1.603.0-canary.2417.20992530703.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"exports": {
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
"directory": "packages/plasma-web"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@salutejs/plasma-core": "1.
|
|
36
|
-
"@salutejs/plasma-hope": "1.
|
|
37
|
-
"@salutejs/plasma-new-hope": "0.345.0-canary.
|
|
38
|
-
"@salutejs/plasma-themes": "0.
|
|
35
|
+
"@salutejs/plasma-core": "1.213.0-canary.2417.20992530703.0",
|
|
36
|
+
"@salutejs/plasma-hope": "1.359.0-canary.2417.20992530703.0",
|
|
37
|
+
"@salutejs/plasma-new-hope": "0.345.0-canary.2417.20992530703.0",
|
|
38
|
+
"@salutejs/plasma-themes": "0.39.0-canary.2417.20992530703.0",
|
|
39
39
|
"@salutejs/plasma-tokens-b2b": "1.54.0",
|
|
40
40
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
|
41
41
|
"@salutejs/plasma-tokens-web": "1.69.0",
|
|
@@ -62,9 +62,9 @@
|
|
|
62
62
|
"@rollup/plugin-commonjs": "25.0.7",
|
|
63
63
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
64
64
|
"@salutejs/plasma-colors": "0.16.0",
|
|
65
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
65
|
+
"@salutejs/plasma-cy-utils": "0.143.0-canary.2417.20992530703.0",
|
|
66
66
|
"@salutejs/plasma-icons": "1.228.0",
|
|
67
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
67
|
+
"@salutejs/plasma-sb-utils": "0.213.0-canary.2417.20992530703.0",
|
|
68
68
|
"@types/node": "16.7.13",
|
|
69
69
|
"@types/react": "18.0.28",
|
|
70
70
|
"@types/react-dom": "18.0.11",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"sideEffects": [
|
|
118
118
|
"*.css"
|
|
119
119
|
],
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "09fbeeb3feb65999d16cbdbde531d6c0f5d1961b"
|
|
121
121
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
|
+
};
|
|
16
|
+
eventTooltipSize: {
|
|
17
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
19
|
+
};
|
|
20
|
+
hintView: {
|
|
21
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
22
|
+
};
|
|
23
|
+
hintSize: {
|
|
24
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
25
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
26
|
+
};
|
|
27
|
+
disabled: {
|
|
28
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
29
|
+
};
|
|
30
|
+
readOnly: {
|
|
31
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -17,6 +17,13 @@ export declare const config: {
|
|
|
17
17
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
18
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
19
19
|
};
|
|
20
|
+
hintView: {
|
|
21
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
22
|
+
};
|
|
23
|
+
hintSize: {
|
|
24
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
25
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
26
|
+
};
|
|
20
27
|
disabled: {
|
|
21
28
|
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
22
29
|
};
|