@salutejs/sdds-cs 0.336.0-canary.2392.20298160025.0 → 0.336.0-canary.2397.20456842500.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/emotion/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/emotion/cjs/components/Combobox/Combobox.config.js +4 -2
- package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +12 -5
- package/dist/emotion/cjs/components/Range/Range.config.js +23 -19
- package/dist/emotion/cjs/components/Select/Select.config.js +4 -2
- package/dist/emotion/cjs/components/TextField/TextField.config.js +4 -2
- package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/emotion/es/components/Combobox/Combobox.config.js +4 -2
- package/dist/emotion/es/components/DatePicker/DatePicker.config.js +12 -5
- package/dist/emotion/es/components/Range/Range.config.js +23 -19
- package/dist/emotion/es/components/Select/Select.config.js +4 -2
- package/dist/emotion/es/components/TextField/TextField.config.js +4 -2
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -2
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +12 -5
- package/dist/styled-components/cjs/components/Range/Range.config.js +23 -19
- package/dist/styled-components/cjs/components/Select/Select.config.js +4 -2
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +4 -2
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +12 -5
- package/dist/styled-components/es/components/Range/Range.config.js +23 -19
- package/dist/styled-components/es/components/Select/Select.config.js +4 -2
- package/dist/styled-components/es/components/TextField/TextField.config.js +4 -2
- package/package.json +7 -7
- package/types/components/Combobox/Combobox.d.ts +24 -0
- package/types/components/DatePicker/DatePicker.d.ts +19 -5
- package/types/components/Range/Range.d.ts +555 -3
- package/types/components/Select/Select.d.ts +6 -0
|
@@ -110,21 +110,26 @@ function _templateObject1() {
|
|
|
110
110
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
111
111
|
": 0 0 0 0.75rem;\n ",
|
|
112
112
|
": 0;\n\n ",
|
|
113
|
-
": 0.5rem;\n ",
|
|
114
113
|
": 0.3125rem 0 0 0;\n ",
|
|
115
114
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
115
|
+
": 0.5rem;\n ",
|
|
116
116
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
117
117
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
118
118
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
119
119
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
120
120
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
121
121
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
122
|
+
": 0.25rem;\n ",
|
|
122
123
|
": 0.375rem;\n ",
|
|
123
|
-
": 0.375rem;\n ",
|
|
124
|
+
": 0.375rem;\n\n ",
|
|
124
125
|
": 0 0 0 0;\n ",
|
|
125
126
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
126
127
|
": 0 0 auto auto;\n ",
|
|
127
128
|
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
129
|
+
": 0.25rem;\n ",
|
|
130
|
+
": -0.75rem;\n ",
|
|
131
|
+
": auto 0 -0.5rem auto;\n ",
|
|
132
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
128
133
|
": 2.5rem;\n ",
|
|
129
134
|
": 0.625rem;\n ",
|
|
130
135
|
": 0.125rem;\n ",
|
|
@@ -242,7 +247,9 @@ function _templateObject3() {
|
|
|
242
247
|
": 0.4;\n\n ",
|
|
243
248
|
": var(--text-primary);\n ",
|
|
244
249
|
": var(--surface-clear);\n ",
|
|
245
|
-
": var(--text-secondary);\n
|
|
250
|
+
": var(--text-secondary);\n ",
|
|
251
|
+
": transparent;\n ",
|
|
252
|
+
": 0;\n "
|
|
246
253
|
]);
|
|
247
254
|
_templateObject3 = function _templateObject() {
|
|
248
255
|
return data;
|
|
@@ -259,13 +266,13 @@ var config = {
|
|
|
259
266
|
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorError, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.dividerColor, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.leftHelperColor, _styledcomponents.datePickerTokens.leftHelperColorError, _styledcomponents.datePickerTokens.leftHelperColorSuccess, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.labelInnerFontFamily, _styledcomponents.datePickerTokens.labelInnerFontSize, _styledcomponents.datePickerTokens.labelInnerFontStyle, _styledcomponents.datePickerTokens.labelInnerFontWeight, _styledcomponents.datePickerTokens.labelInnerLetterSpacing, _styledcomponents.datePickerTokens.labelInnerLineHeight, _styledcomponents.datePickerTokens.indicatorColor, _styledcomponents.datePickerTokens.textFieldBorderColor, _styledcomponents.datePickerTokens.textFieldBorderColorHover, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorError, _styledcomponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.textFieldContentSlotColor, _styledcomponents.datePickerTokens.textFieldTextBeforeColor, _styledcomponents.datePickerTokens.textFieldTextAfterColor, _styledcomponents.datePickerTokens.focusColor, _styledcomponents.datePickerTokens.calendarShadow, _styledcomponents.datePickerTokens.calendarSeparatorBackground, _styledcomponents.datePickerTokens.calendarBackgroundColor, _styledcomponents.datePickerTokens.calendarSelectedItemBackground, _styledcomponents.datePickerTokens.calendarSelectedItemColor, _styledcomponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemColorHover, _styledcomponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.datePickerTokens.calendarActiveItemBackground, _styledcomponents.datePickerTokens.calendarActiveItemColor, _styledcomponents.datePickerTokens.calendarHoveredItemBackground, _styledcomponents.datePickerTokens.calendarHoveredItemColor, _styledcomponents.datePickerTokens.calendarRangeBackground, _styledcomponents.datePickerTokens.calendarOutlineFocusColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryColor, _styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.datePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.datePickerTokens.calendarHeaderArrowColor, _styledcomponents.datePickerTokens.calendarBorderColor, _styledcomponents.datePickerTokens.calendarDayOfWeekColor, _styledcomponents.datePickerTokens.calendarDisabledOpacity, _styledcomponents.datePickerTokens.iconButtonColor, _styledcomponents.datePickerTokens.iconButtonBackgroundColor, _styledcomponents.datePickerTokens.iconButtonColorHover, _styledcomponents.datePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.datePickerTokens.iconButtonColorActive, _styledcomponents.datePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.datePickerTokens.iconButtonFocusColor, _styledcomponents.datePickerTokens.textFieldContentRightSlotColor, _styledcomponents.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
260
267
|
},
|
|
261
268
|
size: {
|
|
262
|
-
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.datePickerTokens.width, _styledcomponents.datePickerTokens.borderRadius, _styledcomponents.datePickerTokens.borderWidth, _styledcomponents.datePickerTokens.dividerPadding, _styledcomponents.datePickerTokens.dividerFontFamily, _styledcomponents.datePickerTokens.dividerFontStyle, _styledcomponents.datePickerTokens.dividerFontSize, _styledcomponents.datePickerTokens.dividerFontWeight, _styledcomponents.datePickerTokens.dividerLetterSpacing, _styledcomponents.datePickerTokens.dividerLineHeight, _styledcomponents.datePickerTokens.leftContentMargin, _styledcomponents.datePickerTokens.rightContentMargin, _styledcomponents.datePickerTokens.
|
|
269
|
+
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.datePickerTokens.width, _styledcomponents.datePickerTokens.borderRadius, _styledcomponents.datePickerTokens.borderWidth, _styledcomponents.datePickerTokens.dividerPadding, _styledcomponents.datePickerTokens.dividerFontFamily, _styledcomponents.datePickerTokens.dividerFontStyle, _styledcomponents.datePickerTokens.dividerFontSize, _styledcomponents.datePickerTokens.dividerFontWeight, _styledcomponents.datePickerTokens.dividerLetterSpacing, _styledcomponents.datePickerTokens.dividerLineHeight, _styledcomponents.datePickerTokens.leftContentMargin, _styledcomponents.datePickerTokens.rightContentMargin, _styledcomponents.datePickerTokens.labelInnerPadding, _styledcomponents.datePickerTokens.contentLabelInnerPadding, _styledcomponents.datePickerTokens.labelWrapperOffset, _styledcomponents.datePickerTokens.labelFontFamily, _styledcomponents.datePickerTokens.labelFontStyle, _styledcomponents.datePickerTokens.labelFontSize, _styledcomponents.datePickerTokens.labelFontWeight, _styledcomponents.datePickerTokens.labelLetterSpacing, _styledcomponents.datePickerTokens.labelLineHeight, _styledcomponents.datePickerTokens.indicatorWrapperGap, _styledcomponents.datePickerTokens.indicatorSizeInner, _styledcomponents.datePickerTokens.indicatorSizeOuter, _styledcomponents.datePickerTokens.indicatorPlacement, _styledcomponents.datePickerTokens.indicatorOuterPlacement, _styledcomponents.datePickerTokens.indicatorPlacementRight, _styledcomponents.datePickerTokens.indicatorOuterPlacementRight, _styledcomponents.datePickerTokens.indicatorMarginTop, _styledcomponents.datePickerTokens.indicatorOuterLeft, _styledcomponents.datePickerTokens.indicatorWithoutLabelInner, _styledcomponents.datePickerTokens.indicatorWithoutLabelInnerLeft, _styledcomponents.datePickerTokens.textFieldHeight, _styledcomponents.datePickerTokens.textFieldBorderRadius, _styledcomponents.datePickerTokens.textFieldBorderWidth, _styledcomponents.datePickerTokens.textFieldPadding, _styledcomponents.datePickerTokens.textFieldFontFamily, _styledcomponents.datePickerTokens.textFieldFontStyle, _styledcomponents.datePickerTokens.textFieldFontSize, _styledcomponents.datePickerTokens.textFieldFontWeight, _styledcomponents.datePickerTokens.textFieldLetterSpacing, _styledcomponents.datePickerTokens.textFieldLineHeight, _styledcomponents.datePickerTokens.leftHelperOffset, _styledcomponents.datePickerTokens.leftHelperFontFamily, _styledcomponents.datePickerTokens.leftHelperFontStyle, _styledcomponents.datePickerTokens.leftHelperFontSize, _styledcomponents.datePickerTokens.leftHelperFontWeight, _styledcomponents.datePickerTokens.leftHelperLetterSpacing, _styledcomponents.datePickerTokens.leftHelperLineHeight, _styledcomponents.datePickerTokens.textFieldLeftContentMargin, _styledcomponents.datePickerTokens.textFieldRightContentMargin, _styledcomponents.datePickerTokens.textFieldTextBeforeMargin, _styledcomponents.datePickerTokens.textFieldTextAfterMargin, _styledcomponents.datePickerTokens.calendarBorderWidth, _styledcomponents.datePickerTokens.calendarContainerWidth, _styledcomponents.datePickerTokens.calendarContainerHeight, _styledcomponents.datePickerTokens.calendarBorderRadius, _styledcomponents.datePickerTokens.calendarYearsPadding, _styledcomponents.datePickerTokens.calendarYearItemBorderRadius, _styledcomponents.datePickerTokens.calendarYearFontFamily, _styledcomponents.datePickerTokens.calendarYearFontSize, _styledcomponents.datePickerTokens.calendarYearFontStyle, _styledcomponents.datePickerTokens.calendarYearFontLetterSpacing, _styledcomponents.datePickerTokens.calendarYearFontLineHeight, _styledcomponents.datePickerTokens.calendarYearFontWeight, _styledcomponents.datePickerTokens.calendarYearSelectedFontWeight, _styledcomponents.datePickerTokens.calendarQuartersPadding, _styledcomponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledcomponents.datePickerTokens.calendarQuarterFontFamily, _styledcomponents.datePickerTokens.calendarQuarterFontSize, _styledcomponents.datePickerTokens.calendarQuarterFontStyle, _styledcomponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledcomponents.datePickerTokens.calendarQuarterFontLineHeight, _styledcomponents.datePickerTokens.calendarQuarterFontWeight, _styledcomponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledcomponents.datePickerTokens.calendarMonthsPadding, _styledcomponents.datePickerTokens.calendarMonthItemBorderRadius, _styledcomponents.datePickerTokens.calendarMonthFontFamily, _styledcomponents.datePickerTokens.calendarMonthFontSize, _styledcomponents.datePickerTokens.calendarMonthFontStyle, _styledcomponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledcomponents.datePickerTokens.calendarMonthFontLineHeight, _styledcomponents.datePickerTokens.calendarMonthFontWeight, _styledcomponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledcomponents.datePickerTokens.calendarDaysPadding, _styledcomponents.datePickerTokens.calendarDayItemBorderRadius, _styledcomponents.datePickerTokens.calendarDayFontFamily, _styledcomponents.datePickerTokens.calendarDayFontSize, _styledcomponents.datePickerTokens.calendarDayFontStyle, _styledcomponents.datePickerTokens.calendarDayFontLetterSpacing, _styledcomponents.datePickerTokens.calendarDayFontLineHeight, _styledcomponents.datePickerTokens.calendarDayFontWeight, _styledcomponents.datePickerTokens.calendarDaySelectedFontWeight, _styledcomponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledcomponents.datePickerTokens.calendarHeaderWrapperPadding, _styledcomponents.datePickerTokens.calendarHeaderArrowGap, _styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize, _styledcomponents.datePickerTokens.calendarHeaderPadding, _styledcomponents.datePickerTokens.calendarHeaderDateGap, _styledcomponents.datePickerTokens.calendarHeaderFontFamily, _styledcomponents.datePickerTokens.calendarHeaderFontSize, _styledcomponents.datePickerTokens.calendarHeaderFontStyle, _styledcomponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledcomponents.datePickerTokens.calendarHeaderFontLineHeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeightBold, _styledcomponents.datePickerTokens.iconButtonHeight, _styledcomponents.datePickerTokens.iconButtonWidth, _styledcomponents.datePickerTokens.iconButtonPadding, _styledcomponents.datePickerTokens.iconButtonRadius)
|
|
263
270
|
},
|
|
264
271
|
disabled: {
|
|
265
272
|
true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.labelColor)
|
|
266
273
|
},
|
|
267
274
|
readOnly: {
|
|
268
|
-
true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
|
|
275
|
+
true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderWidth)
|
|
269
276
|
}
|
|
270
277
|
}
|
|
271
278
|
};
|
|
@@ -68,19 +68,6 @@ function _templateObject1() {
|
|
|
68
68
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
69
69
|
": 0 0.375rem 0 0.75rem;\n ",
|
|
70
70
|
": 0;\n\n ",
|
|
71
|
-
": 0.5rem;\n\n ",
|
|
72
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
73
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
74
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
75
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
76
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
77
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
78
|
-
": 0.375rem;\n ",
|
|
79
|
-
": 0.375rem;\n ",
|
|
80
|
-
": 0 0 0 0;\n ",
|
|
81
|
-
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
82
|
-
": 0 0 auto auto;\n ",
|
|
83
|
-
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
84
71
|
": 2.5rem;\n ",
|
|
85
72
|
": 0.625rem;\n ",
|
|
86
73
|
": 0.125rem;\n ",
|
|
@@ -91,17 +78,34 @@ function _templateObject1() {
|
|
|
91
78
|
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
92
79
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
93
80
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
94
|
-
": 0.
|
|
81
|
+
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
82
|
+
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
83
|
+
": 0 0.25rem 0 0;\n ",
|
|
84
|
+
": 0 0 0 0.25rem;\n\n ",
|
|
95
85
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
96
86
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
97
87
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
98
88
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
99
89
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
100
90
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
101
|
-
":
|
|
102
|
-
":
|
|
103
|
-
": 0
|
|
104
|
-
": 0
|
|
91
|
+
": 0.25rem;\n ",
|
|
92
|
+
": 0.5rem;\n ",
|
|
93
|
+
": 0.25rem;\n ",
|
|
94
|
+
": 0.75rem;\n\n ",
|
|
95
|
+
": 0.375rem;\n ",
|
|
96
|
+
": 0.375rem;\n ",
|
|
97
|
+
": 0.25rem;\n ",
|
|
98
|
+
": -0.75rem;\n ",
|
|
99
|
+
": auto 0 -0.5rem auto;\n ",
|
|
100
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
101
|
+
": 0.25rem 0 0 0;\n ",
|
|
102
|
+
": 0.25rem;\n\n ",
|
|
103
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
104
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
105
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
106
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
107
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
108
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
105
109
|
]);
|
|
106
110
|
_templateObject1 = function _templateObject() {
|
|
107
111
|
return data;
|
|
@@ -153,7 +157,7 @@ var config = {
|
|
|
153
157
|
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.borderColorError, _styledcomponents.rangeTokens.borderColorSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.contentSlotColor, _styledcomponents.rangeTokens.contentSlotColorHover, _styledcomponents.rangeTokens.contentSlotColorActive, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.textFieldBorderColorHover, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldBorderColorError, _styledcomponents.rangeTokens.textFieldBorderColorErrorFocus, _styledcomponents.rangeTokens.textFieldBorderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledcomponents.rangeTokens.focusColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.textFieldTextBeforeColor)
|
|
154
158
|
},
|
|
155
159
|
size: {
|
|
156
|
-
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.
|
|
160
|
+
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldBorderWidth, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorWrapperGap, _styledcomponents.rangeTokens.labelWrapperOffset, _styledcomponents.rangeTokens.labelWrapperTitleCaptionOffset, _styledcomponents.rangeTokens.contentGap, _styledcomponents.rangeTokens.indicatorSizeInner, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorMarginTop, _styledcomponents.rangeTokens.indicatorOuterLeft, _styledcomponents.rangeTokens.indicatorWithoutLabelInner, _styledcomponents.rangeTokens.indicatorWithoutLabelInnerLeft, _styledcomponents.rangeTokens.helpersPadding, _styledcomponents.rangeTokens.helpersGap, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight)
|
|
157
161
|
},
|
|
158
162
|
disabled: {
|
|
159
163
|
true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.rangeTokens.disabledOpacity, _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor)
|
|
@@ -278,7 +278,9 @@ function _templateObject7() {
|
|
|
278
278
|
": var(--text-secondary);\n ",
|
|
279
279
|
": var(--text-secondary);\n ",
|
|
280
280
|
": var(--text-secondary);\n ",
|
|
281
|
-
": var(--surface-transparent-primary);\n
|
|
281
|
+
": var(--surface-transparent-primary);\n ",
|
|
282
|
+
": transparent;\n ",
|
|
283
|
+
": 0;\n "
|
|
282
284
|
]);
|
|
283
285
|
_templateObject7 = function _templateObject() {
|
|
284
286
|
return data;
|
|
@@ -311,7 +313,7 @@ var config = {
|
|
|
311
313
|
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.selectTokens.textFieldDisabledOpacity, _styledcomponents.selectTokens.textFieldBackgroundColor, _styledcomponents.selectTokens.textFieldBackgroundColorFocus, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderColorHover, _styledcomponents.selectTokens.textFieldBorderColorFocus, _styledcomponents.selectTokens.textFieldColor)
|
|
312
314
|
},
|
|
313
315
|
readOnly: {
|
|
314
|
-
true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly)
|
|
316
|
+
true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderWidth)
|
|
315
317
|
}
|
|
316
318
|
}
|
|
317
319
|
};
|
|
@@ -283,7 +283,9 @@ function _templateObject8() {
|
|
|
283
283
|
": var(--text-secondary);\n ",
|
|
284
284
|
": var(--text-secondary);\n ",
|
|
285
285
|
": var(--text-secondary);\n ",
|
|
286
|
-
": 0.4;\n
|
|
286
|
+
": 0.4;\n ",
|
|
287
|
+
": transparent;\n ",
|
|
288
|
+
": 0;\n "
|
|
287
289
|
]);
|
|
288
290
|
_templateObject8 = function _templateObject() {
|
|
289
291
|
return data;
|
|
@@ -318,7 +320,7 @@ var config = {
|
|
|
318
320
|
true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.color)
|
|
319
321
|
},
|
|
320
322
|
readOnly: {
|
|
321
|
-
true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
|
|
323
|
+
true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderWidth)
|
|
322
324
|
}
|
|
323
325
|
}
|
|
324
326
|
};
|
|
@@ -207,7 +207,9 @@ function _templateObject6() {
|
|
|
207
207
|
": var(--surface-clear);\n ",
|
|
208
208
|
": var(--text-secondary);\n ",
|
|
209
209
|
": var(--text-secondary);\n ",
|
|
210
|
-
": var(--text-secondary);\n
|
|
210
|
+
": var(--text-secondary);\n ",
|
|
211
|
+
": transparent;\n ",
|
|
212
|
+
": 0;\n "
|
|
211
213
|
]);
|
|
212
214
|
_templateObject6 = function _templateObject() {
|
|
213
215
|
return data;
|
|
@@ -237,7 +239,7 @@ export var config = {
|
|
|
237
239
|
true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
|
|
238
240
|
},
|
|
239
241
|
readOnly: {
|
|
240
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
|
242
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
241
243
|
}
|
|
242
244
|
}
|
|
243
245
|
};
|
|
@@ -282,7 +282,9 @@ function _templateObject6() {
|
|
|
282
282
|
": transparent;\n ",
|
|
283
283
|
": 0;\n ",
|
|
284
284
|
": 0.25rem;\n ",
|
|
285
|
-
": 0rem;\n
|
|
285
|
+
": 0rem;\n ",
|
|
286
|
+
": transparent;\n ",
|
|
287
|
+
": 0;\n "
|
|
286
288
|
]);
|
|
287
289
|
_templateObject6 = function _templateObject() {
|
|
288
290
|
return data;
|
|
@@ -312,7 +314,7 @@ export var config = {
|
|
|
312
314
|
true: css(_templateObject5(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
|
|
313
315
|
},
|
|
314
316
|
readOnly: {
|
|
315
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset)
|
|
317
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
316
318
|
}
|
|
317
319
|
}
|
|
318
320
|
};
|
|
@@ -99,21 +99,26 @@ function _templateObject1() {
|
|
|
99
99
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
100
100
|
": 0 0 0 0.75rem;\n ",
|
|
101
101
|
": 0;\n\n ",
|
|
102
|
-
": 0.5rem;\n ",
|
|
103
102
|
": 0.3125rem 0 0 0;\n ",
|
|
104
103
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
104
|
+
": 0.5rem;\n ",
|
|
105
105
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
106
106
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
107
107
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
108
108
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
109
109
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
110
110
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
111
|
+
": 0.25rem;\n ",
|
|
111
112
|
": 0.375rem;\n ",
|
|
112
|
-
": 0.375rem;\n ",
|
|
113
|
+
": 0.375rem;\n\n ",
|
|
113
114
|
": 0 0 0 0;\n ",
|
|
114
115
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
115
116
|
": 0 0 auto auto;\n ",
|
|
116
117
|
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
118
|
+
": 0.25rem;\n ",
|
|
119
|
+
": -0.75rem;\n ",
|
|
120
|
+
": auto 0 -0.5rem auto;\n ",
|
|
121
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
117
122
|
": 2.5rem;\n ",
|
|
118
123
|
": 0.625rem;\n ",
|
|
119
124
|
": 0.125rem;\n ",
|
|
@@ -231,7 +236,9 @@ function _templateObject3() {
|
|
|
231
236
|
": 0.4;\n\n ",
|
|
232
237
|
": var(--text-primary);\n ",
|
|
233
238
|
": var(--surface-clear);\n ",
|
|
234
|
-
": var(--text-secondary);\n
|
|
239
|
+
": var(--text-secondary);\n ",
|
|
240
|
+
": transparent;\n ",
|
|
241
|
+
": 0;\n "
|
|
235
242
|
]);
|
|
236
243
|
_templateObject3 = function _templateObject() {
|
|
237
244
|
return data;
|
|
@@ -249,13 +256,13 @@ export var config = {
|
|
|
249
256
|
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, 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.calendarContentSecondaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarBorderColor, tokens.calendarDayOfWeekColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
|
|
250
257
|
},
|
|
251
258
|
size: {
|
|
252
|
-
s: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.
|
|
259
|
+
s: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderWidth, 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)
|
|
253
260
|
},
|
|
254
261
|
disabled: {
|
|
255
262
|
true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
|
|
256
263
|
},
|
|
257
264
|
readOnly: {
|
|
258
|
-
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
|
|
265
|
+
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.borderColor, tokens.borderWidth)
|
|
259
266
|
}
|
|
260
267
|
}
|
|
261
268
|
};
|
|
@@ -57,19 +57,6 @@ function _templateObject1() {
|
|
|
57
57
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
58
58
|
": 0 0.375rem 0 0.75rem;\n ",
|
|
59
59
|
": 0;\n\n ",
|
|
60
|
-
": 0.5rem;\n\n ",
|
|
61
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
62
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
63
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
64
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
65
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
66
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
67
|
-
": 0.375rem;\n ",
|
|
68
|
-
": 0.375rem;\n ",
|
|
69
|
-
": 0 0 0 0;\n ",
|
|
70
|
-
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
71
|
-
": 0 0 auto auto;\n ",
|
|
72
|
-
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
73
60
|
": 2.5rem;\n ",
|
|
74
61
|
": 0.625rem;\n ",
|
|
75
62
|
": 0.125rem;\n ",
|
|
@@ -80,17 +67,34 @@ function _templateObject1() {
|
|
|
80
67
|
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
81
68
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
82
69
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
83
|
-
": 0.
|
|
70
|
+
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
71
|
+
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
72
|
+
": 0 0.25rem 0 0;\n ",
|
|
73
|
+
": 0 0 0 0.25rem;\n\n ",
|
|
84
74
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
85
75
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
86
76
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
87
77
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
88
78
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
89
79
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
90
|
-
":
|
|
91
|
-
":
|
|
92
|
-
": 0
|
|
93
|
-
": 0
|
|
80
|
+
": 0.25rem;\n ",
|
|
81
|
+
": 0.5rem;\n ",
|
|
82
|
+
": 0.25rem;\n ",
|
|
83
|
+
": 0.75rem;\n\n ",
|
|
84
|
+
": 0.375rem;\n ",
|
|
85
|
+
": 0.375rem;\n ",
|
|
86
|
+
": 0.25rem;\n ",
|
|
87
|
+
": -0.75rem;\n ",
|
|
88
|
+
": auto 0 -0.5rem auto;\n ",
|
|
89
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
90
|
+
": 0.25rem 0 0 0;\n ",
|
|
91
|
+
": 0.25rem;\n\n ",
|
|
92
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
93
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
94
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
95
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
96
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
97
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
94
98
|
]);
|
|
95
99
|
_templateObject1 = function _templateObject() {
|
|
96
100
|
return data;
|
|
@@ -143,7 +147,7 @@ export var config = {
|
|
|
143
147
|
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
|
|
144
148
|
},
|
|
145
149
|
size: {
|
|
146
|
-
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.
|
|
150
|
+
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight)
|
|
147
151
|
},
|
|
148
152
|
disabled: {
|
|
149
153
|
true: css(_templateObject2(), tokens.disabledOpacity, tokens.background, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor)
|
|
@@ -267,7 +267,9 @@ function _templateObject7() {
|
|
|
267
267
|
": var(--text-secondary);\n ",
|
|
268
268
|
": var(--text-secondary);\n ",
|
|
269
269
|
": var(--text-secondary);\n ",
|
|
270
|
-
": var(--surface-transparent-primary);\n
|
|
270
|
+
": var(--surface-transparent-primary);\n ",
|
|
271
|
+
": transparent;\n ",
|
|
272
|
+
": 0;\n "
|
|
271
273
|
]);
|
|
272
274
|
_templateObject7 = function _templateObject() {
|
|
273
275
|
return data;
|
|
@@ -301,7 +303,7 @@ export var config = {
|
|
|
301
303
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
302
304
|
},
|
|
303
305
|
readOnly: {
|
|
304
|
-
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
|
|
306
|
+
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
|
|
305
307
|
}
|
|
306
308
|
}
|
|
307
309
|
};
|
|
@@ -272,7 +272,9 @@ function _templateObject8() {
|
|
|
272
272
|
": var(--text-secondary);\n ",
|
|
273
273
|
": var(--text-secondary);\n ",
|
|
274
274
|
": var(--text-secondary);\n ",
|
|
275
|
-
": 0.4;\n
|
|
275
|
+
": 0.4;\n ",
|
|
276
|
+
": transparent;\n ",
|
|
277
|
+
": 0;\n "
|
|
276
278
|
]);
|
|
277
279
|
_templateObject8 = function _templateObject() {
|
|
278
280
|
return data;
|
|
@@ -308,7 +310,7 @@ export var config = {
|
|
|
308
310
|
true: css(_templateObject7(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
|
|
309
311
|
},
|
|
310
312
|
readOnly: {
|
|
311
|
-
true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
313
|
+
true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
|
|
312
314
|
}
|
|
313
315
|
}
|
|
314
316
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.336.0-canary.
|
|
3
|
+
"version": "0.336.0-canary.2397.20456842500.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"exports": {
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"directory": "packages/sdds-cs"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@salutejs/plasma-new-hope": "0.344.0-canary.
|
|
36
|
-
"@salutejs/sdds-themes": "0.
|
|
35
|
+
"@salutejs/plasma-new-hope": "0.344.0-canary.2397.20456842500.0",
|
|
36
|
+
"@salutejs/sdds-themes": "0.51.0-canary.2397.20456842500.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"@emotion/react": ">=11",
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
"@microsoft/api-extractor": "7.38.3",
|
|
57
57
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
58
58
|
"@salutejs/plasma-colors": "0.16.0",
|
|
59
|
-
"@salutejs/plasma-core": "1.212.0-canary.
|
|
60
|
-
"@salutejs/plasma-cy-utils": "0.142.0-canary.
|
|
59
|
+
"@salutejs/plasma-core": "1.212.0-canary.2397.20456842500.0",
|
|
60
|
+
"@salutejs/plasma-cy-utils": "0.142.0-canary.2397.20456842500.0",
|
|
61
61
|
"@salutejs/plasma-icons": "1.228.0",
|
|
62
|
-
"@salutejs/plasma-sb-utils": "0.212.0-canary.
|
|
62
|
+
"@salutejs/plasma-sb-utils": "0.212.0-canary.2397.20456842500.0",
|
|
63
63
|
"@types/node": "16.7.13",
|
|
64
64
|
"@types/react": "18.0.28",
|
|
65
65
|
"@types/react-dom": "18.0.11",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"Anton Vinogradov"
|
|
113
113
|
],
|
|
114
114
|
"sideEffects": false,
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "b2ca973b719da1d5180977c6405cada3af1a96cf"
|
|
116
116
|
}
|