@salutejs/sdds-netology 0.332.0-canary.2416.20569157442.0 → 0.332.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_16amete.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_s39lcx.css → Range.config_jq2fpv.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_16amete.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_s39lcx.css → Range.config_jq2fpv.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 +7 -7
- 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_1fdsdve.css +0 -9
- package/dist/css/es/components/DatePicker/DatePicker.config_1fdsdve.css +0 -9
|
@@ -18,16 +18,27 @@ function _templateObject() {
|
|
|
18
18
|
": var(--text-primary);\n ",
|
|
19
19
|
": var(--text-secondary);\n ",
|
|
20
20
|
": var(--text-negative);\n ",
|
|
21
|
-
": var(--text-positive);\n
|
|
21
|
+
": var(--text-positive);\n ",
|
|
22
|
+
": var(--text-secondary);\n ",
|
|
23
|
+
": var(--text-secondary);\n\n ",
|
|
22
24
|
": var(--text-primary);\n ",
|
|
23
25
|
": var(--text-primary-hover);\n ",
|
|
24
26
|
": var(--text-primary-active);\n\n ",
|
|
25
27
|
": var(--text-primary);\n ",
|
|
28
|
+
": var(--text-primary-hover);\n ",
|
|
29
|
+
": var(--text-primary-active);\n\n ",
|
|
30
|
+
": var(--text-secondary);\n ",
|
|
31
|
+
": var(--text-secondary-hover);\n ",
|
|
32
|
+
": var(--text-secondary-active);\n\n ",
|
|
33
|
+
": var(--text-secondary);\n ",
|
|
34
|
+
": var(--text-secondary-hover);\n ",
|
|
35
|
+
": var(--text-secondary-active);\n\n ",
|
|
36
|
+
": var(--text-primary);\n ",
|
|
26
37
|
": var(--text-secondary);\n ",
|
|
27
38
|
": var(--text-accent);\n ",
|
|
28
39
|
": var(--text-secondary);\n ",
|
|
29
40
|
": var(--text-secondary-hover);\n ",
|
|
30
|
-
": var(--text-secondary-active);\n ",
|
|
41
|
+
": var(--text-secondary-active);\n\n ",
|
|
31
42
|
": var(--text-secondary);\n ",
|
|
32
43
|
": var(--text-secondary-hover);\n ",
|
|
33
44
|
": var(--text-secondary-active);\n\n ",
|
|
@@ -101,6 +112,7 @@ function _templateObject1() {
|
|
|
101
112
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
102
113
|
": 0 0 0 1rem;\n ",
|
|
103
114
|
": 0;\n\n ",
|
|
115
|
+
": 0.75rem;\n ",
|
|
104
116
|
": 0.5625rem 0 0.125rem 0;\n ",
|
|
105
117
|
": 1.5625rem 0 0.5625rem 0;\n\n ",
|
|
106
118
|
": 0.75rem;\n ",
|
|
@@ -121,6 +133,19 @@ function _templateObject1() {
|
|
|
121
133
|
": -0.75rem;\n ",
|
|
122
134
|
": auto 0 -0.5rem auto;\n ",
|
|
123
135
|
": auto auto -0.5rem 0;\n\n ",
|
|
136
|
+
": -0.688rem -0.5rem;\n ",
|
|
137
|
+
": 2.375rem;\n ",
|
|
138
|
+
": 1.438rem -2.938rem auto auto;\n ",
|
|
139
|
+
": 0 0.563rem 0 -0.438rem;\n\n ",
|
|
140
|
+
": 0.563rem -2.938rem auto auto;\n ",
|
|
141
|
+
": 0.563rem -2.188rem auto auto;\n\n ",
|
|
142
|
+
": 0.375rem;\n ",
|
|
143
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
144
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
145
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
146
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
147
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
148
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
124
149
|
": 3.5rem;\n ",
|
|
125
150
|
": 0.875rem;\n ",
|
|
126
151
|
": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
|
|
@@ -217,6 +242,7 @@ function _templateObject2() {
|
|
|
217
242
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
218
243
|
": 0 0 0 0.875rem;\n ",
|
|
219
244
|
": 0;\n\n ",
|
|
245
|
+
": 0.625rem;\n ",
|
|
220
246
|
": 0.375rem 0 0.125rem 0;\n ",
|
|
221
247
|
": 1.375rem 0 0.375rem 0;\n\n ",
|
|
222
248
|
": 0.625rem;\n ",
|
|
@@ -237,6 +263,19 @@ function _templateObject2() {
|
|
|
237
263
|
": -0.75rem;\n ",
|
|
238
264
|
": auto 0 -0.5rem auto;\n ",
|
|
239
265
|
": auto auto -0.5rem 0;\n\n ",
|
|
266
|
+
": -0.688rem;\n ",
|
|
267
|
+
": 2.375rem;\n ",
|
|
268
|
+
": 1.1875rem -2.813rem auto auto;\n ",
|
|
269
|
+
": 0 0.313rem 0 -0.438rem;\n\n ",
|
|
270
|
+
": 0.312rem -2.813rem auto auto;\n ",
|
|
271
|
+
": 0.312rem -2.188rem auto auto;\n\n ",
|
|
272
|
+
": 0.313rem;\n ",
|
|
273
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
274
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
275
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
276
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
277
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
278
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
240
279
|
": 3rem;\n ",
|
|
241
280
|
": 0.75rem;\n ",
|
|
242
281
|
": 0.875rem 1rem 0.875rem 1rem;\n ",
|
|
@@ -333,6 +372,7 @@ function _templateObject3() {
|
|
|
333
372
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
334
373
|
": 0 0 0 0.75rem;\n ",
|
|
335
374
|
": 0;\n\n ",
|
|
375
|
+
": 0.5rem;\n ",
|
|
336
376
|
": 0.3125rem 0 0 0;\n ",
|
|
337
377
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
338
378
|
": 0.5rem;\n ",
|
|
@@ -353,6 +393,19 @@ function _templateObject3() {
|
|
|
353
393
|
": -0.75rem;\n ",
|
|
354
394
|
": auto 0 -0.5rem auto;\n ",
|
|
355
395
|
": auto auto -0.5rem 0;\n\n ",
|
|
396
|
+
": -0.688rem;\n ",
|
|
397
|
+
": 2.375rem;\n ",
|
|
398
|
+
": 0.938rem -2.688rem auto auto;\n ",
|
|
399
|
+
": 0 0.063rem 0 -0.438rem;\n\n ",
|
|
400
|
+
": 0.062rem -2.688rem auto auto;\n ",
|
|
401
|
+
": 0.062rem -2.188rem auto auto;\n\n ",
|
|
402
|
+
": 0.188rem;\n ",
|
|
403
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
404
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
405
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
406
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
407
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
408
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
356
409
|
": 2.5rem;\n ",
|
|
357
410
|
": 0.625rem;\n ",
|
|
358
411
|
": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
|
|
@@ -449,6 +502,7 @@ function _templateObject4() {
|
|
|
449
502
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
450
503
|
": 0 0 0 0.5rem;\n ",
|
|
451
504
|
": 0;\n\n ",
|
|
505
|
+
": 0.375rem;\n ",
|
|
452
506
|
": 0.3125rem 0 0 0;\n ",
|
|
453
507
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
454
508
|
": 0.375rem;\n ",
|
|
@@ -469,6 +523,19 @@ function _templateObject4() {
|
|
|
469
523
|
": -0.75rem;\n ",
|
|
470
524
|
": auto 0 -0.375rem auto;\n ",
|
|
471
525
|
": auto auto -0.375rem 0;\n\n ",
|
|
526
|
+
": -0.688rem;\n ",
|
|
527
|
+
": 2.375rem;\n ",
|
|
528
|
+
": 0.688rem -2.063rem auto auto;\n ",
|
|
529
|
+
": 0 -0.188rem 0 -0.688rem;\n\n ",
|
|
530
|
+
": -0.188rem -2.1875rem auto auto;\n ",
|
|
531
|
+
": -0.188rem -1.938rem auto auto;\n\n ",
|
|
532
|
+
": 0;\n ",
|
|
533
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
534
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
535
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
536
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
537
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
538
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
472
539
|
": 2rem;\n ",
|
|
473
540
|
": 0.5rem;\n ",
|
|
474
541
|
": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
|
|
@@ -610,7 +677,10 @@ function _templateObject6() {
|
|
|
610
677
|
function _templateObject7() {
|
|
611
678
|
var data = _tagged_template_literal([
|
|
612
679
|
"\n ",
|
|
613
|
-
":
|
|
680
|
+
": var(--surface-solid-card-brightness);\n ",
|
|
681
|
+
": var(--shadow-down-hard-m);\n ",
|
|
682
|
+
": var(--text-primary);\n ",
|
|
683
|
+
": var(--surface-solid-card-brightness);\n "
|
|
614
684
|
]);
|
|
615
685
|
_templateObject7 = function _templateObject() {
|
|
616
686
|
return data;
|
|
@@ -618,6 +688,70 @@ function _templateObject7() {
|
|
|
618
688
|
return data;
|
|
619
689
|
}
|
|
620
690
|
function _templateObject8() {
|
|
691
|
+
var data = _tagged_template_literal([
|
|
692
|
+
"\n ",
|
|
693
|
+
": 0.6875rem;\n ",
|
|
694
|
+
": 0.875rem;\n ",
|
|
695
|
+
": 0.6875rem;\n ",
|
|
696
|
+
": 0.875rem;\n\n ",
|
|
697
|
+
": 2.5rem;\n ",
|
|
698
|
+
": 0.625rem;\n\n ",
|
|
699
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
700
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
701
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
702
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
703
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
704
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
705
|
+
": 0.375rem;\n\n ",
|
|
706
|
+
": 1.25rem;\n ",
|
|
707
|
+
": 1.25rem;\n ",
|
|
708
|
+
': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
|
|
709
|
+
": 0.5rem;\n ",
|
|
710
|
+
": 0.625rem;\n "
|
|
711
|
+
]);
|
|
712
|
+
_templateObject8 = function _templateObject() {
|
|
713
|
+
return data;
|
|
714
|
+
};
|
|
715
|
+
return data;
|
|
716
|
+
}
|
|
717
|
+
function _templateObject9() {
|
|
718
|
+
var data = _tagged_template_literal([
|
|
719
|
+
"\n ",
|
|
720
|
+
": 0.5rem;\n ",
|
|
721
|
+
": 0.75rem;\n ",
|
|
722
|
+
": 0.5rem;\n ",
|
|
723
|
+
": 0.75rem;\n\n ",
|
|
724
|
+
": 2rem;\n ",
|
|
725
|
+
": 0.5rem;\n\n ",
|
|
726
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
727
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
728
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
729
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
730
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
731
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
732
|
+
": 0.25rem;\n\n ",
|
|
733
|
+
": 1rem;\n ",
|
|
734
|
+
": 1rem;\n ",
|
|
735
|
+
': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
|
|
736
|
+
": 0.375rem;\n ",
|
|
737
|
+
": 0.5625rem;\n "
|
|
738
|
+
]);
|
|
739
|
+
_templateObject9 = function _templateObject() {
|
|
740
|
+
return data;
|
|
741
|
+
};
|
|
742
|
+
return data;
|
|
743
|
+
}
|
|
744
|
+
function _templateObject10() {
|
|
745
|
+
var data = _tagged_template_literal([
|
|
746
|
+
"\n ",
|
|
747
|
+
": 0.4;\n "
|
|
748
|
+
]);
|
|
749
|
+
_templateObject10 = function _templateObject() {
|
|
750
|
+
return data;
|
|
751
|
+
};
|
|
752
|
+
return data;
|
|
753
|
+
}
|
|
754
|
+
function _templateObject11() {
|
|
621
755
|
var data = _tagged_template_literal([
|
|
622
756
|
"\n ",
|
|
623
757
|
": var(--surface-transparent-primary);\n ",
|
|
@@ -633,7 +767,7 @@ function _templateObject8() {
|
|
|
633
767
|
": 0.1;\n ",
|
|
634
768
|
": 0.1;\n "
|
|
635
769
|
]);
|
|
636
|
-
|
|
770
|
+
_templateObject11 = function _templateObject() {
|
|
637
771
|
return data;
|
|
638
772
|
};
|
|
639
773
|
return data;
|
|
@@ -646,23 +780,30 @@ export var config = {
|
|
|
646
780
|
},
|
|
647
781
|
variations: {
|
|
648
782
|
view: {
|
|
649
|
-
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, 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.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, 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)
|
|
783
|
+
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, 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.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, 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)
|
|
650
784
|
},
|
|
651
785
|
size: {
|
|
652
|
-
l: css(_templateObject1(), tokens.width, tokens.borderRadius, 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.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.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, 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),
|
|
653
|
-
m: css(_templateObject2(), tokens.width, tokens.borderRadius, 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.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),
|
|
654
|
-
s: css(_templateObject3(), tokens.width, tokens.borderRadius, 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.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),
|
|
655
|
-
xs: css(_templateObject4(), tokens.width, tokens.borderRadius, 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.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)
|
|
786
|
+
l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, 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.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.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.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, 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),
|
|
787
|
+
m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, 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.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.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),
|
|
788
|
+
s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, 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.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.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),
|
|
789
|
+
xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, 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.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.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)
|
|
656
790
|
},
|
|
657
791
|
eventTooltipSize: {
|
|
658
792
|
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),
|
|
659
793
|
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)
|
|
660
794
|
},
|
|
795
|
+
hintView: {
|
|
796
|
+
default: css(_templateObject7(), tokens.hintTooltipBackgroundColor, tokens.hintTooltipBoxShadow, tokens.hintTooltipColor, tokens.hintTooltipArrowBackground)
|
|
797
|
+
},
|
|
798
|
+
hintSize: {
|
|
799
|
+
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),
|
|
800
|
+
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)
|
|
801
|
+
},
|
|
661
802
|
disabled: {
|
|
662
|
-
true: css(
|
|
803
|
+
true: css(_templateObject10(), tokens.disabledOpacity)
|
|
663
804
|
},
|
|
664
805
|
readOnly: {
|
|
665
|
-
true: css(
|
|
806
|
+
true: css(_templateObject11(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
|
|
666
807
|
}
|
|
667
808
|
}
|
|
668
809
|
};
|
|
@@ -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),
|
|
@@ -21,6 +21,15 @@ function _templateObject() {
|
|
|
21
21
|
": var(--text-positive);\n ",
|
|
22
22
|
": var(--text-secondary);\n ",
|
|
23
23
|
": var(--text-secondary);\n\n ",
|
|
24
|
+
": var(--text-primary);\n ",
|
|
25
|
+
": var(--text-primary-hover);\n ",
|
|
26
|
+
": var(--text-primary-active);\n\n ",
|
|
27
|
+
": var(--text-primary);\n ",
|
|
28
|
+
": var(--text-primary-hover);\n ",
|
|
29
|
+
": var(--text-primary-active);\n\n ",
|
|
30
|
+
": var(--text-secondary);\n ",
|
|
31
|
+
": var(--text-secondary-hover);\n ",
|
|
32
|
+
": var(--text-secondary-active);\n\n ",
|
|
24
33
|
": var(--text-secondary);\n ",
|
|
25
34
|
": var(--text-secondary-hover);\n ",
|
|
26
35
|
": var(--text-secondary-active);\n\n ",
|
|
@@ -485,7 +494,7 @@ export var config = {
|
|
|
485
494
|
},
|
|
486
495
|
variations: {
|
|
487
496
|
view: {
|
|
488
|
-
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, 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.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
|
|
497
|
+
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, 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.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
|
|
489
498
|
},
|
|
490
499
|
size: {
|
|
491
500
|
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),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-netology",
|
|
3
|
-
"version": "0.332.0-canary.
|
|
3
|
+
"version": "0.332.0-canary.2417.20992530703.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS NETOLOGY web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"exports": {
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"directory": "packages/sdds-netology"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@salutejs/plasma-new-hope": "0.345.0-canary.
|
|
36
|
-
"@salutejs/plasma-themes": "0.
|
|
35
|
+
"@salutejs/plasma-new-hope": "0.345.0-canary.2417.20992530703.0",
|
|
36
|
+
"@salutejs/plasma-themes": "0.39.0-canary.2417.20992530703.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"react": ">=16.13.1",
|
|
@@ -57,10 +57,10 @@
|
|
|
57
57
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
58
58
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
59
59
|
"@salutejs/plasma-colors": "0.16.0",
|
|
60
|
-
"@salutejs/plasma-core": "1.
|
|
61
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
60
|
+
"@salutejs/plasma-core": "1.213.0-canary.2417.20992530703.0",
|
|
61
|
+
"@salutejs/plasma-cy-utils": "0.143.0-canary.2417.20992530703.0",
|
|
62
62
|
"@salutejs/plasma-icons": "1.228.0",
|
|
63
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
63
|
+
"@salutejs/plasma-sb-utils": "0.213.0-canary.2417.20992530703.0",
|
|
64
64
|
"@types/node": "16.7.13",
|
|
65
65
|
"@types/react": "18.0.28",
|
|
66
66
|
"@types/react-dom": "18.0.11",
|
|
@@ -108,5 +108,5 @@
|
|
|
108
108
|
"sideEffects": [
|
|
109
109
|
"*.css"
|
|
110
110
|
],
|
|
111
|
-
"gitHead": "
|
|
111
|
+
"gitHead": "09fbeeb3feb65999d16cbdbde531d6c0f5d1961b"
|
|
112
112
|
}
|
|
@@ -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
|
};
|