@salutejs/sdds-finai 0.322.1-canary.2393.20326467208.0 → 0.322.1-canary.2393.20451760148.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/beta/cjs/Popover/Popover.closeInner.config.js +89 -0
- package/dist/beta/cjs/Popover/Popover.closeNone.config.js +81 -0
- package/dist/beta/cjs/Popover/Popover.js +37 -0
- package/dist/beta/cjs/Popover/index.js +11 -0
- package/dist/beta/cjs/index.js +18 -0
- package/dist/beta/es/Popover/Popover.closeInner.config.js +79 -0
- package/dist/beta/es/Popover/Popover.closeNone.config.js +71 -0
- package/dist/beta/es/Popover/Popover.js +16 -0
- package/dist/beta/es/Popover/index.js +1 -0
- package/dist/beta/es/index.js +1 -0
- package/dist/beta/types/Popover/Popover.closeInner.config.d.ts +16 -0
- package/dist/beta/types/Popover/Popover.closeNone.config.d.ts +16 -0
- package/dist/beta/types/Popover/Popover.d.ts +30 -0
- package/dist/beta/types/Popover/index.d.ts +1 -0
- package/dist/beta/types/index.d.ts +1 -0
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +48 -20
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +46 -20
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +46 -23
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +36 -14
- package/dist/styled-components/cjs/components/Range/Range.config.js +54 -28
- package/dist/styled-components/cjs/components/Select/Select.config.js +49 -21
- package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +62 -53
- package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +43 -27
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +48 -22
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +47 -19
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +48 -20
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +46 -20
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +46 -23
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +36 -14
- package/dist/styled-components/es/components/Range/Range.config.js +54 -28
- package/dist/styled-components/es/components/Select/Select.config.js +49 -21
- package/dist/styled-components/es/components/TextArea/TextArea.config.js +62 -53
- package/dist/styled-components/es/components/TextField/TextField.clear.config.js +43 -27
- package/dist/styled-components/es/components/TextField/TextField.config.js +48 -22
- package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +47 -19
- package/package.json +19 -11
- package/types/components/Combobox/Combobox.d.ts +24 -0
- package/types/components/Select/Select.d.ts +6 -0
|
@@ -14,9 +14,12 @@ function _templateObject() {
|
|
|
14
14
|
": var(--text-primary);\n\n ",
|
|
15
15
|
": var(--text-secondary);\n ",
|
|
16
16
|
": var(--text-tertiary);\n\n ",
|
|
17
|
-
": var(--surface-transparent-
|
|
18
|
-
": var(--surface-transparent-
|
|
19
|
-
": var(--surface-transparent-
|
|
17
|
+
": var(--surface-transparent-card);\n ",
|
|
18
|
+
": var(--surface-transparent-card-hover);\n ",
|
|
19
|
+
": var(--surface-transparent-card);\n ",
|
|
20
|
+
": var(--outline-solid-primary);\n ",
|
|
21
|
+
": var(--outline-solid-primary-hover);\n ",
|
|
22
|
+
": var(--outline-accent);\n ",
|
|
20
23
|
": var(--text-accent);\n ",
|
|
21
24
|
": var(--text-tertiary);\n ",
|
|
22
25
|
": var(--text-tertiary);\n ",
|
|
@@ -47,13 +50,17 @@ function _templateObject1() {
|
|
|
47
50
|
": var(--text-tertiary);\n\n ",
|
|
48
51
|
": var(--surface-transparent-positive);\n ",
|
|
49
52
|
": var(--surface-transparent-positive-hover);\n ",
|
|
50
|
-
": var(--surface-transparent-
|
|
53
|
+
": var(--surface-transparent-card);\n ",
|
|
54
|
+
": var(--outline-transparent-positive);\n ",
|
|
55
|
+
": var(--outline-transparent-positive-hover);\n ",
|
|
56
|
+
": var(--outline-accent);\n ",
|
|
51
57
|
": var(--text-accent);\n ",
|
|
52
58
|
": var(--text-tertiary);\n ",
|
|
53
59
|
": var(--text-tertiary);\n ",
|
|
54
60
|
": var(--text-primary);\n ",
|
|
55
61
|
": var(--text-positive);\n ",
|
|
56
62
|
": var(--text-secondary);\n ",
|
|
63
|
+
": var(--text-secondary);\n ",
|
|
57
64
|
": var(--text-secondary);\n\n ",
|
|
58
65
|
": var(--text-secondary);\n ",
|
|
59
66
|
": var(--text-secondary-hover);\n ",
|
|
@@ -78,13 +85,17 @@ function _templateObject2() {
|
|
|
78
85
|
": var(--text-tertiary);\n\n ",
|
|
79
86
|
": var(--surface-transparent-warning);\n ",
|
|
80
87
|
": var(--surface-transparent-warning-hover);\n ",
|
|
81
|
-
": var(--surface-transparent-
|
|
88
|
+
": var(--surface-transparent-card);\n ",
|
|
89
|
+
": var(--outline-transparent-warning);\n ",
|
|
90
|
+
": var(--outline-transparent-warning-hover);\n ",
|
|
91
|
+
": var(--outline-accent);\n ",
|
|
82
92
|
": var(--text-accent);\n ",
|
|
83
93
|
": var(--text-tertiary);\n ",
|
|
84
94
|
": var(--text-tertiary);\n ",
|
|
85
95
|
": var(--text-primary);\n ",
|
|
86
96
|
": var(--text-warning);\n ",
|
|
87
97
|
": var(--text-secondary);\n ",
|
|
98
|
+
": var(--text-secondary);\n ",
|
|
88
99
|
": var(--text-secondary);\n\n ",
|
|
89
100
|
": var(--text-secondary);\n ",
|
|
90
101
|
": var(--text-secondary-hover);\n ",
|
|
@@ -109,13 +120,17 @@ function _templateObject3() {
|
|
|
109
120
|
": var(--text-tertiary);\n\n ",
|
|
110
121
|
": var(--surface-transparent-negative);\n ",
|
|
111
122
|
": var(--surface-transparent-negative-hover);\n ",
|
|
112
|
-
": var(--surface-transparent-
|
|
123
|
+
": var(--surface-transparent-card);\n ",
|
|
124
|
+
": var(--outline-transparent-negative);\n ",
|
|
125
|
+
": var(--outline-transparent-negative-hover);\n ",
|
|
126
|
+
": var(--outline-accent);\n ",
|
|
113
127
|
": var(--text-accent);\n ",
|
|
114
128
|
": var(--text-tertiary);\n ",
|
|
115
129
|
": var(--text-tertiary);\n ",
|
|
116
130
|
": var(--text-primary);\n ",
|
|
117
131
|
": var(--text-negative);\n ",
|
|
118
132
|
": var(--text-secondary);\n ",
|
|
133
|
+
": var(--text-secondary);\n ",
|
|
119
134
|
": var(--text-secondary);\n\n ",
|
|
120
135
|
": var(--text-secondary);\n ",
|
|
121
136
|
": var(--text-secondary-hover);\n ",
|
|
@@ -138,7 +153,8 @@ function _templateObject4() {
|
|
|
138
153
|
": 4rem;\n ",
|
|
139
154
|
": 1.3125rem 1.125rem;\n ",
|
|
140
155
|
": 0.375rem;\n ",
|
|
141
|
-
": 1rem;\n
|
|
156
|
+
": 1rem;\n ",
|
|
157
|
+
": 0.125rem;\n\n ",
|
|
142
158
|
": -0.0625rem 0.5rem -0.0625rem 0rem;\n ",
|
|
143
159
|
": -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ",
|
|
144
160
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
@@ -215,7 +231,7 @@ function _templateObject5() {
|
|
|
215
231
|
": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
|
|
216
232
|
": 0.375rem;\n ",
|
|
217
233
|
": 0.875rem;\n ",
|
|
218
|
-
": 0.
|
|
234
|
+
": 0.125rem;\n\n ",
|
|
219
235
|
": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
|
|
220
236
|
": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
|
|
221
237
|
": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
|
|
@@ -289,7 +305,7 @@ function _templateObject6() {
|
|
|
289
305
|
": 0.875rem 1rem 0.875rem 1rem;\n ",
|
|
290
306
|
": 0.375rem;\n ",
|
|
291
307
|
": 0.75rem;\n ",
|
|
292
|
-
": 0.
|
|
308
|
+
": 0.125rem;\n\n ",
|
|
293
309
|
": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
|
|
294
310
|
": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
|
|
295
311
|
": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
|
|
@@ -363,7 +379,7 @@ function _templateObject7() {
|
|
|
363
379
|
": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
|
|
364
380
|
": 0.375rem;\n ",
|
|
365
381
|
": 0.625rem;\n ",
|
|
366
|
-
": 0.
|
|
382
|
+
": 0.125rem;\n\n ",
|
|
367
383
|
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
368
384
|
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
369
385
|
": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
|
|
@@ -437,7 +453,7 @@ function _templateObject8() {
|
|
|
437
453
|
": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
|
|
438
454
|
": 0.375rem;\n ",
|
|
439
455
|
": 0.5rem;\n ",
|
|
440
|
-
": 0.
|
|
456
|
+
": 0.125rem;\n\n ",
|
|
441
457
|
": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
|
|
442
458
|
": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
|
|
443
459
|
": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
|
|
@@ -737,7 +753,14 @@ function _templateObject19() {
|
|
|
737
753
|
function _templateObject20() {
|
|
738
754
|
var data = _tagged_template_literal([
|
|
739
755
|
"\n ",
|
|
740
|
-
":
|
|
756
|
+
": 1;\n ",
|
|
757
|
+
": var(--surface-transparent-secondary);\n ",
|
|
758
|
+
": transparent;\n ",
|
|
759
|
+
": transparent;\n ",
|
|
760
|
+
": transparent;\n ",
|
|
761
|
+
": var(--text-secondary);\n ",
|
|
762
|
+
": var(--text-secondary);\n ",
|
|
763
|
+
": var(--text-secondary);\n "
|
|
741
764
|
]);
|
|
742
765
|
_templateObject20 = function _templateObject() {
|
|
743
766
|
return data;
|
|
@@ -747,15 +770,18 @@ function _templateObject20() {
|
|
|
747
770
|
function _templateObject21() {
|
|
748
771
|
var data = _tagged_template_literal([
|
|
749
772
|
"\n ",
|
|
750
|
-
": 0.1;\n ",
|
|
751
773
|
": var(--text-primary);\n ",
|
|
752
|
-
": var(--surface-transparent-
|
|
774
|
+
": var(--surface-transparent-card);\n ",
|
|
775
|
+
": var(--surface-transparent-card);\n ",
|
|
776
|
+
": var(--outline-solid-primary);\n ",
|
|
753
777
|
": var(--text-secondary);\n ",
|
|
754
778
|
": var(--text-secondary);\n ",
|
|
755
779
|
": var(--text-secondary);\n ",
|
|
756
780
|
": var(--text-primary);\n ",
|
|
757
781
|
": var(--surface-transparent-primary);\n ",
|
|
758
|
-
":
|
|
782
|
+
": var(--text-secondary);\n ",
|
|
783
|
+
": var(--text-secondary);\n ",
|
|
784
|
+
": var(--text-secondary);\n "
|
|
759
785
|
]);
|
|
760
786
|
_templateObject21 = function _templateObject() {
|
|
761
787
|
return data;
|
|
@@ -771,13 +797,13 @@ export var config = {
|
|
|
771
797
|
},
|
|
772
798
|
variations: {
|
|
773
799
|
view: {
|
|
774
|
-
default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
775
|
-
positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
776
|
-
warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
777
|
-
negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
800
|
+
default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
801
|
+
positive: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
802
|
+
warning: css(_templateObject2(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
803
|
+
negative: css(_templateObject3(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorFocus, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
778
804
|
},
|
|
779
805
|
size: {
|
|
780
|
-
xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
806
|
+
xl: css(_templateObject4(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
781
807
|
l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
782
808
|
m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
783
809
|
s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
@@ -803,10 +829,10 @@ export var config = {
|
|
|
803
829
|
s: css(_templateObject19(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
|
|
804
830
|
},
|
|
805
831
|
disabled: {
|
|
806
|
-
true: css(_templateObject20(), tokens.disabledOpacity)
|
|
832
|
+
true: css(_templateObject20(), tokens.disabledOpacity, tokens.backgroundColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
|
|
807
833
|
},
|
|
808
834
|
readOnly: {
|
|
809
|
-
true: css(_templateObject21(), tokens.
|
|
835
|
+
true: css(_templateObject21(), tokens.colorReadOnly, tokens.backgroundColor, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive)
|
|
810
836
|
}
|
|
811
837
|
}
|
|
812
838
|
};
|
|
@@ -11,20 +11,34 @@ function _tagged_template_literal(strings, raw) {
|
|
|
11
11
|
function _templateObject() {
|
|
12
12
|
var data = _tagged_template_literal([
|
|
13
13
|
"\n ",
|
|
14
|
-
": var(--surface-transparent-
|
|
14
|
+
": var(--surface-transparent-card);\n ",
|
|
15
15
|
": var(--surface-transparent-negative);\n ",
|
|
16
16
|
": var(--surface-transparent-positive);\n\n ",
|
|
17
|
+
": var(--outline-solid-primary);\n ",
|
|
18
|
+
": var(--outline-solid-primary-hover);\n ",
|
|
19
|
+
": var(--outline-accent);\n ",
|
|
20
|
+
": var(--outline-transparent-negative);\n ",
|
|
21
|
+
": var(--outline-transparent-positive);\n\n ",
|
|
17
22
|
": var(--text-primary);\n\n ",
|
|
18
23
|
": var(--text-primary);\n ",
|
|
19
24
|
": var(--text-secondary);\n ",
|
|
20
25
|
": var(--text-accent);\n\n ",
|
|
21
26
|
": var(--surface-negative);\n\n ",
|
|
22
|
-
": var(--surface-transparent-
|
|
23
|
-
": var(--surface-transparent-
|
|
27
|
+
": var(--surface-transparent-card);\n ",
|
|
28
|
+
": var(--surface-transparent-card);\n ",
|
|
29
|
+
": var(--outline-solid-primary);\n ",
|
|
30
|
+
": var(--outline-solid-primary-hover);\n ",
|
|
31
|
+
": var(--outline-accent);\n ",
|
|
24
32
|
": var(--surface-transparent-negative);\n ",
|
|
25
|
-
": var(--surface-transparent-
|
|
33
|
+
": var(--surface-transparent-card);\n ",
|
|
34
|
+
": var(--outline-transparent-negative);\n ",
|
|
35
|
+
": var(--outline-transparent-negative-hover);\n ",
|
|
36
|
+
": var(--outline-accent);\n ",
|
|
26
37
|
": var(--surface-transparent-positive);\n ",
|
|
27
|
-
": var(--surface-transparent-
|
|
38
|
+
": var(--surface-transparent-card);\n ",
|
|
39
|
+
": var(--outline-transparent-positive);\n ",
|
|
40
|
+
": var(--outline-transparent-positive-hover);\n ",
|
|
41
|
+
": var(--outline-accent);\n\n ",
|
|
28
42
|
": var(--text-secondary);\n ",
|
|
29
43
|
": var(--text-secondary);\n ",
|
|
30
44
|
": var(--text-secondary-hover);\n\n ",
|
|
@@ -46,7 +60,8 @@ function _templateObject1() {
|
|
|
46
60
|
var data = _tagged_template_literal([
|
|
47
61
|
"\n ",
|
|
48
62
|
": 20rem;\n ",
|
|
49
|
-
": 0.875rem;\n
|
|
63
|
+
": 0.875rem;\n ",
|
|
64
|
+
": 0.125rem;\n\n ",
|
|
50
65
|
": 0 0 0 1rem;\n ",
|
|
51
66
|
": 0;\n\n ",
|
|
52
67
|
": 0.75rem;\n ",
|
|
@@ -108,7 +123,8 @@ function _templateObject2() {
|
|
|
108
123
|
var data = _tagged_template_literal([
|
|
109
124
|
"\n ",
|
|
110
125
|
": 20rem;\n ",
|
|
111
|
-
": 0.75rem;\n
|
|
126
|
+
": 0.75rem;\n ",
|
|
127
|
+
": 0.125rem;\n\n ",
|
|
112
128
|
": 0 0 0 0.875rem;\n ",
|
|
113
129
|
": 0;\n\n ",
|
|
114
130
|
": 0.625rem;\n ",
|
|
@@ -170,7 +186,8 @@ function _templateObject3() {
|
|
|
170
186
|
var data = _tagged_template_literal([
|
|
171
187
|
"\n ",
|
|
172
188
|
": 20rem;\n ",
|
|
173
|
-
": 0.625rem;\n
|
|
189
|
+
": 0.625rem;\n ",
|
|
190
|
+
": 0.125rem;\n\n ",
|
|
174
191
|
": 0 0 0 0.75rem;\n ",
|
|
175
192
|
": 0;\n\n ",
|
|
176
193
|
": 0.5rem;\n ",
|
|
@@ -232,7 +249,8 @@ function _templateObject4() {
|
|
|
232
249
|
var data = _tagged_template_literal([
|
|
233
250
|
"\n ",
|
|
234
251
|
": 20rem;\n ",
|
|
235
|
-
": 0.5rem;\n
|
|
252
|
+
": 0.5rem;\n ",
|
|
253
|
+
": 0.125rem;\n\n ",
|
|
236
254
|
": 0 0 0 0.5rem;\n ",
|
|
237
255
|
": 0;\n\n ",
|
|
238
256
|
": 0.375rem;\n ",
|
|
@@ -293,7 +311,13 @@ function _templateObject4() {
|
|
|
293
311
|
function _templateObject5() {
|
|
294
312
|
var data = _tagged_template_literal([
|
|
295
313
|
"\n ",
|
|
296
|
-
":
|
|
314
|
+
": 1;\n ",
|
|
315
|
+
": var(--surface-transparent-secondary);\n ",
|
|
316
|
+
": var(--text-secondary);\n ",
|
|
317
|
+
": var(--text-secondary);\n ",
|
|
318
|
+
": var(--text-secondary);\n ",
|
|
319
|
+
": transparent;\n ",
|
|
320
|
+
": transparent;\n "
|
|
297
321
|
]);
|
|
298
322
|
_templateObject5 = function _templateObject() {
|
|
299
323
|
return data;
|
|
@@ -303,10 +327,14 @@ function _templateObject5() {
|
|
|
303
327
|
function _templateObject6() {
|
|
304
328
|
var data = _tagged_template_literal([
|
|
305
329
|
"\n ",
|
|
306
|
-
": var(--surface-transparent-
|
|
330
|
+
": var(--surface-transparent-card);\n ",
|
|
307
331
|
": var(--text-secondary);\n\n ",
|
|
332
|
+
": var(--text-primary);\n ",
|
|
333
|
+
": var(--surface-transparent-card);\n ",
|
|
334
|
+
": var(--surface-transparent-card);\n ",
|
|
335
|
+
": var(--text-secondary);\n ",
|
|
336
|
+
": var(--text-secondary);\n ",
|
|
308
337
|
": var(--text-secondary);\n ",
|
|
309
|
-
": var(--surface-transparent-primary);\n ",
|
|
310
338
|
": var(--text-secondary);\n "
|
|
311
339
|
]);
|
|
312
340
|
_templateObject6 = function _templateObject() {
|
|
@@ -322,19 +350,19 @@ export var config = {
|
|
|
322
350
|
},
|
|
323
351
|
variations: {
|
|
324
352
|
view: {
|
|
325
|
-
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
|
|
353
|
+
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
|
|
326
354
|
},
|
|
327
355
|
size: {
|
|
328
|
-
l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
329
|
-
m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
330
|
-
s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
331
|
-
xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
|
|
356
|
+
l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
357
|
+
m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
358
|
+
s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
359
|
+
xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.textFieldBorderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, 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.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
|
|
332
360
|
},
|
|
333
361
|
disabled: {
|
|
334
|
-
true: css(_templateObject5(), tokens.disabledOpacity)
|
|
362
|
+
true: css(_templateObject5(), tokens.disabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldBorderColor, tokens.borderColor)
|
|
335
363
|
},
|
|
336
364
|
readonly: {
|
|
337
|
-
true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
|
|
365
|
+
true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColor, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
|
|
338
366
|
}
|
|
339
367
|
}
|
|
340
368
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-finai",
|
|
3
|
-
"version": "0.322.1-canary.2393.
|
|
3
|
+
"version": "0.322.1-canary.2393.20451760148.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS FinAI web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"exports": {
|
|
@@ -8,6 +8,11 @@
|
|
|
8
8
|
"import": "./dist/styled-components/es/index.js",
|
|
9
9
|
"require": "./dist/styled-components/cjs/index.js",
|
|
10
10
|
"types": "./types/index.d.ts"
|
|
11
|
+
},
|
|
12
|
+
"./beta": {
|
|
13
|
+
"import": "./dist/beta/es/index.js",
|
|
14
|
+
"require": "./dist/beta/cjs/index.js",
|
|
15
|
+
"types": "./dist/beta/types/index.d.ts"
|
|
11
16
|
}
|
|
12
17
|
},
|
|
13
18
|
"files": [
|
|
@@ -27,8 +32,8 @@
|
|
|
27
32
|
"directory": "packages/sdds-fiai"
|
|
28
33
|
},
|
|
29
34
|
"dependencies": {
|
|
30
|
-
"@salutejs/plasma-new-hope": "0.343.1-canary.2393.
|
|
31
|
-
"@salutejs/sdds-themes": "0.50.0"
|
|
35
|
+
"@salutejs/plasma-new-hope": "0.343.1-canary.2393.20451760148.0",
|
|
36
|
+
"@salutejs/sdds-themes": "0.50.1-canary.2393.20451760148.0"
|
|
32
37
|
},
|
|
33
38
|
"peerDependencies": {
|
|
34
39
|
"react": ">=16.13.1",
|
|
@@ -44,10 +49,10 @@
|
|
|
44
49
|
"@babel/preset-react": "7.24.1",
|
|
45
50
|
"@babel/preset-typescript": "7.24.1",
|
|
46
51
|
"@salutejs/plasma-colors": "0.16.0",
|
|
47
|
-
"@salutejs/plasma-core": "1.211.1-canary.2393.
|
|
48
|
-
"@salutejs/plasma-cy-utils": "0.141.1-canary.2393.
|
|
52
|
+
"@salutejs/plasma-core": "1.211.1-canary.2393.20451760148.0",
|
|
53
|
+
"@salutejs/plasma-cy-utils": "0.141.1-canary.2393.20451760148.0",
|
|
49
54
|
"@salutejs/plasma-icons": "1.228.0",
|
|
50
|
-
"@salutejs/plasma-sb-utils": "0.211.1-canary.2393.
|
|
55
|
+
"@salutejs/plasma-sb-utils": "0.211.1-canary.2393.20451760148.0",
|
|
51
56
|
"@types/node": "16.7.13",
|
|
52
57
|
"@types/react": "18.0.28",
|
|
53
58
|
"@types/react-dom": "18.0.11",
|
|
@@ -66,12 +71,15 @@
|
|
|
66
71
|
},
|
|
67
72
|
"scripts": {
|
|
68
73
|
"prepare": "npm run build",
|
|
69
|
-
"build": "npm run build:styled-components",
|
|
74
|
+
"build": "npm run build:styled-components && npm run build:beta",
|
|
70
75
|
"postbuild": "npm run generate:typings",
|
|
71
76
|
"build:styled-components": "rm -rf dist/styled-components && npm run build:styled-components:esm && npm run build:styled-components:cjs",
|
|
72
|
-
"build:styled-components:cjs": "swc ./src -d ./dist/styled-components/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
|
|
73
|
-
"build:styled-components:esm": "swc ./src -d ./dist/styled-components/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
|
|
74
|
-
"
|
|
77
|
+
"build:styled-components:cjs": "swc ./src --ignore \"src/components/_beta/**\" -d ./dist/styled-components/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
|
|
78
|
+
"build:styled-components:esm": "swc ./src --ignore \"src/components/_beta/**\" -d ./dist/styled-components/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
|
|
79
|
+
"build:beta": "rm -rf dist/beta && npm run build:beta:esm && npm run build:beta:cjs",
|
|
80
|
+
"build:beta:cjs": "swc ./src/components/_beta -d ./dist/beta/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs && mv dist/beta/cjs/components/_beta/* dist/beta/cjs && rimraf dist/beta/cjs/components",
|
|
81
|
+
"build:beta:esm": "swc ./src/components/_beta -d ./dist/beta/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6 && mv dist/beta/es/components/_beta/* dist/beta/es && rimraf dist/beta/es/components",
|
|
82
|
+
"generate:typings": "rm -rf types && tsc && rm -rf dist/beta/types && tsc -p src/components/_beta/tsconfig.json",
|
|
75
83
|
"storybook": "storybook dev -p ${PORT:-7007} -c .storybook",
|
|
76
84
|
"storybook:draft": "IS_DRAFT=true storybook dev -p ${PORT:-7007} -c .storybook",
|
|
77
85
|
"storybook:build:draft": "IS_DRAFT=true storybook build -c .storybook -o build-sb-draft",
|
|
@@ -91,5 +99,5 @@
|
|
|
91
99
|
"salute.developers@gmail.com"
|
|
92
100
|
],
|
|
93
101
|
"sideEffects": false,
|
|
94
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "2193637a63cc2e340dac865448559265d0cb31c3"
|
|
95
103
|
}
|
|
@@ -37,6 +37,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
37
37
|
placeholder?: string;
|
|
38
38
|
helperText?: string;
|
|
39
39
|
contentLeft?: React.ReactElement;
|
|
40
|
+
contentRight?: React.ReactElement;
|
|
40
41
|
textBefore?: string;
|
|
41
42
|
textAfter?: string;
|
|
42
43
|
variant?: "normal" | "tight";
|
|
@@ -96,6 +97,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
96
97
|
placeholder?: string;
|
|
97
98
|
helperText?: string;
|
|
98
99
|
contentLeft?: React.ReactElement;
|
|
100
|
+
contentRight?: React.ReactElement;
|
|
99
101
|
textBefore?: string;
|
|
100
102
|
textAfter?: string;
|
|
101
103
|
variant?: "normal" | "tight";
|
|
@@ -155,6 +157,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
155
157
|
placeholder?: string;
|
|
156
158
|
helperText?: string;
|
|
157
159
|
contentLeft?: React.ReactElement;
|
|
160
|
+
contentRight?: React.ReactElement;
|
|
158
161
|
textBefore?: string;
|
|
159
162
|
textAfter?: string;
|
|
160
163
|
variant?: "normal" | "tight";
|
|
@@ -214,6 +217,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
214
217
|
placeholder?: string;
|
|
215
218
|
helperText?: string;
|
|
216
219
|
contentLeft?: React.ReactElement;
|
|
220
|
+
contentRight?: React.ReactElement;
|
|
217
221
|
textBefore?: string;
|
|
218
222
|
textAfter?: string;
|
|
219
223
|
variant?: "normal" | "tight";
|
|
@@ -273,6 +277,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
273
277
|
placeholder?: string;
|
|
274
278
|
helperText?: string;
|
|
275
279
|
contentLeft?: React.ReactElement;
|
|
280
|
+
contentRight?: React.ReactElement;
|
|
276
281
|
textBefore?: string;
|
|
277
282
|
textAfter?: string;
|
|
278
283
|
variant?: "normal" | "tight";
|
|
@@ -332,6 +337,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
332
337
|
placeholder?: string;
|
|
333
338
|
helperText?: string;
|
|
334
339
|
contentLeft?: React.ReactElement;
|
|
340
|
+
contentRight?: React.ReactElement;
|
|
335
341
|
textBefore?: string;
|
|
336
342
|
textAfter?: string;
|
|
337
343
|
variant?: "normal" | "tight";
|
|
@@ -391,6 +397,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
391
397
|
placeholder?: string;
|
|
392
398
|
helperText?: string;
|
|
393
399
|
contentLeft?: React.ReactElement;
|
|
400
|
+
contentRight?: React.ReactElement;
|
|
394
401
|
textBefore?: string;
|
|
395
402
|
textAfter?: string;
|
|
396
403
|
variant?: "normal" | "tight";
|
|
@@ -450,6 +457,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
450
457
|
placeholder?: string;
|
|
451
458
|
helperText?: string;
|
|
452
459
|
contentLeft?: React.ReactElement;
|
|
460
|
+
contentRight?: React.ReactElement;
|
|
453
461
|
textBefore?: string;
|
|
454
462
|
textAfter?: string;
|
|
455
463
|
variant?: "normal" | "tight";
|
|
@@ -509,6 +517,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
509
517
|
placeholder?: string;
|
|
510
518
|
helperText?: string;
|
|
511
519
|
contentLeft?: React.ReactElement;
|
|
520
|
+
contentRight?: React.ReactElement;
|
|
512
521
|
textBefore?: string;
|
|
513
522
|
textAfter?: string;
|
|
514
523
|
variant?: "normal" | "tight";
|
|
@@ -568,6 +577,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
568
577
|
placeholder?: string;
|
|
569
578
|
helperText?: string;
|
|
570
579
|
contentLeft?: React.ReactElement;
|
|
580
|
+
contentRight?: React.ReactElement;
|
|
571
581
|
textBefore?: string;
|
|
572
582
|
textAfter?: string;
|
|
573
583
|
variant?: "normal" | "tight";
|
|
@@ -627,6 +637,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
627
637
|
placeholder?: string;
|
|
628
638
|
helperText?: string;
|
|
629
639
|
contentLeft?: React.ReactElement;
|
|
640
|
+
contentRight?: React.ReactElement;
|
|
630
641
|
textBefore?: string;
|
|
631
642
|
textAfter?: string;
|
|
632
643
|
variant?: "normal" | "tight";
|
|
@@ -686,6 +697,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
686
697
|
placeholder?: string;
|
|
687
698
|
helperText?: string;
|
|
688
699
|
contentLeft?: React.ReactElement;
|
|
700
|
+
contentRight?: React.ReactElement;
|
|
689
701
|
textBefore?: string;
|
|
690
702
|
textAfter?: string;
|
|
691
703
|
variant?: "normal" | "tight";
|
|
@@ -745,6 +757,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
745
757
|
placeholder?: string;
|
|
746
758
|
helperText?: string;
|
|
747
759
|
contentLeft?: React.ReactElement;
|
|
760
|
+
contentRight?: React.ReactElement;
|
|
748
761
|
textBefore?: string;
|
|
749
762
|
textAfter?: string;
|
|
750
763
|
variant?: "normal" | "tight";
|
|
@@ -804,6 +817,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
804
817
|
placeholder?: string;
|
|
805
818
|
helperText?: string;
|
|
806
819
|
contentLeft?: React.ReactElement;
|
|
820
|
+
contentRight?: React.ReactElement;
|
|
807
821
|
textBefore?: string;
|
|
808
822
|
textAfter?: string;
|
|
809
823
|
variant?: "normal" | "tight";
|
|
@@ -863,6 +877,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
863
877
|
placeholder?: string;
|
|
864
878
|
helperText?: string;
|
|
865
879
|
contentLeft?: React.ReactElement;
|
|
880
|
+
contentRight?: React.ReactElement;
|
|
866
881
|
textBefore?: string;
|
|
867
882
|
textAfter?: string;
|
|
868
883
|
variant?: "normal" | "tight";
|
|
@@ -922,6 +937,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
922
937
|
placeholder?: string;
|
|
923
938
|
helperText?: string;
|
|
924
939
|
contentLeft?: React.ReactElement;
|
|
940
|
+
contentRight?: React.ReactElement;
|
|
925
941
|
textBefore?: string;
|
|
926
942
|
textAfter?: string;
|
|
927
943
|
variant?: "normal" | "tight";
|
|
@@ -981,6 +997,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
981
997
|
placeholder?: string;
|
|
982
998
|
helperText?: string;
|
|
983
999
|
contentLeft?: React.ReactElement;
|
|
1000
|
+
contentRight?: React.ReactElement;
|
|
984
1001
|
textBefore?: string;
|
|
985
1002
|
textAfter?: string;
|
|
986
1003
|
variant?: "normal" | "tight";
|
|
@@ -1040,6 +1057,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1040
1057
|
placeholder?: string;
|
|
1041
1058
|
helperText?: string;
|
|
1042
1059
|
contentLeft?: React.ReactElement;
|
|
1060
|
+
contentRight?: React.ReactElement;
|
|
1043
1061
|
textBefore?: string;
|
|
1044
1062
|
textAfter?: string;
|
|
1045
1063
|
variant?: "normal" | "tight";
|
|
@@ -1099,6 +1117,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1099
1117
|
placeholder?: string;
|
|
1100
1118
|
helperText?: string;
|
|
1101
1119
|
contentLeft?: React.ReactElement;
|
|
1120
|
+
contentRight?: React.ReactElement;
|
|
1102
1121
|
textBefore?: string;
|
|
1103
1122
|
textAfter?: string;
|
|
1104
1123
|
variant?: "normal" | "tight";
|
|
@@ -1158,6 +1177,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1158
1177
|
placeholder?: string;
|
|
1159
1178
|
helperText?: string;
|
|
1160
1179
|
contentLeft?: React.ReactElement;
|
|
1180
|
+
contentRight?: React.ReactElement;
|
|
1161
1181
|
textBefore?: string;
|
|
1162
1182
|
textAfter?: string;
|
|
1163
1183
|
variant?: "normal" | "tight";
|
|
@@ -1217,6 +1237,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1217
1237
|
placeholder?: string;
|
|
1218
1238
|
helperText?: string;
|
|
1219
1239
|
contentLeft?: React.ReactElement;
|
|
1240
|
+
contentRight?: React.ReactElement;
|
|
1220
1241
|
textBefore?: string;
|
|
1221
1242
|
textAfter?: string;
|
|
1222
1243
|
variant?: "normal" | "tight";
|
|
@@ -1276,6 +1297,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1276
1297
|
placeholder?: string;
|
|
1277
1298
|
helperText?: string;
|
|
1278
1299
|
contentLeft?: React.ReactElement;
|
|
1300
|
+
contentRight?: React.ReactElement;
|
|
1279
1301
|
textBefore?: string;
|
|
1280
1302
|
textAfter?: string;
|
|
1281
1303
|
variant?: "normal" | "tight";
|
|
@@ -1335,6 +1357,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1335
1357
|
placeholder?: string;
|
|
1336
1358
|
helperText?: string;
|
|
1337
1359
|
contentLeft?: React.ReactElement;
|
|
1360
|
+
contentRight?: React.ReactElement;
|
|
1338
1361
|
textBefore?: string;
|
|
1339
1362
|
textAfter?: string;
|
|
1340
1363
|
variant?: "normal" | "tight";
|
|
@@ -1394,6 +1417,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1394
1417
|
placeholder?: string;
|
|
1395
1418
|
helperText?: string;
|
|
1396
1419
|
contentLeft?: React.ReactElement;
|
|
1420
|
+
contentRight?: React.ReactElement;
|
|
1397
1421
|
textBefore?: string;
|
|
1398
1422
|
textAfter?: string;
|
|
1399
1423
|
variant?: "normal" | "tight";
|