@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
|
@@ -218,7 +218,9 @@ function _templateObject6() {
|
|
|
218
218
|
": var(--surface-clear);\n ",
|
|
219
219
|
": var(--text-secondary);\n ",
|
|
220
220
|
": var(--text-secondary);\n ",
|
|
221
|
-
": var(--text-secondary);\n
|
|
221
|
+
": var(--text-secondary);\n ",
|
|
222
|
+
": transparent;\n ",
|
|
223
|
+
": 0;\n "
|
|
222
224
|
]);
|
|
223
225
|
_templateObject6 = function _templateObject() {
|
|
224
226
|
return data;
|
|
@@ -247,7 +249,7 @@ var config = {
|
|
|
247
249
|
true: (0, _emotion.css)(_templateObject5(), _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorHover, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus)
|
|
248
250
|
},
|
|
249
251
|
readOnly: {
|
|
250
|
-
true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
|
|
252
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderWidth)
|
|
251
253
|
}
|
|
252
254
|
}
|
|
253
255
|
};
|
|
@@ -293,7 +293,9 @@ function _templateObject6() {
|
|
|
293
293
|
": transparent;\n ",
|
|
294
294
|
": 0;\n ",
|
|
295
295
|
": 0.25rem;\n ",
|
|
296
|
-
": 0rem;\n
|
|
296
|
+
": 0rem;\n ",
|
|
297
|
+
": transparent;\n ",
|
|
298
|
+
": 0;\n "
|
|
297
299
|
]);
|
|
298
300
|
_templateObject6 = function _templateObject() {
|
|
299
301
|
return data;
|
|
@@ -322,7 +324,7 @@ var config = {
|
|
|
322
324
|
true: (0, _emotion.css)(_templateObject5(), _emotion.comboboxNewTokens.textFieldDisabledOpacity, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldColor)
|
|
323
325
|
},
|
|
324
326
|
readOnly: {
|
|
325
|
-
true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset)
|
|
327
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderWidth)
|
|
326
328
|
}
|
|
327
329
|
}
|
|
328
330
|
};
|
|
@@ -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, _emotion.css)(_templateObject(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorError, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.leftHelperColorError, _emotion.datePickerTokens.leftHelperColorSuccess, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBorderColor, _emotion.datePickerTokens.textFieldBorderColorHover, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldBorderColorError, _emotion.datePickerTokens.textFieldBorderColorErrorFocus, _emotion.datePickerTokens.textFieldBorderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorSuccessFocus, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldContentSlotColor, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.calendarShadow, _emotion.datePickerTokens.calendarSeparatorBackground, _emotion.datePickerTokens.calendarBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.calendarContentPrimaryDisabledColor, _emotion.datePickerTokens.calendarContentSecondaryDisabledColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarBorderColor, _emotion.datePickerTokens.calendarDayOfWeekColor, _emotion.datePickerTokens.calendarDisabledOpacity, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor, _emotion.datePickerTokens.textFieldContentRightSlotColor, _emotion.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
260
267
|
},
|
|
261
268
|
size: {
|
|
262
|
-
s: (0, _emotion.css)(_templateObject1(), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.borderWidth, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.
|
|
269
|
+
s: (0, _emotion.css)(_templateObject1(), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.borderWidth, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.labelInnerPadding, _emotion.datePickerTokens.contentLabelInnerPadding, _emotion.datePickerTokens.labelWrapperOffset, _emotion.datePickerTokens.labelFontFamily, _emotion.datePickerTokens.labelFontStyle, _emotion.datePickerTokens.labelFontSize, _emotion.datePickerTokens.labelFontWeight, _emotion.datePickerTokens.labelLetterSpacing, _emotion.datePickerTokens.labelLineHeight, _emotion.datePickerTokens.indicatorWrapperGap, _emotion.datePickerTokens.indicatorSizeInner, _emotion.datePickerTokens.indicatorSizeOuter, _emotion.datePickerTokens.indicatorPlacement, _emotion.datePickerTokens.indicatorOuterPlacement, _emotion.datePickerTokens.indicatorPlacementRight, _emotion.datePickerTokens.indicatorOuterPlacementRight, _emotion.datePickerTokens.indicatorMarginTop, _emotion.datePickerTokens.indicatorOuterLeft, _emotion.datePickerTokens.indicatorWithoutLabelInner, _emotion.datePickerTokens.indicatorWithoutLabelInnerLeft, _emotion.datePickerTokens.textFieldHeight, _emotion.datePickerTokens.textFieldBorderRadius, _emotion.datePickerTokens.textFieldBorderWidth, _emotion.datePickerTokens.textFieldPadding, _emotion.datePickerTokens.textFieldFontFamily, _emotion.datePickerTokens.textFieldFontStyle, _emotion.datePickerTokens.textFieldFontSize, _emotion.datePickerTokens.textFieldFontWeight, _emotion.datePickerTokens.textFieldLetterSpacing, _emotion.datePickerTokens.textFieldLineHeight, _emotion.datePickerTokens.leftHelperOffset, _emotion.datePickerTokens.leftHelperFontFamily, _emotion.datePickerTokens.leftHelperFontStyle, _emotion.datePickerTokens.leftHelperFontSize, _emotion.datePickerTokens.leftHelperFontWeight, _emotion.datePickerTokens.leftHelperLetterSpacing, _emotion.datePickerTokens.leftHelperLineHeight, _emotion.datePickerTokens.textFieldLeftContentMargin, _emotion.datePickerTokens.textFieldRightContentMargin, _emotion.datePickerTokens.textFieldTextBeforeMargin, _emotion.datePickerTokens.textFieldTextAfterMargin, _emotion.datePickerTokens.calendarBorderWidth, _emotion.datePickerTokens.calendarContainerWidth, _emotion.datePickerTokens.calendarContainerHeight, _emotion.datePickerTokens.calendarBorderRadius, _emotion.datePickerTokens.calendarYearsPadding, _emotion.datePickerTokens.calendarYearItemBorderRadius, _emotion.datePickerTokens.calendarYearFontFamily, _emotion.datePickerTokens.calendarYearFontSize, _emotion.datePickerTokens.calendarYearFontStyle, _emotion.datePickerTokens.calendarYearFontLetterSpacing, _emotion.datePickerTokens.calendarYearFontLineHeight, _emotion.datePickerTokens.calendarYearFontWeight, _emotion.datePickerTokens.calendarYearSelectedFontWeight, _emotion.datePickerTokens.calendarQuartersPadding, _emotion.datePickerTokens.calendarQuarterItemBorderRadius, _emotion.datePickerTokens.calendarQuarterFontFamily, _emotion.datePickerTokens.calendarQuarterFontSize, _emotion.datePickerTokens.calendarQuarterFontStyle, _emotion.datePickerTokens.calendarQuarterFontLetterSpacing, _emotion.datePickerTokens.calendarQuarterFontLineHeight, _emotion.datePickerTokens.calendarQuarterFontWeight, _emotion.datePickerTokens.calendarQuarterSelectedFontWeight, _emotion.datePickerTokens.calendarMonthsPadding, _emotion.datePickerTokens.calendarMonthItemBorderRadius, _emotion.datePickerTokens.calendarMonthFontFamily, _emotion.datePickerTokens.calendarMonthFontSize, _emotion.datePickerTokens.calendarMonthFontStyle, _emotion.datePickerTokens.calendarMonthFontLetterSpacing, _emotion.datePickerTokens.calendarMonthFontLineHeight, _emotion.datePickerTokens.calendarMonthFontWeight, _emotion.datePickerTokens.calendarMonthSelectedFontWeight, _emotion.datePickerTokens.calendarDaysPadding, _emotion.datePickerTokens.calendarDayItemBorderRadius, _emotion.datePickerTokens.calendarDayFontFamily, _emotion.datePickerTokens.calendarDayFontSize, _emotion.datePickerTokens.calendarDayFontStyle, _emotion.datePickerTokens.calendarDayFontLetterSpacing, _emotion.datePickerTokens.calendarDayFontLineHeight, _emotion.datePickerTokens.calendarDayFontWeight, _emotion.datePickerTokens.calendarDaySelectedFontWeight, _emotion.datePickerTokens.calendarCurrentItemBorderWidth, _emotion.datePickerTokens.calendarHeaderWrapperPadding, _emotion.datePickerTokens.calendarHeaderArrowGap, _emotion.datePickerTokens.calendarHeaderArrowCustomSize, _emotion.datePickerTokens.calendarHeaderPadding, _emotion.datePickerTokens.calendarHeaderDateGap, _emotion.datePickerTokens.calendarHeaderFontFamily, _emotion.datePickerTokens.calendarHeaderFontSize, _emotion.datePickerTokens.calendarHeaderFontStyle, _emotion.datePickerTokens.calendarHeaderFontLetterSpacing, _emotion.datePickerTokens.calendarHeaderFontLineHeight, _emotion.datePickerTokens.calendarHeaderFontWeight, _emotion.datePickerTokens.calendarHeaderFontWeightBold, _emotion.datePickerTokens.iconButtonHeight, _emotion.datePickerTokens.iconButtonWidth, _emotion.datePickerTokens.iconButtonPadding, _emotion.datePickerTokens.iconButtonRadius)
|
|
263
270
|
},
|
|
264
271
|
disabled: {
|
|
265
272
|
true: (0, _emotion.css)(_templateObject2(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.labelColor)
|
|
266
273
|
},
|
|
267
274
|
readOnly: {
|
|
268
|
-
true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly)
|
|
275
|
+
true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly, _emotion.datePickerTokens.borderColor, _emotion.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, _emotion.css)(_templateObject(), _emotion.rangeTokens.background, _emotion.rangeTokens.borderColor, _emotion.rangeTokens.borderColorError, _emotion.rangeTokens.borderColorSuccess, _emotion.rangeTokens.dividerColor, _emotion.rangeTokens.labelColor, _emotion.rangeTokens.leftHelperColor, _emotion.rangeTokens.leftHelperColorError, _emotion.rangeTokens.leftHelperColorSuccess, _emotion.rangeTokens.contentSlotColor, _emotion.rangeTokens.contentSlotColorHover, _emotion.rangeTokens.contentSlotColorActive, _emotion.rangeTokens.indicatorColor, _emotion.rangeTokens.textFieldColor, _emotion.rangeTokens.textFieldPlaceholderColor, _emotion.rangeTokens.textFieldPlaceholderColorFocus, _emotion.rangeTokens.textFieldCaretColor, _emotion.rangeTokens.textFieldBorderColorHover, _emotion.rangeTokens.textFieldBorderColorFocus, _emotion.rangeTokens.textFieldBorderColorError, _emotion.rangeTokens.textFieldBorderColorErrorFocus, _emotion.rangeTokens.textFieldBorderColorSuccess, _emotion.rangeTokens.textFieldBorderColorSuccessFocus, _emotion.rangeTokens.focusColor, _emotion.rangeTokens.textFieldTextAfterColor, _emotion.rangeTokens.textFieldTextBeforeColor)
|
|
154
158
|
},
|
|
155
159
|
size: {
|
|
156
|
-
s: (0, _emotion.css)(_templateObject1(), _emotion.rangeTokens.borderRadius, _emotion.rangeTokens.borderWidth, _emotion.rangeTokens.dividerPadding, _emotion.rangeTokens.dividerFontFamily, _emotion.rangeTokens.dividerFontStyle, _emotion.rangeTokens.dividerFontSize, _emotion.rangeTokens.dividerFontWeight, _emotion.rangeTokens.dividerLetterSpacing, _emotion.rangeTokens.dividerLineHeight, _emotion.rangeTokens.leftContentMargin, _emotion.rangeTokens.rightContentMargin, _emotion.rangeTokens.
|
|
160
|
+
s: (0, _emotion.css)(_templateObject1(), _emotion.rangeTokens.borderRadius, _emotion.rangeTokens.borderWidth, _emotion.rangeTokens.dividerPadding, _emotion.rangeTokens.dividerFontFamily, _emotion.rangeTokens.dividerFontStyle, _emotion.rangeTokens.dividerFontSize, _emotion.rangeTokens.dividerFontWeight, _emotion.rangeTokens.dividerLetterSpacing, _emotion.rangeTokens.dividerLineHeight, _emotion.rangeTokens.leftContentMargin, _emotion.rangeTokens.rightContentMargin, _emotion.rangeTokens.textFieldHeight, _emotion.rangeTokens.textFieldBorderRadius, _emotion.rangeTokens.textFieldBorderWidth, _emotion.rangeTokens.textFieldPadding, _emotion.rangeTokens.textFieldFontFamily, _emotion.rangeTokens.textFieldFontStyle, _emotion.rangeTokens.textFieldFontSize, _emotion.rangeTokens.textFieldFontWeight, _emotion.rangeTokens.textFieldLetterSpacing, _emotion.rangeTokens.textFieldLineHeight, _emotion.rangeTokens.textFieldLeftContentMargin, _emotion.rangeTokens.textFieldRightContentMargin, _emotion.rangeTokens.textFieldTextBeforeMargin, _emotion.rangeTokens.textFieldTextAfterMargin, _emotion.rangeTokens.labelFontFamily, _emotion.rangeTokens.labelFontStyle, _emotion.rangeTokens.labelFontSize, _emotion.rangeTokens.labelFontWeight, _emotion.rangeTokens.labelLetterSpacing, _emotion.rangeTokens.labelLineHeight, _emotion.rangeTokens.indicatorWrapperGap, _emotion.rangeTokens.labelWrapperOffset, _emotion.rangeTokens.labelWrapperTitleCaptionOffset, _emotion.rangeTokens.contentGap, _emotion.rangeTokens.indicatorSizeInner, _emotion.rangeTokens.indicatorSizeOuter, _emotion.rangeTokens.indicatorMarginTop, _emotion.rangeTokens.indicatorOuterLeft, _emotion.rangeTokens.indicatorWithoutLabelInner, _emotion.rangeTokens.indicatorWithoutLabelInnerLeft, _emotion.rangeTokens.helpersPadding, _emotion.rangeTokens.helpersGap, _emotion.rangeTokens.leftHelperFontFamily, _emotion.rangeTokens.leftHelperFontStyle, _emotion.rangeTokens.leftHelperFontSize, _emotion.rangeTokens.leftHelperFontWeight, _emotion.rangeTokens.leftHelperLetterSpacing, _emotion.rangeTokens.leftHelperLineHeight)
|
|
157
161
|
},
|
|
158
162
|
disabled: {
|
|
159
163
|
true: (0, _emotion.css)(_templateObject2(), _emotion.rangeTokens.disabledOpacity, _emotion.rangeTokens.background, _emotion.rangeTokens.borderColor, _emotion.rangeTokens.textFieldBorderColorFocus, _emotion.rangeTokens.textFieldColor, _emotion.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, _emotion.css)(_templateObject6(), _emotion.selectTokens.textFieldDisabledOpacity, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldColor)
|
|
312
314
|
},
|
|
313
315
|
readOnly: {
|
|
314
|
-
true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly)
|
|
316
|
+
true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly, _emotion.selectTokens.textFieldBorderColor, _emotion.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, _emotion.css)(_templateObject7(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.color)
|
|
319
321
|
},
|
|
320
322
|
readOnly: {
|
|
321
|
-
true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly)
|
|
323
|
+
true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly, _emotion.textFieldTokens.borderColor, _emotion.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
|
};
|
|
@@ -218,7 +218,9 @@ function _templateObject6() {
|
|
|
218
218
|
": var(--surface-clear);\n ",
|
|
219
219
|
": var(--text-secondary);\n ",
|
|
220
220
|
": var(--text-secondary);\n ",
|
|
221
|
-
": var(--text-secondary);\n
|
|
221
|
+
": var(--text-secondary);\n ",
|
|
222
|
+
": transparent;\n ",
|
|
223
|
+
": 0;\n "
|
|
222
224
|
]);
|
|
223
225
|
_templateObject6 = function _templateObject() {
|
|
224
226
|
return data;
|
|
@@ -247,7 +249,7 @@ var config = {
|
|
|
247
249
|
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorHover, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus)
|
|
248
250
|
},
|
|
249
251
|
readOnly: {
|
|
250
|
-
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
|
|
252
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderWidth)
|
|
251
253
|
}
|
|
252
254
|
}
|
|
253
255
|
};
|
|
@@ -293,7 +293,9 @@ function _templateObject6() {
|
|
|
293
293
|
": transparent;\n ",
|
|
294
294
|
": 0;\n ",
|
|
295
295
|
": 0.25rem;\n ",
|
|
296
|
-
": 0rem;\n
|
|
296
|
+
": 0rem;\n ",
|
|
297
|
+
": transparent;\n ",
|
|
298
|
+
": 0;\n "
|
|
297
299
|
]);
|
|
298
300
|
_templateObject6 = function _templateObject() {
|
|
299
301
|
return data;
|
|
@@ -322,7 +324,7 @@ var config = {
|
|
|
322
324
|
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldColor)
|
|
323
325
|
},
|
|
324
326
|
readOnly: {
|
|
325
|
-
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset)
|
|
327
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderWidth)
|
|
326
328
|
}
|
|
327
329
|
}
|
|
328
330
|
};
|