@salutejs/sdds-cs 0.330.0-canary.2277.18342250629.0 → 0.330.0-canary.2280.18409919038.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/components/Chip/Chip.config.js +6 -3
- package/components/Combobox/Combobox.config.js +6 -2
- package/components/Combobox/Combobox.d.ts +24 -0
- package/components/DatePicker/DatePicker.d.ts +3 -3
- package/components/Select/Select.config.js +2 -1
- package/components/Select/Select.d.ts +6 -0
- package/components/TextField/TextField.config.js +6 -2
- package/emotion/cjs/components/Chip/Chip.config.js +6 -3
- package/emotion/cjs/components/Combobox/Combobox.config.js +6 -2
- package/emotion/cjs/components/Select/Select.config.js +2 -1
- package/emotion/cjs/components/TextField/TextField.config.js +6 -2
- package/emotion/es/components/Chip/Chip.config.js +6 -3
- package/emotion/es/components/Combobox/Combobox.config.js +6 -2
- package/emotion/es/components/Select/Select.config.js +2 -1
- package/emotion/es/components/TextField/TextField.config.js +6 -2
- package/es/components/Chip/Chip.config.js +6 -3
- package/es/components/Combobox/Combobox.config.js +6 -2
- package/es/components/Select/Select.config.js +2 -1
- package/es/components/TextField/TextField.config.js +6 -2
- package/package.json +3 -3
|
@@ -33,6 +33,7 @@ function _templateObject() {
|
|
|
33
33
|
": var(--surface-solid-card);\n ",
|
|
34
34
|
": var(--text-primary);\n ",
|
|
35
35
|
": var(--text-accent);\n ",
|
|
36
|
+
": var(--text-accent-hover);\n ",
|
|
36
37
|
": var(--text-accent);\n "
|
|
37
38
|
]);
|
|
38
39
|
_templateObject = function _templateObject() {
|
|
@@ -54,6 +55,7 @@ function _templateObject1() {
|
|
|
54
55
|
": var(--surface-solid-primary);\n ",
|
|
55
56
|
": var(--text-primary);\n ",
|
|
56
57
|
": var(--text-accent);\n ",
|
|
58
|
+
": var(--text-accent-hover);\n ",
|
|
57
59
|
": var(--text-accent);\n "
|
|
58
60
|
]);
|
|
59
61
|
_templateObject1 = function _templateObject() {
|
|
@@ -75,6 +77,7 @@ function _templateObject2() {
|
|
|
75
77
|
": var(--surface-accent);\n ",
|
|
76
78
|
": var(--on-dark-text-primary);\n\n ",
|
|
77
79
|
": var(--on-dark-text-primary);\n ",
|
|
80
|
+
": var(--on-dark-text-primary-hover);\n ",
|
|
78
81
|
": var(--on-dark-text-primary);\n "
|
|
79
82
|
]);
|
|
80
83
|
_templateObject2 = function _templateObject() {
|
|
@@ -154,9 +157,9 @@ var config = {
|
|
|
154
157
|
},
|
|
155
158
|
variations: {
|
|
156
159
|
view: {
|
|
157
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
|
|
158
|
-
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
|
|
159
|
-
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor)
|
|
160
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
|
|
161
|
+
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
|
|
162
|
+
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor)
|
|
160
163
|
},
|
|
161
164
|
size: {
|
|
162
165
|
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.rightContentMarginLeft, _styledcomponents.chipTokens.rightContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize),
|
|
@@ -48,6 +48,8 @@ function _templateObject() {
|
|
|
48
48
|
": var(--surface-negative);\n ",
|
|
49
49
|
": var(--text-tertiary);\n\n ",
|
|
50
50
|
": var(--text-secondary);\n ",
|
|
51
|
+
": var(--text-secondary-hover);\n ",
|
|
52
|
+
": var(--text-secondary);\n ",
|
|
51
53
|
": var(--text-primary);\n ",
|
|
52
54
|
": var(--surface-transparent-secondary);\n ",
|
|
53
55
|
": var(--text-primary);\n ",
|
|
@@ -104,6 +106,8 @@ function _templateObject1() {
|
|
|
104
106
|
": var(--surface-negative);\n ",
|
|
105
107
|
": var(--text-tertiary);\n\n ",
|
|
106
108
|
": var(--text-secondary);\n ",
|
|
109
|
+
": var(--text-secondary-hover);\n ",
|
|
110
|
+
": var(--text-secondary);\n ",
|
|
107
111
|
": var(--text-primary);\n ",
|
|
108
112
|
": var(--surface-transparent-secondary);\n ",
|
|
109
113
|
": var(--text-primary);\n ",
|
|
@@ -304,8 +308,8 @@ var config = {
|
|
|
304
308
|
},
|
|
305
309
|
variations: {
|
|
306
310
|
view: {
|
|
307
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
|
|
308
|
-
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor)
|
|
311
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
|
|
312
|
+
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor)
|
|
309
313
|
},
|
|
310
314
|
size: {
|
|
311
315
|
s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.comboboxNewTokens.textFieldHeight, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldPaddingWithChips, _styledcomponents.comboboxNewTokens.textFieldBorderRadius, _styledcomponents.comboboxNewTokens.textFieldBorderWidth, _styledcomponents.comboboxNewTokens.textFieldLeftContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentMargin, _styledcomponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledcomponents.comboboxNewTokens.textFieldTextAfterMargin, _styledcomponents.comboboxNewTokens.textFieldFontFamily, _styledcomponents.comboboxNewTokens.textFieldFontSize, _styledcomponents.comboboxNewTokens.textFieldFontStyle, _styledcomponents.comboboxNewTokens.textFieldFontWeight, _styledcomponents.comboboxNewTokens.textFieldLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLabelFontFamily, _styledcomponents.comboboxNewTokens.textFieldLabelFontSize, _styledcomponents.comboboxNewTokens.textFieldLabelFontStyle, _styledcomponents.comboboxNewTokens.textFieldLabelFontWeight, _styledcomponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLabelLineHeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.comboboxNewTokens.textFieldChipGap, _styledcomponents.comboboxNewTokens.textFieldChipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldChipWidth, _styledcomponents.comboboxNewTokens.textFieldChipHeight, _styledcomponents.comboboxNewTokens.textFieldChipPadding, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledcomponents.comboboxNewTokens.textFieldChipFontFamily, _styledcomponents.comboboxNewTokens.textFieldChipFontSize, _styledcomponents.comboboxNewTokens.textFieldChipFontStyle, _styledcomponents.comboboxNewTokens.textFieldChipFontWeight, _styledcomponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldChipLineHeight, _styledcomponents.comboboxNewTokens.emptyStatePadding, _styledcomponents.comboboxNewTokens.padding, _styledcomponents.comboboxNewTokens.borderRadius, _styledcomponents.comboboxNewTokens.itemHeight, _styledcomponents.comboboxNewTokens.itemPadding, _styledcomponents.comboboxNewTokens.itemPaddingTight, _styledcomponents.comboboxNewTokens.itemBorderRadius, _styledcomponents.comboboxNewTokens.itemIconSize, _styledcomponents.comboboxNewTokens.itemIconSizeTight, _styledcomponents.comboboxNewTokens.itemIconMargin, _styledcomponents.comboboxNewTokens.fontFamily, _styledcomponents.comboboxNewTokens.fontSize, _styledcomponents.comboboxNewTokens.fontStyle, _styledcomponents.comboboxNewTokens.fontWeight, _styledcomponents.comboboxNewTokens.fontLetterSpacing, _styledcomponents.comboboxNewTokens.fontLineHeight, _styledcomponents.comboboxNewTokens.cellPadding, _styledcomponents.comboboxNewTokens.cellPaddingLeftContent, _styledcomponents.comboboxNewTokens.cellPaddingContent, _styledcomponents.comboboxNewTokens.cellPaddingRightContent, _styledcomponents.comboboxNewTokens.cellTextboxGap, _styledcomponents.comboboxNewTokens.cellGap, _styledcomponents.comboboxNewTokens.cellTitleFontFamily, _styledcomponents.comboboxNewTokens.cellTitleFontSize, _styledcomponents.comboboxNewTokens.cellTitleFontStyle, _styledcomponents.comboboxNewTokens.cellTitleFontWeight, _styledcomponents.comboboxNewTokens.cellTitleLetterSpacing, _styledcomponents.comboboxNewTokens.cellTitleLineHeight, _styledcomponents.comboboxNewTokens.checkboxTriggerSize, _styledcomponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderWidth, _styledcomponents.comboboxNewTokens.indicatorSize, _styledcomponents.comboboxNewTokens.dropdownBorderWidth, _styledcomponents.comboboxNewTokens.dividerMarginTop, _styledcomponents.comboboxNewTokens.dividerMarginRight, _styledcomponents.comboboxNewTokens.dividerMarginBottom, _styledcomponents.comboboxNewTokens.dividerMarginLeft, _styledcomponents.comboboxNewTokens.dividerMarginTopTight, _styledcomponents.comboboxNewTokens.dividerMarginBottomTight)
|
|
@@ -62,6 +62,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
62
62
|
targetAmount?: never;
|
|
63
63
|
renderValue?: never;
|
|
64
64
|
selectAllOptions?: never;
|
|
65
|
+
chipClickArea?: never;
|
|
65
66
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
66
67
|
hintText: string;
|
|
67
68
|
hintTrigger?: "hover" | "click";
|
|
@@ -117,6 +118,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
117
118
|
targetAmount?: never;
|
|
118
119
|
renderValue?: never;
|
|
119
120
|
selectAllOptions?: never;
|
|
121
|
+
chipClickArea?: never;
|
|
120
122
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
121
123
|
hintTrigger?: never;
|
|
122
124
|
hintText?: never;
|
|
@@ -172,6 +174,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
172
174
|
targetAmount?: never;
|
|
173
175
|
renderValue?: never;
|
|
174
176
|
selectAllOptions?: never;
|
|
177
|
+
chipClickArea?: never;
|
|
175
178
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
176
179
|
hintText: string;
|
|
177
180
|
hintTrigger?: "hover" | "click";
|
|
@@ -227,6 +230,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
227
230
|
targetAmount?: never;
|
|
228
231
|
renderValue?: never;
|
|
229
232
|
selectAllOptions?: never;
|
|
233
|
+
chipClickArea?: never;
|
|
230
234
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
231
235
|
hintTrigger?: never;
|
|
232
236
|
hintText?: never;
|
|
@@ -282,6 +286,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
282
286
|
targetAmount?: number;
|
|
283
287
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
284
288
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
289
|
+
chipClickArea?: "full" | "close-icon";
|
|
285
290
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
286
291
|
hintText: string;
|
|
287
292
|
hintTrigger?: "hover" | "click";
|
|
@@ -337,6 +342,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
337
342
|
targetAmount?: number;
|
|
338
343
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
339
344
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
345
|
+
chipClickArea?: "full" | "close-icon";
|
|
340
346
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
341
347
|
hintTrigger?: never;
|
|
342
348
|
hintText?: never;
|
|
@@ -392,6 +398,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
392
398
|
targetAmount?: number;
|
|
393
399
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
394
400
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
401
|
+
chipClickArea?: "full" | "close-icon";
|
|
395
402
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
396
403
|
hintText: string;
|
|
397
404
|
hintTrigger?: "hover" | "click";
|
|
@@ -447,6 +454,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
447
454
|
targetAmount?: number;
|
|
448
455
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
449
456
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
457
|
+
chipClickArea?: "full" | "close-icon";
|
|
450
458
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
451
459
|
hintTrigger?: never;
|
|
452
460
|
hintText?: never;
|
|
@@ -502,6 +510,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
502
510
|
targetAmount?: never;
|
|
503
511
|
renderValue?: never;
|
|
504
512
|
selectAllOptions?: never;
|
|
513
|
+
chipClickArea?: never;
|
|
505
514
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
506
515
|
hintText: string;
|
|
507
516
|
hintTrigger?: "hover" | "click";
|
|
@@ -557,6 +566,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
557
566
|
targetAmount?: never;
|
|
558
567
|
renderValue?: never;
|
|
559
568
|
selectAllOptions?: never;
|
|
569
|
+
chipClickArea?: never;
|
|
560
570
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
561
571
|
hintTrigger?: never;
|
|
562
572
|
hintText?: never;
|
|
@@ -612,6 +622,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
612
622
|
targetAmount?: never;
|
|
613
623
|
renderValue?: never;
|
|
614
624
|
selectAllOptions?: never;
|
|
625
|
+
chipClickArea?: never;
|
|
615
626
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
616
627
|
hintText: string;
|
|
617
628
|
hintTrigger?: "hover" | "click";
|
|
@@ -667,6 +678,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
667
678
|
targetAmount?: never;
|
|
668
679
|
renderValue?: never;
|
|
669
680
|
selectAllOptions?: never;
|
|
681
|
+
chipClickArea?: never;
|
|
670
682
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
671
683
|
hintTrigger?: never;
|
|
672
684
|
hintText?: never;
|
|
@@ -722,6 +734,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
722
734
|
targetAmount?: number;
|
|
723
735
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
724
736
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
737
|
+
chipClickArea?: "full" | "close-icon";
|
|
725
738
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
726
739
|
hintText: string;
|
|
727
740
|
hintTrigger?: "hover" | "click";
|
|
@@ -777,6 +790,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
777
790
|
targetAmount?: number;
|
|
778
791
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
779
792
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
793
|
+
chipClickArea?: "full" | "close-icon";
|
|
780
794
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
781
795
|
hintTrigger?: never;
|
|
782
796
|
hintText?: never;
|
|
@@ -832,6 +846,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
832
846
|
targetAmount?: number;
|
|
833
847
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
834
848
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
849
|
+
chipClickArea?: "full" | "close-icon";
|
|
835
850
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
836
851
|
hintText: string;
|
|
837
852
|
hintTrigger?: "hover" | "click";
|
|
@@ -887,6 +902,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
887
902
|
targetAmount?: number;
|
|
888
903
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
889
904
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
905
|
+
chipClickArea?: "full" | "close-icon";
|
|
890
906
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
891
907
|
hintTrigger?: never;
|
|
892
908
|
hintText?: never;
|
|
@@ -942,6 +958,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
942
958
|
targetAmount?: never;
|
|
943
959
|
renderValue?: never;
|
|
944
960
|
selectAllOptions?: never;
|
|
961
|
+
chipClickArea?: never;
|
|
945
962
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
946
963
|
hintText: string;
|
|
947
964
|
hintTrigger?: "hover" | "click";
|
|
@@ -997,6 +1014,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
997
1014
|
targetAmount?: never;
|
|
998
1015
|
renderValue?: never;
|
|
999
1016
|
selectAllOptions?: never;
|
|
1017
|
+
chipClickArea?: never;
|
|
1000
1018
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1001
1019
|
hintTrigger?: never;
|
|
1002
1020
|
hintText?: never;
|
|
@@ -1052,6 +1070,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1052
1070
|
targetAmount?: never;
|
|
1053
1071
|
renderValue?: never;
|
|
1054
1072
|
selectAllOptions?: never;
|
|
1073
|
+
chipClickArea?: never;
|
|
1055
1074
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1056
1075
|
hintText: string;
|
|
1057
1076
|
hintTrigger?: "hover" | "click";
|
|
@@ -1107,6 +1126,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1107
1126
|
targetAmount?: never;
|
|
1108
1127
|
renderValue?: never;
|
|
1109
1128
|
selectAllOptions?: never;
|
|
1129
|
+
chipClickArea?: never;
|
|
1110
1130
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1111
1131
|
hintTrigger?: never;
|
|
1112
1132
|
hintText?: never;
|
|
@@ -1162,6 +1182,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1162
1182
|
targetAmount?: number;
|
|
1163
1183
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1164
1184
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1185
|
+
chipClickArea?: "full" | "close-icon";
|
|
1165
1186
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1166
1187
|
hintText: string;
|
|
1167
1188
|
hintTrigger?: "hover" | "click";
|
|
@@ -1217,6 +1238,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1217
1238
|
targetAmount?: number;
|
|
1218
1239
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1219
1240
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1241
|
+
chipClickArea?: "full" | "close-icon";
|
|
1220
1242
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1221
1243
|
hintTrigger?: never;
|
|
1222
1244
|
hintText?: never;
|
|
@@ -1272,6 +1294,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1272
1294
|
targetAmount?: number;
|
|
1273
1295
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1274
1296
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1297
|
+
chipClickArea?: "full" | "close-icon";
|
|
1275
1298
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1276
1299
|
hintText: string;
|
|
1277
1300
|
hintTrigger?: "hover" | "click";
|
|
@@ -1327,6 +1350,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1327
1350
|
targetAmount?: number;
|
|
1328
1351
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1329
1352
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1353
|
+
chipClickArea?: "full" | "close-icon";
|
|
1330
1354
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1331
1355
|
hintTrigger?: never;
|
|
1332
1356
|
hintText?: never;
|
|
@@ -72,13 +72,13 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
|
72
72
|
};
|
|
73
73
|
}) => void;
|
|
74
74
|
} & {
|
|
75
|
+
size?: string | undefined;
|
|
76
|
+
disabled?: boolean | undefined;
|
|
75
77
|
label?: string | undefined;
|
|
76
78
|
view?: string | undefined;
|
|
77
|
-
disabled?: boolean | undefined;
|
|
78
|
-
autoComplete?: string | undefined;
|
|
79
79
|
readOnly?: boolean | undefined;
|
|
80
80
|
required?: boolean | undefined;
|
|
81
|
-
|
|
81
|
+
autoComplete?: string | undefined;
|
|
82
82
|
contentLeft?: React.ReactNode;
|
|
83
83
|
contentRight?: React.ReactNode;
|
|
84
84
|
leftHelper?: string | undefined;
|
|
@@ -242,6 +242,7 @@ function _templateObject5() {
|
|
|
242
242
|
": var(--inverse-text-primary);\n ",
|
|
243
243
|
": var(--surface-solid-default);\n ",
|
|
244
244
|
": var(--surface-solid-default-hover);\n ",
|
|
245
|
+
": var(--inverse-text-secondary);\n ",
|
|
245
246
|
": var(--inverse-text-primary);\n ",
|
|
246
247
|
": 1;\n "
|
|
247
248
|
]);
|
|
@@ -303,7 +304,7 @@ var config = {
|
|
|
303
304
|
outer: (0, _styledcomponents.css)(_templateObject4())
|
|
304
305
|
},
|
|
305
306
|
chipView: {
|
|
306
|
-
default: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.selectTokens.textFieldChipColor, _styledcomponents.selectTokens.textFieldChipBackground, _styledcomponents.selectTokens.textFieldChipBackgroundHover, _styledcomponents.selectTokens.textFieldChipCloseIconColor, _styledcomponents.selectTokens.textFieldChipOpacityReadonly)
|
|
307
|
+
default: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.selectTokens.textFieldChipColor, _styledcomponents.selectTokens.textFieldChipBackground, _styledcomponents.selectTokens.textFieldChipBackgroundHover, _styledcomponents.selectTokens.textFieldChipCloseIconColor, _styledcomponents.selectTokens.textFieldChipCloseIconColorHover, _styledcomponents.selectTokens.textFieldChipOpacityReadonly)
|
|
307
308
|
},
|
|
308
309
|
disabled: {
|
|
309
310
|
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)
|
|
@@ -40,6 +40,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
40
40
|
placeholder?: string;
|
|
41
41
|
helperText?: string;
|
|
42
42
|
chipType?: "default" | "text";
|
|
43
|
+
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
43
44
|
} & {
|
|
44
45
|
multiselect?: false;
|
|
45
46
|
separator?: never;
|
|
@@ -98,6 +99,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
98
99
|
placeholder?: string;
|
|
99
100
|
helperText?: string;
|
|
100
101
|
chipType?: "default" | "text";
|
|
102
|
+
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
101
103
|
} & {
|
|
102
104
|
multiselect?: true;
|
|
103
105
|
separator?: string;
|
|
@@ -157,6 +159,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
157
159
|
placeholder?: string;
|
|
158
160
|
helperText?: string;
|
|
159
161
|
chipType?: "default" | "text";
|
|
162
|
+
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
160
163
|
} & {
|
|
161
164
|
multiselect?: false;
|
|
162
165
|
separator?: never;
|
|
@@ -215,6 +218,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
215
218
|
placeholder?: string;
|
|
216
219
|
helperText?: string;
|
|
217
220
|
chipType?: "default" | "text";
|
|
221
|
+
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
218
222
|
} & {
|
|
219
223
|
multiselect?: true;
|
|
220
224
|
separator?: string;
|
|
@@ -262,6 +266,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
262
266
|
placeholder?: never;
|
|
263
267
|
helperText?: never;
|
|
264
268
|
chipType?: never;
|
|
269
|
+
chipClickArea?: never;
|
|
265
270
|
} & {
|
|
266
271
|
multiselect?: false;
|
|
267
272
|
separator?: never;
|
|
@@ -308,6 +313,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
308
313
|
placeholder?: never;
|
|
309
314
|
helperText?: never;
|
|
310
315
|
chipType?: never;
|
|
316
|
+
chipClickArea?: never;
|
|
311
317
|
} & {
|
|
312
318
|
multiselect?: true;
|
|
313
319
|
separator?: string;
|
|
@@ -47,6 +47,8 @@ function _templateObject() {
|
|
|
47
47
|
": var(--text-secondary);\n ",
|
|
48
48
|
": var(--surface-accent);\n\n ",
|
|
49
49
|
": var(--text-secondary);\n ",
|
|
50
|
+
": var(--text-secondary);\n ",
|
|
51
|
+
": var(--text-primary);\n ",
|
|
50
52
|
": var(--text-primary);\n ",
|
|
51
53
|
": var(--surface-transparent-secondary);\n ",
|
|
52
54
|
": var(--text-primary-hover);\n ",
|
|
@@ -92,6 +94,8 @@ function _templateObject1() {
|
|
|
92
94
|
": var(--surface-negative);\n ",
|
|
93
95
|
": var(--surface-accent);\n\n ",
|
|
94
96
|
": var(--text-secondary);\n ",
|
|
97
|
+
": var(--text-secondary);\n ",
|
|
98
|
+
": var(--text-primary);\n ",
|
|
95
99
|
": var(--text-primary);\n ",
|
|
96
100
|
": var(--surface-transparent-secondary);\n ",
|
|
97
101
|
": var(--text-primary);\n ",
|
|
@@ -314,8 +318,8 @@ var config = {
|
|
|
314
318
|
},
|
|
315
319
|
variations: {
|
|
316
320
|
view: {
|
|
317
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipOpacityReadonly, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
318
|
-
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipOpacityReadonly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
|
|
321
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipOpacityReadonly, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
322
|
+
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorReadonly, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipOpacityReadonly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
|
|
319
323
|
},
|
|
320
324
|
size: {
|
|
321
325
|
s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.clearLabelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledcomponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight)
|
|
@@ -33,6 +33,7 @@ function _templateObject() {
|
|
|
33
33
|
": var(--surface-solid-card);\n ",
|
|
34
34
|
": var(--text-primary);\n ",
|
|
35
35
|
": var(--text-accent);\n ",
|
|
36
|
+
": var(--text-accent-hover);\n ",
|
|
36
37
|
": var(--text-accent);\n "
|
|
37
38
|
]);
|
|
38
39
|
_templateObject = function _templateObject() {
|
|
@@ -54,6 +55,7 @@ function _templateObject1() {
|
|
|
54
55
|
": var(--surface-solid-primary);\n ",
|
|
55
56
|
": var(--text-primary);\n ",
|
|
56
57
|
": var(--text-accent);\n ",
|
|
58
|
+
": var(--text-accent-hover);\n ",
|
|
57
59
|
": var(--text-accent);\n "
|
|
58
60
|
]);
|
|
59
61
|
_templateObject1 = function _templateObject() {
|
|
@@ -75,6 +77,7 @@ function _templateObject2() {
|
|
|
75
77
|
": var(--surface-accent);\n ",
|
|
76
78
|
": var(--on-dark-text-primary);\n\n ",
|
|
77
79
|
": var(--on-dark-text-primary);\n ",
|
|
80
|
+
": var(--on-dark-text-primary-hover);\n ",
|
|
78
81
|
": var(--on-dark-text-primary);\n "
|
|
79
82
|
]);
|
|
80
83
|
_templateObject2 = function _templateObject() {
|
|
@@ -154,9 +157,9 @@ var config = {
|
|
|
154
157
|
},
|
|
155
158
|
variations: {
|
|
156
159
|
view: {
|
|
157
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
|
|
158
|
-
secondary: (0, _emotion.css)(_templateObject1(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
|
|
159
|
-
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor)
|
|
160
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.closeIconColorHover, _emotion.chipTokens.leftContentColor),
|
|
161
|
+
secondary: (0, _emotion.css)(_templateObject1(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.closeIconColorHover, _emotion.chipTokens.leftContentColor),
|
|
162
|
+
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.closeIconColorHover, _emotion.chipTokens.leftContentColor)
|
|
160
163
|
},
|
|
161
164
|
size: {
|
|
162
165
|
s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.rightContentMarginLeft, _emotion.chipTokens.rightContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize),
|
|
@@ -48,6 +48,8 @@ function _templateObject() {
|
|
|
48
48
|
": var(--surface-negative);\n ",
|
|
49
49
|
": var(--text-tertiary);\n\n ",
|
|
50
50
|
": var(--text-secondary);\n ",
|
|
51
|
+
": var(--text-secondary-hover);\n ",
|
|
52
|
+
": var(--text-secondary);\n ",
|
|
51
53
|
": var(--text-primary);\n ",
|
|
52
54
|
": var(--surface-transparent-secondary);\n ",
|
|
53
55
|
": var(--text-primary);\n ",
|
|
@@ -104,6 +106,8 @@ function _templateObject1() {
|
|
|
104
106
|
": var(--surface-negative);\n ",
|
|
105
107
|
": var(--text-tertiary);\n\n ",
|
|
106
108
|
": var(--text-secondary);\n ",
|
|
109
|
+
": var(--text-secondary-hover);\n ",
|
|
110
|
+
": var(--text-secondary);\n ",
|
|
107
111
|
": var(--text-primary);\n ",
|
|
108
112
|
": var(--surface-transparent-secondary);\n ",
|
|
109
113
|
": var(--text-primary);\n ",
|
|
@@ -304,8 +308,8 @@ var config = {
|
|
|
304
308
|
},
|
|
305
309
|
variations: {
|
|
306
310
|
view: {
|
|
307
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.textFieldChipColor, _emotion.comboboxNewTokens.textFieldChipBackground, _emotion.comboboxNewTokens.textFieldChipColorHover, _emotion.comboboxNewTokens.textFieldChipBackgroundHover, _emotion.comboboxNewTokens.textFieldChipColorActive, _emotion.comboboxNewTokens.textFieldChipBackgroundActive, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnly, _emotion.comboboxNewTokens.textFieldChipColorReadOnly, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipColorReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipOpacityReadonly, _emotion.comboboxNewTokens.dropdownBorderColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.itemBackgroundHover, _emotion.comboboxNewTokens.dividerColor, _emotion.comboboxNewTokens.itemIconColor, _emotion.comboboxNewTokens.checkboxFillColor, _emotion.comboboxNewTokens.checkboxIconColor, _emotion.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _emotion.comboboxNewTokens.checkboxTriggerBorderColor),
|
|
308
|
-
negative: (0, _emotion.css)(_templateObject1(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.textFieldChipColor, _emotion.comboboxNewTokens.textFieldChipBackground, _emotion.comboboxNewTokens.textFieldChipColorHover, _emotion.comboboxNewTokens.textFieldChipBackgroundHover, _emotion.comboboxNewTokens.textFieldChipColorActive, _emotion.comboboxNewTokens.textFieldChipBackgroundActive, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnly, _emotion.comboboxNewTokens.textFieldChipColorReadOnly, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipColorReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipOpacityReadonly, _emotion.comboboxNewTokens.dropdownBorderColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.itemBackgroundHover, _emotion.comboboxNewTokens.dividerColor, _emotion.comboboxNewTokens.itemIconColor, _emotion.comboboxNewTokens.checkboxFillColor, _emotion.comboboxNewTokens.checkboxIconColor, _emotion.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _emotion.comboboxNewTokens.checkboxTriggerBorderColor)
|
|
311
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColorHover, _emotion.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _emotion.comboboxNewTokens.textFieldChipColor, _emotion.comboboxNewTokens.textFieldChipBackground, _emotion.comboboxNewTokens.textFieldChipColorHover, _emotion.comboboxNewTokens.textFieldChipBackgroundHover, _emotion.comboboxNewTokens.textFieldChipColorActive, _emotion.comboboxNewTokens.textFieldChipBackgroundActive, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnly, _emotion.comboboxNewTokens.textFieldChipColorReadOnly, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipColorReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipOpacityReadonly, _emotion.comboboxNewTokens.dropdownBorderColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.itemBackgroundHover, _emotion.comboboxNewTokens.dividerColor, _emotion.comboboxNewTokens.itemIconColor, _emotion.comboboxNewTokens.checkboxFillColor, _emotion.comboboxNewTokens.checkboxIconColor, _emotion.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _emotion.comboboxNewTokens.checkboxTriggerBorderColor),
|
|
312
|
+
negative: (0, _emotion.css)(_templateObject1(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColorHover, _emotion.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _emotion.comboboxNewTokens.textFieldChipColor, _emotion.comboboxNewTokens.textFieldChipBackground, _emotion.comboboxNewTokens.textFieldChipColorHover, _emotion.comboboxNewTokens.textFieldChipBackgroundHover, _emotion.comboboxNewTokens.textFieldChipColorActive, _emotion.comboboxNewTokens.textFieldChipBackgroundActive, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnly, _emotion.comboboxNewTokens.textFieldChipColorReadOnly, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipColorReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipOpacityReadonly, _emotion.comboboxNewTokens.dropdownBorderColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.itemBackgroundHover, _emotion.comboboxNewTokens.dividerColor, _emotion.comboboxNewTokens.itemIconColor, _emotion.comboboxNewTokens.checkboxFillColor, _emotion.comboboxNewTokens.checkboxIconColor, _emotion.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _emotion.comboboxNewTokens.checkboxTriggerBorderColor)
|
|
309
313
|
},
|
|
310
314
|
size: {
|
|
311
315
|
s: (0, _emotion.css)(_templateObject2(), _emotion.comboboxNewTokens.textFieldHeight, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldPaddingWithChips, _emotion.comboboxNewTokens.textFieldBorderRadius, _emotion.comboboxNewTokens.textFieldBorderWidth, _emotion.comboboxNewTokens.textFieldLeftContentMargin, _emotion.comboboxNewTokens.textFieldRightContentMargin, _emotion.comboboxNewTokens.textFieldTextBeforeMargin, _emotion.comboboxNewTokens.textFieldTextAfterMargin, _emotion.comboboxNewTokens.textFieldFontFamily, _emotion.comboboxNewTokens.textFieldFontSize, _emotion.comboboxNewTokens.textFieldFontStyle, _emotion.comboboxNewTokens.textFieldFontWeight, _emotion.comboboxNewTokens.textFieldLetterSpacing, _emotion.comboboxNewTokens.textFieldLineHeight, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLabelFontFamily, _emotion.comboboxNewTokens.textFieldLabelFontSize, _emotion.comboboxNewTokens.textFieldLabelFontStyle, _emotion.comboboxNewTokens.textFieldLabelFontWeight, _emotion.comboboxNewTokens.textFieldLabelLetterSpacing, _emotion.comboboxNewTokens.textFieldLabelLineHeight, _emotion.comboboxNewTokens.textFieldLeftHelperOffset, _emotion.comboboxNewTokens.textFieldLeftHelperFontFamily, _emotion.comboboxNewTokens.textFieldLeftHelperFontSize, _emotion.comboboxNewTokens.textFieldLeftHelperFontStyle, _emotion.comboboxNewTokens.textFieldLeftHelperFontWeight, _emotion.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _emotion.comboboxNewTokens.textFieldLeftHelperLineHeight, _emotion.comboboxNewTokens.textFieldLabelInnerPadding, _emotion.comboboxNewTokens.textFieldContentLabelInnerPadding, _emotion.comboboxNewTokens.textFieldIndicatorSizeInner, _emotion.comboboxNewTokens.textFieldIndicatorSizeOuter, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _emotion.comboboxNewTokens.textFieldChipGap, _emotion.comboboxNewTokens.textFieldChipBorderRadius, _emotion.comboboxNewTokens.textFieldChipWidth, _emotion.comboboxNewTokens.textFieldChipHeight, _emotion.comboboxNewTokens.textFieldChipPadding, _emotion.comboboxNewTokens.textFieldChipClearContentMarginLeft, _emotion.comboboxNewTokens.textFieldChipClearContentMarginRight, _emotion.comboboxNewTokens.textFieldChipCloseIconSize, _emotion.comboboxNewTokens.textFieldChipFontFamily, _emotion.comboboxNewTokens.textFieldChipFontSize, _emotion.comboboxNewTokens.textFieldChipFontStyle, _emotion.comboboxNewTokens.textFieldChipFontWeight, _emotion.comboboxNewTokens.textFieldChipLetterSpacing, _emotion.comboboxNewTokens.textFieldChipLineHeight, _emotion.comboboxNewTokens.emptyStatePadding, _emotion.comboboxNewTokens.padding, _emotion.comboboxNewTokens.borderRadius, _emotion.comboboxNewTokens.itemHeight, _emotion.comboboxNewTokens.itemPadding, _emotion.comboboxNewTokens.itemPaddingTight, _emotion.comboboxNewTokens.itemBorderRadius, _emotion.comboboxNewTokens.itemIconSize, _emotion.comboboxNewTokens.itemIconSizeTight, _emotion.comboboxNewTokens.itemIconMargin, _emotion.comboboxNewTokens.fontFamily, _emotion.comboboxNewTokens.fontSize, _emotion.comboboxNewTokens.fontStyle, _emotion.comboboxNewTokens.fontWeight, _emotion.comboboxNewTokens.fontLetterSpacing, _emotion.comboboxNewTokens.fontLineHeight, _emotion.comboboxNewTokens.cellPadding, _emotion.comboboxNewTokens.cellPaddingLeftContent, _emotion.comboboxNewTokens.cellPaddingContent, _emotion.comboboxNewTokens.cellPaddingRightContent, _emotion.comboboxNewTokens.cellTextboxGap, _emotion.comboboxNewTokens.cellGap, _emotion.comboboxNewTokens.cellTitleFontFamily, _emotion.comboboxNewTokens.cellTitleFontSize, _emotion.comboboxNewTokens.cellTitleFontStyle, _emotion.comboboxNewTokens.cellTitleFontWeight, _emotion.comboboxNewTokens.cellTitleLetterSpacing, _emotion.comboboxNewTokens.cellTitleLineHeight, _emotion.comboboxNewTokens.checkboxTriggerSize, _emotion.comboboxNewTokens.checkboxTriggerSizeTight, _emotion.comboboxNewTokens.checkboxTriggerBorderRadius, _emotion.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _emotion.comboboxNewTokens.checkboxTriggerBorderWidth, _emotion.comboboxNewTokens.indicatorSize, _emotion.comboboxNewTokens.dropdownBorderWidth, _emotion.comboboxNewTokens.dividerMarginTop, _emotion.comboboxNewTokens.dividerMarginRight, _emotion.comboboxNewTokens.dividerMarginBottom, _emotion.comboboxNewTokens.dividerMarginLeft, _emotion.comboboxNewTokens.dividerMarginTopTight, _emotion.comboboxNewTokens.dividerMarginBottomTight)
|
|
@@ -242,6 +242,7 @@ function _templateObject5() {
|
|
|
242
242
|
": var(--inverse-text-primary);\n ",
|
|
243
243
|
": var(--surface-solid-default);\n ",
|
|
244
244
|
": var(--surface-solid-default-hover);\n ",
|
|
245
|
+
": var(--inverse-text-secondary);\n ",
|
|
245
246
|
": var(--inverse-text-primary);\n ",
|
|
246
247
|
": 1;\n "
|
|
247
248
|
]);
|
|
@@ -303,7 +304,7 @@ var config = {
|
|
|
303
304
|
outer: (0, _emotion.css)(_templateObject4())
|
|
304
305
|
},
|
|
305
306
|
chipView: {
|
|
306
|
-
default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipOpacityReadonly)
|
|
307
|
+
default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipCloseIconColorHover, _emotion.selectTokens.textFieldChipOpacityReadonly)
|
|
307
308
|
},
|
|
308
309
|
disabled: {
|
|
309
310
|
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)
|
|
@@ -47,6 +47,8 @@ function _templateObject() {
|
|
|
47
47
|
": var(--text-secondary);\n ",
|
|
48
48
|
": var(--surface-accent);\n\n ",
|
|
49
49
|
": var(--text-secondary);\n ",
|
|
50
|
+
": var(--text-secondary);\n ",
|
|
51
|
+
": var(--text-primary);\n ",
|
|
50
52
|
": var(--text-primary);\n ",
|
|
51
53
|
": var(--surface-transparent-secondary);\n ",
|
|
52
54
|
": var(--text-primary-hover);\n ",
|
|
@@ -92,6 +94,8 @@ function _templateObject1() {
|
|
|
92
94
|
": var(--surface-negative);\n ",
|
|
93
95
|
": var(--surface-accent);\n\n ",
|
|
94
96
|
": var(--text-secondary);\n ",
|
|
97
|
+
": var(--text-secondary);\n ",
|
|
98
|
+
": var(--text-primary);\n ",
|
|
95
99
|
": var(--text-primary);\n ",
|
|
96
100
|
": var(--surface-transparent-secondary);\n ",
|
|
97
101
|
": var(--text-primary);\n ",
|
|
@@ -314,8 +318,8 @@ var config = {
|
|
|
314
318
|
},
|
|
315
319
|
variations: {
|
|
316
320
|
view: {
|
|
317
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
|
|
318
|
-
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor)
|
|
321
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
|
|
322
|
+
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor)
|
|
319
323
|
},
|
|
320
324
|
size: {
|
|
321
325
|
s: (0, _emotion.css)(_templateObject2(), _emotion.textFieldTokens.height, _emotion.textFieldTokens.padding, _emotion.textFieldTokens.paddingWithChips, _emotion.textFieldTokens.borderRadius, _emotion.textFieldTokens.borderWidth, _emotion.textFieldTokens.leftContentMargin, _emotion.textFieldTokens.rightContentMargin, _emotion.textFieldTokens.textBeforeMargin, _emotion.textFieldTokens.textAfterMargin, _emotion.textFieldTokens.fontFamily, _emotion.textFieldTokens.fontSize, _emotion.textFieldTokens.fontStyle, _emotion.textFieldTokens.fontWeight, _emotion.textFieldTokens.letterSpacing, _emotion.textFieldTokens.lineHeight, _emotion.textFieldTokens.labelOffset, _emotion.textFieldTokens.clearLabelOffset, _emotion.textFieldTokens.labelFontFamily, _emotion.textFieldTokens.labelFontSize, _emotion.textFieldTokens.labelFontStyle, _emotion.textFieldTokens.labelFontWeight, _emotion.textFieldTokens.labelLetterSpacing, _emotion.textFieldTokens.labelLineHeight, _emotion.textFieldTokens.hintMargin, _emotion.textFieldTokens.hintTargetSize, _emotion.textFieldTokens.hintInnerLabelPlacementOffset, _emotion.textFieldTokens.clearHintInnerLabelPlacementOffset, _emotion.textFieldTokens.titleCaptionInnerLabelOffset, _emotion.textFieldTokens.titleCaptionFontFamily, _emotion.textFieldTokens.titleCaptionFontSize, _emotion.textFieldTokens.titleCaptionFontStyle, _emotion.textFieldTokens.titleCaptionFontWeight, _emotion.textFieldTokens.titleCaptionLetterSpacing, _emotion.textFieldTokens.titleCaptionLineHeight, _emotion.textFieldTokens.leftHelperOffset, _emotion.textFieldTokens.leftHelperFontFamily, _emotion.textFieldTokens.leftHelperFontSize, _emotion.textFieldTokens.leftHelperFontStyle, _emotion.textFieldTokens.leftHelperFontWeight, _emotion.textFieldTokens.leftHelperLetterSpacing, _emotion.textFieldTokens.leftHelperLineHeight, _emotion.textFieldTokens.labelInnerPadding, _emotion.textFieldTokens.contentLabelInnerPadding, _emotion.textFieldTokens.chipGap, _emotion.textFieldTokens.chipBorderRadius, _emotion.textFieldTokens.chipWidth, _emotion.textFieldTokens.chipHeight, _emotion.textFieldTokens.chipPadding, _emotion.textFieldTokens.chipClearContentMarginLeft, _emotion.textFieldTokens.chipClearContentMarginRight, _emotion.textFieldTokens.chipCloseIconSize, _emotion.textFieldTokens.chipFontFamily, _emotion.textFieldTokens.chipFontSize, _emotion.textFieldTokens.chipFontStyle, _emotion.textFieldTokens.chipFontWeight, _emotion.textFieldTokens.chipLetterSpacing, _emotion.textFieldTokens.chipLineHeight, _emotion.textFieldTokens.indicatorSizeInner, _emotion.textFieldTokens.indicatorSizeOuter, _emotion.textFieldTokens.indicatorLabelPlacementInner, _emotion.textFieldTokens.indicatorLabelPlacementOuter, _emotion.textFieldTokens.indicatorLabelPlacementInnerRight, _emotion.textFieldTokens.indicatorLabelPlacementOuterRight, _emotion.textFieldTokens.clearIndicatorLabelPlacementInner, _emotion.textFieldTokens.clearIndicatorLabelPlacementInnerRight)
|
|
@@ -22,6 +22,7 @@ function _templateObject() {
|
|
|
22
22
|
": var(--surface-solid-card);\n ",
|
|
23
23
|
": var(--text-primary);\n ",
|
|
24
24
|
": var(--text-accent);\n ",
|
|
25
|
+
": var(--text-accent-hover);\n ",
|
|
25
26
|
": var(--text-accent);\n "
|
|
26
27
|
]);
|
|
27
28
|
_templateObject = function _templateObject() {
|
|
@@ -43,6 +44,7 @@ function _templateObject1() {
|
|
|
43
44
|
": var(--surface-solid-primary);\n ",
|
|
44
45
|
": var(--text-primary);\n ",
|
|
45
46
|
": var(--text-accent);\n ",
|
|
47
|
+
": var(--text-accent-hover);\n ",
|
|
46
48
|
": var(--text-accent);\n "
|
|
47
49
|
]);
|
|
48
50
|
_templateObject1 = function _templateObject() {
|
|
@@ -64,6 +66,7 @@ function _templateObject2() {
|
|
|
64
66
|
": var(--surface-accent);\n ",
|
|
65
67
|
": var(--on-dark-text-primary);\n\n ",
|
|
66
68
|
": var(--on-dark-text-primary);\n ",
|
|
69
|
+
": var(--on-dark-text-primary-hover);\n ",
|
|
67
70
|
": var(--on-dark-text-primary);\n "
|
|
68
71
|
]);
|
|
69
72
|
_templateObject2 = function _templateObject() {
|
|
@@ -144,9 +147,9 @@ export var config = {
|
|
|
144
147
|
},
|
|
145
148
|
variations: {
|
|
146
149
|
view: {
|
|
147
|
-
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
148
|
-
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
149
|
-
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
|
|
150
|
+
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
|
|
151
|
+
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
|
|
152
|
+
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor)
|
|
150
153
|
},
|
|
151
154
|
size: {
|
|
152
155
|
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
|
@@ -37,6 +37,8 @@ function _templateObject() {
|
|
|
37
37
|
": var(--surface-negative);\n ",
|
|
38
38
|
": var(--text-tertiary);\n\n ",
|
|
39
39
|
": var(--text-secondary);\n ",
|
|
40
|
+
": var(--text-secondary-hover);\n ",
|
|
41
|
+
": var(--text-secondary);\n ",
|
|
40
42
|
": var(--text-primary);\n ",
|
|
41
43
|
": var(--surface-transparent-secondary);\n ",
|
|
42
44
|
": var(--text-primary);\n ",
|
|
@@ -93,6 +95,8 @@ function _templateObject1() {
|
|
|
93
95
|
": var(--surface-negative);\n ",
|
|
94
96
|
": var(--text-tertiary);\n\n ",
|
|
95
97
|
": var(--text-secondary);\n ",
|
|
98
|
+
": var(--text-secondary-hover);\n ",
|
|
99
|
+
": var(--text-secondary);\n ",
|
|
96
100
|
": var(--text-primary);\n ",
|
|
97
101
|
": var(--surface-transparent-secondary);\n ",
|
|
98
102
|
": var(--text-primary);\n ",
|
|
@@ -294,8 +298,8 @@ export var config = {
|
|
|
294
298
|
},
|
|
295
299
|
variations: {
|
|
296
300
|
view: {
|
|
297
|
-
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
298
|
-
negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
301
|
+
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
302
|
+
negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
299
303
|
},
|
|
300
304
|
size: {
|
|
301
305
|
s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
@@ -231,6 +231,7 @@ function _templateObject5() {
|
|
|
231
231
|
": var(--inverse-text-primary);\n ",
|
|
232
232
|
": var(--surface-solid-default);\n ",
|
|
233
233
|
": var(--surface-solid-default-hover);\n ",
|
|
234
|
+
": var(--inverse-text-secondary);\n ",
|
|
234
235
|
": var(--inverse-text-primary);\n ",
|
|
235
236
|
": 1;\n "
|
|
236
237
|
]);
|
|
@@ -293,7 +294,7 @@ export var config = {
|
|
|
293
294
|
outer: css(_templateObject4())
|
|
294
295
|
},
|
|
295
296
|
chipView: {
|
|
296
|
-
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipOpacityReadonly)
|
|
297
|
+
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
|
|
297
298
|
},
|
|
298
299
|
disabled: {
|
|
299
300
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
@@ -36,6 +36,8 @@ function _templateObject() {
|
|
|
36
36
|
": var(--text-secondary);\n ",
|
|
37
37
|
": var(--surface-accent);\n\n ",
|
|
38
38
|
": var(--text-secondary);\n ",
|
|
39
|
+
": var(--text-secondary);\n ",
|
|
40
|
+
": var(--text-primary);\n ",
|
|
39
41
|
": var(--text-primary);\n ",
|
|
40
42
|
": var(--surface-transparent-secondary);\n ",
|
|
41
43
|
": var(--text-primary-hover);\n ",
|
|
@@ -81,6 +83,8 @@ function _templateObject1() {
|
|
|
81
83
|
": var(--surface-negative);\n ",
|
|
82
84
|
": var(--surface-accent);\n\n ",
|
|
83
85
|
": var(--text-secondary);\n ",
|
|
86
|
+
": var(--text-secondary);\n ",
|
|
87
|
+
": var(--text-primary);\n ",
|
|
84
88
|
": var(--text-primary);\n ",
|
|
85
89
|
": var(--surface-transparent-secondary);\n ",
|
|
86
90
|
": var(--text-primary);\n ",
|
|
@@ -304,8 +308,8 @@ export var config = {
|
|
|
304
308
|
},
|
|
305
309
|
variations: {
|
|
306
310
|
view: {
|
|
307
|
-
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
308
|
-
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
311
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
312
|
+
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
309
313
|
},
|
|
310
314
|
size: {
|
|
311
315
|
s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight)
|
|
@@ -22,6 +22,7 @@ function _templateObject() {
|
|
|
22
22
|
": var(--surface-solid-card);\n ",
|
|
23
23
|
": var(--text-primary);\n ",
|
|
24
24
|
": var(--text-accent);\n ",
|
|
25
|
+
": var(--text-accent-hover);\n ",
|
|
25
26
|
": var(--text-accent);\n "
|
|
26
27
|
]);
|
|
27
28
|
_templateObject = function _templateObject() {
|
|
@@ -43,6 +44,7 @@ function _templateObject1() {
|
|
|
43
44
|
": var(--surface-solid-primary);\n ",
|
|
44
45
|
": var(--text-primary);\n ",
|
|
45
46
|
": var(--text-accent);\n ",
|
|
47
|
+
": var(--text-accent-hover);\n ",
|
|
46
48
|
": var(--text-accent);\n "
|
|
47
49
|
]);
|
|
48
50
|
_templateObject1 = function _templateObject() {
|
|
@@ -64,6 +66,7 @@ function _templateObject2() {
|
|
|
64
66
|
": var(--surface-accent);\n ",
|
|
65
67
|
": var(--on-dark-text-primary);\n\n ",
|
|
66
68
|
": var(--on-dark-text-primary);\n ",
|
|
69
|
+
": var(--on-dark-text-primary-hover);\n ",
|
|
67
70
|
": var(--on-dark-text-primary);\n "
|
|
68
71
|
]);
|
|
69
72
|
_templateObject2 = function _templateObject() {
|
|
@@ -144,9 +147,9 @@ export var config = {
|
|
|
144
147
|
},
|
|
145
148
|
variations: {
|
|
146
149
|
view: {
|
|
147
|
-
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
148
|
-
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
149
|
-
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
|
|
150
|
+
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
|
|
151
|
+
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
|
|
152
|
+
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor)
|
|
150
153
|
},
|
|
151
154
|
size: {
|
|
152
155
|
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
|
@@ -37,6 +37,8 @@ function _templateObject() {
|
|
|
37
37
|
": var(--surface-negative);\n ",
|
|
38
38
|
": var(--text-tertiary);\n\n ",
|
|
39
39
|
": var(--text-secondary);\n ",
|
|
40
|
+
": var(--text-secondary-hover);\n ",
|
|
41
|
+
": var(--text-secondary);\n ",
|
|
40
42
|
": var(--text-primary);\n ",
|
|
41
43
|
": var(--surface-transparent-secondary);\n ",
|
|
42
44
|
": var(--text-primary);\n ",
|
|
@@ -93,6 +95,8 @@ function _templateObject1() {
|
|
|
93
95
|
": var(--surface-negative);\n ",
|
|
94
96
|
": var(--text-tertiary);\n\n ",
|
|
95
97
|
": var(--text-secondary);\n ",
|
|
98
|
+
": var(--text-secondary-hover);\n ",
|
|
99
|
+
": var(--text-secondary);\n ",
|
|
96
100
|
": var(--text-primary);\n ",
|
|
97
101
|
": var(--surface-transparent-secondary);\n ",
|
|
98
102
|
": var(--text-primary);\n ",
|
|
@@ -294,8 +298,8 @@ export var config = {
|
|
|
294
298
|
},
|
|
295
299
|
variations: {
|
|
296
300
|
view: {
|
|
297
|
-
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
298
|
-
negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
301
|
+
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
302
|
+
negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
299
303
|
},
|
|
300
304
|
size: {
|
|
301
305
|
s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
@@ -231,6 +231,7 @@ function _templateObject5() {
|
|
|
231
231
|
": var(--inverse-text-primary);\n ",
|
|
232
232
|
": var(--surface-solid-default);\n ",
|
|
233
233
|
": var(--surface-solid-default-hover);\n ",
|
|
234
|
+
": var(--inverse-text-secondary);\n ",
|
|
234
235
|
": var(--inverse-text-primary);\n ",
|
|
235
236
|
": 1;\n "
|
|
236
237
|
]);
|
|
@@ -293,7 +294,7 @@ export var config = {
|
|
|
293
294
|
outer: css(_templateObject4())
|
|
294
295
|
},
|
|
295
296
|
chipView: {
|
|
296
|
-
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipOpacityReadonly)
|
|
297
|
+
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
|
|
297
298
|
},
|
|
298
299
|
disabled: {
|
|
299
300
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
@@ -36,6 +36,8 @@ function _templateObject() {
|
|
|
36
36
|
": var(--text-secondary);\n ",
|
|
37
37
|
": var(--surface-accent);\n\n ",
|
|
38
38
|
": var(--text-secondary);\n ",
|
|
39
|
+
": var(--text-secondary);\n ",
|
|
40
|
+
": var(--text-primary);\n ",
|
|
39
41
|
": var(--text-primary);\n ",
|
|
40
42
|
": var(--surface-transparent-secondary);\n ",
|
|
41
43
|
": var(--text-primary-hover);\n ",
|
|
@@ -81,6 +83,8 @@ function _templateObject1() {
|
|
|
81
83
|
": var(--surface-negative);\n ",
|
|
82
84
|
": var(--surface-accent);\n\n ",
|
|
83
85
|
": var(--text-secondary);\n ",
|
|
86
|
+
": var(--text-secondary);\n ",
|
|
87
|
+
": var(--text-primary);\n ",
|
|
84
88
|
": var(--text-primary);\n ",
|
|
85
89
|
": var(--surface-transparent-secondary);\n ",
|
|
86
90
|
": var(--text-primary);\n ",
|
|
@@ -304,8 +308,8 @@ export var config = {
|
|
|
304
308
|
},
|
|
305
309
|
variations: {
|
|
306
310
|
view: {
|
|
307
|
-
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
308
|
-
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
311
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
312
|
+
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
309
313
|
},
|
|
310
314
|
size: {
|
|
311
315
|
s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.330.0-canary.
|
|
3
|
+
"version": "0.330.0-canary.2280.18409919038.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
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"directory": "packages/sdds-cs"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@salutejs/plasma-new-hope": "0.338.0-canary.
|
|
33
|
+
"@salutejs/plasma-new-hope": "0.338.0-canary.2280.18409919038.0",
|
|
34
34
|
"@salutejs/sdds-themes": "0.47.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"Anton Vinogradov"
|
|
124
124
|
],
|
|
125
125
|
"sideEffects": false,
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "c513ab146a150c8c0dae83fbb8005adbfb1a044d"
|
|
127
127
|
}
|