@salutejs/plasma-new-hope 0.328.0-dev.0 → 0.328.1-canary.2049.16048032172.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/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_80gotw.css → Item.styles_1q0u1o1.css} +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +10 -10
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/cjs/components/Select/Select.css +10 -10
- package/cjs/components/Select/Select.tokens.js +1 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +10 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_1qpfn0s.css → Item.styles_1dlmiti.css} +2 -2
- package/cjs/components/Select/ui/SelectAll/SelectAll.css +10 -10
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +10 -10
- package/cjs/components/Table/ui/Cell/Cell.css +10 -10
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/cjs/hooks/useUniqId.js +5 -0
- package/cjs/hooks/useUniqId.js.map +1 -1
- package/cjs/index.css +20 -20
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +26 -26
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/emotion/cjs/components/Select/Select.tokens.js +1 -0
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -22
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +26 -26
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/emotion/es/components/Select/Select.tokens.js +1 -0
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -22
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/hooks/useUniqId.js +4 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_80gotw.css → Item.styles_1q0u1o1.css} +2 -2
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +12 -12
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/es/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Pagination/Pagination.css +10 -10
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/es/components/Select/Select.css +10 -10
- package/es/components/Select/Select.tokens.js +1 -0
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +10 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/{Item.styles_1qpfn0s.css → Item.styles_1dlmiti.css} +2 -2
- package/es/components/Select/ui/SelectAll/SelectAll.css +10 -10
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +10 -10
- package/es/components/Table/ui/Cell/Cell.css +10 -10
- package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/es/hooks/useUniqId.js +5 -0
- package/es/hooks/useUniqId.js.map +1 -1
- package/es/index.css +20 -20
- package/package.json +4 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -15
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -0
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +13 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +74 -40
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +74 -40
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -15
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/styled-components/es/components/Select/Select.tokens.js +1 -0
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +13 -13
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +74 -40
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +74 -40
- package/styled-components/es/hooks/useUniqId.js +4 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +1 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/hooks/useUniqId.d.ts +4 -0
- package/types/hooks/useUniqId.d.ts.map +1 -1
@@ -53,8 +53,13 @@ var config = {
|
|
53
53
|
":0.4;",
|
54
54
|
":var(--text-primary);",
|
55
55
|
":var(--text-secondary);",
|
56
|
-
":var(--surface-transparent-tertiary);"
|
57
|
-
|
56
|
+
":var(--surface-transparent-tertiary);",
|
57
|
+
":var(--text-accent);",
|
58
|
+
":var(--text-accent);",
|
59
|
+
":var(--on-dark-text-primary);",
|
60
|
+
":transparent;",
|
61
|
+
":var(--text-secondary);"
|
62
|
+
], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.textFieldBorderColor, _.selectTokens.textFieldBorderColorFocus, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
58
63
|
positive: (0, _styledcomponents.css)([
|
59
64
|
"",
|
60
65
|
":var(--text-primary);",
|
@@ -89,8 +94,13 @@ var config = {
|
|
89
94
|
":0.4;",
|
90
95
|
":var(--text-primary);",
|
91
96
|
":var(--text-secondary);",
|
92
|
-
":var(--surface-transparent-tertiary);"
|
93
|
-
|
97
|
+
":var(--surface-transparent-tertiary);",
|
98
|
+
":var(--text-accent);",
|
99
|
+
":var(--text-accent);",
|
100
|
+
":var(--on-dark-text-primary);",
|
101
|
+
":transparent;",
|
102
|
+
":var(--text-secondary);"
|
103
|
+
], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.textFieldBorderColor, _.selectTokens.textFieldBorderColorFocus, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
94
104
|
warning: (0, _styledcomponents.css)([
|
95
105
|
"",
|
96
106
|
":var(--text-primary);",
|
@@ -125,8 +135,13 @@ var config = {
|
|
125
135
|
":0.4;",
|
126
136
|
":var(--text-primary);",
|
127
137
|
":var(--text-secondary);",
|
128
|
-
":var(--surface-transparent-tertiary);"
|
129
|
-
|
138
|
+
":var(--surface-transparent-tertiary);",
|
139
|
+
":var(--text-accent);",
|
140
|
+
":var(--text-accent);",
|
141
|
+
":var(--on-dark-text-primary);",
|
142
|
+
":transparent;",
|
143
|
+
":var(--text-secondary);"
|
144
|
+
], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.textFieldBorderColor, _.selectTokens.textFieldBorderColorFocus, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
130
145
|
negative: (0, _styledcomponents.css)([
|
131
146
|
"",
|
132
147
|
":var(--text-primary);",
|
@@ -161,8 +176,13 @@ var config = {
|
|
161
176
|
":0.4;",
|
162
177
|
":var(--text-primary);",
|
163
178
|
":var(--text-secondary);",
|
164
|
-
":var(--surface-transparent-tertiary);"
|
165
|
-
|
179
|
+
":var(--surface-transparent-tertiary);",
|
180
|
+
":var(--text-accent);",
|
181
|
+
":var(--text-accent);",
|
182
|
+
":var(--on-dark-text-primary);",
|
183
|
+
":transparent;",
|
184
|
+
":var(--text-secondary);"
|
185
|
+
], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.textFieldBorderColor, _.selectTokens.textFieldBorderColorFocus, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
166
186
|
accent: (0, _styledcomponents.css)([
|
167
187
|
"",
|
168
188
|
":var(--on-dark-text-primary);",
|
@@ -179,8 +199,13 @@ var config = {
|
|
179
199
|
":var(--surface-transparent-secondary);",
|
180
200
|
":0.4;",
|
181
201
|
":var(--text-primary);",
|
182
|
-
":var(--surface-transparent-tertiary);"
|
183
|
-
|
202
|
+
":var(--surface-transparent-tertiary);",
|
203
|
+
":var(--text-accent);",
|
204
|
+
":var(--text-accent);",
|
205
|
+
":var(--on-dark-text-primary);",
|
206
|
+
":transparent;",
|
207
|
+
":var(--text-secondary);"
|
208
|
+
], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
184
209
|
secondary: (0, _styledcomponents.css)([
|
185
210
|
"",
|
186
211
|
":var(--text-primary);",
|
@@ -197,8 +222,13 @@ var config = {
|
|
197
222
|
":var(--surface-transparent-secondary);",
|
198
223
|
":0.4;",
|
199
224
|
":var(--text-primary);",
|
200
|
-
":var(--surface-transparent-tertiary);"
|
201
|
-
|
225
|
+
":var(--surface-transparent-tertiary);",
|
226
|
+
":var(--text-accent);",
|
227
|
+
":var(--text-accent);",
|
228
|
+
":var(--on-dark-text-primary);",
|
229
|
+
":transparent;",
|
230
|
+
":var(--text-secondary);"
|
231
|
+
], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
202
232
|
clear: (0, _styledcomponents.css)([
|
203
233
|
"",
|
204
234
|
":var(--text-primary);",
|
@@ -215,8 +245,13 @@ var config = {
|
|
215
245
|
":var(--surface-transparent-secondary);",
|
216
246
|
":0.4;",
|
217
247
|
":var(--text-primary);",
|
218
|
-
":var(--surface-transparent-tertiary);"
|
219
|
-
|
248
|
+
":var(--surface-transparent-tertiary);",
|
249
|
+
":var(--text-accent);",
|
250
|
+
":var(--text-accent);",
|
251
|
+
":var(--on-dark-text-primary);",
|
252
|
+
":transparent;",
|
253
|
+
":var(--text-secondary);"
|
254
|
+
], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
220
255
|
dark: (0, _styledcomponents.css)([
|
221
256
|
"",
|
222
257
|
":var(--on-dark-text-primary);",
|
@@ -233,8 +268,13 @@ var config = {
|
|
233
268
|
":var(--surface-transparent-secondary);",
|
234
269
|
":0.4;",
|
235
270
|
":var(--text-primary);",
|
236
|
-
":var(--surface-transparent-tertiary);"
|
237
|
-
|
271
|
+
":var(--surface-transparent-tertiary);",
|
272
|
+
":var(--text-accent);",
|
273
|
+
":var(--text-accent);",
|
274
|
+
":var(--on-dark-text-primary);",
|
275
|
+
":transparent;",
|
276
|
+
":var(--text-secondary);"
|
277
|
+
], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
238
278
|
black: (0, _styledcomponents.css)([
|
239
279
|
"",
|
240
280
|
":var(--on-dark-text-primary);",
|
@@ -251,8 +291,13 @@ var config = {
|
|
251
291
|
":var(--surface-transparent-secondary);",
|
252
292
|
":0.4;",
|
253
293
|
":var(--text-primary);",
|
254
|
-
":var(--surface-transparent-tertiary);"
|
255
|
-
|
294
|
+
":var(--surface-transparent-tertiary);",
|
295
|
+
":var(--text-accent);",
|
296
|
+
":var(--text-accent);",
|
297
|
+
":var(--on-dark-text-primary);",
|
298
|
+
":transparent;",
|
299
|
+
":var(--text-secondary);"
|
300
|
+
], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor),
|
256
301
|
white: (0, _styledcomponents.css)([
|
257
302
|
"",
|
258
303
|
":var(--on-light-text-primary);",
|
@@ -269,8 +314,13 @@ var config = {
|
|
269
314
|
":var(--text-secondary-hover);",
|
270
315
|
":0.4;",
|
271
316
|
":var(--text-primary);",
|
272
|
-
":var(--surface-transparent-tertiary);"
|
273
|
-
|
317
|
+
":var(--surface-transparent-tertiary);",
|
318
|
+
":var(--text-accent);",
|
319
|
+
":var(--text-accent);",
|
320
|
+
":var(--on-dark-text-primary);",
|
321
|
+
":transparent;",
|
322
|
+
":var(--text-secondary);"
|
323
|
+
], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.dividerColor, _.selectTokens.itemIconColor, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderColor)
|
274
324
|
},
|
275
325
|
size: {
|
276
326
|
l: (0, _styledcomponents.css)([
|
@@ -370,11 +420,7 @@ var config = {
|
|
370
420
|
":1.25rem;",
|
371
421
|
":0.375rem;",
|
372
422
|
":0.375rem;",
|
373
|
-
":var(--text-accent);",
|
374
|
-
":var(--on-dark-text-primary);",
|
375
|
-
":transparent;",
|
376
423
|
":0.125rem;",
|
377
|
-
":var(--text-secondary);",
|
378
424
|
":0.375rem;",
|
379
425
|
":0.5rem;",
|
380
426
|
":1rem;",
|
@@ -382,7 +428,7 @@ var config = {
|
|
382
428
|
":1rem;",
|
383
429
|
":0.375rem;",
|
384
430
|
":0.375rem;"
|
385
|
-
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.
|
431
|
+
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight),
|
386
432
|
m: (0, _styledcomponents.css)([
|
387
433
|
"",
|
388
434
|
":3rem;",
|
@@ -480,11 +526,7 @@ var config = {
|
|
480
526
|
":1.25rem;",
|
481
527
|
":0.375rem;",
|
482
528
|
":0.375rem;",
|
483
|
-
":var(--text-accent);",
|
484
|
-
":var(--on-dark-text-primary);",
|
485
|
-
":transparent;",
|
486
529
|
":0.125rem;",
|
487
|
-
":var(--text-secondary);",
|
488
530
|
":0.375rem;",
|
489
531
|
":0.375rem;",
|
490
532
|
":0.875rem;",
|
@@ -492,7 +534,7 @@ var config = {
|
|
492
534
|
":0.875rem;",
|
493
535
|
":0.375rem;",
|
494
536
|
":0.375rem;"
|
495
|
-
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.
|
537
|
+
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight),
|
496
538
|
s: (0, _styledcomponents.css)([
|
497
539
|
"",
|
498
540
|
":2.5rem;",
|
@@ -590,11 +632,7 @@ var config = {
|
|
590
632
|
":0.875rem;",
|
591
633
|
":0.375rem;",
|
592
634
|
":0.25rem;",
|
593
|
-
":var(--text-accent);",
|
594
|
-
":var(--on-dark-text-primary);",
|
595
|
-
":transparent;",
|
596
635
|
":0.125rem;",
|
597
|
-
":var(--text-secondary);",
|
598
636
|
":0.375rem;",
|
599
637
|
":0.375rem;",
|
600
638
|
":0.75rem;",
|
@@ -602,7 +640,7 @@ var config = {
|
|
602
640
|
":0.75rem;",
|
603
641
|
":0.25rem;",
|
604
642
|
":0.25rem;"
|
605
|
-
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.
|
643
|
+
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight),
|
606
644
|
xs: (0, _styledcomponents.css)([
|
607
645
|
"",
|
608
646
|
":2rem;",
|
@@ -700,11 +738,7 @@ var config = {
|
|
700
738
|
":0.875rem;",
|
701
739
|
":0.25rem;",
|
702
740
|
":0.25rem;",
|
703
|
-
":var(--text-accent);",
|
704
|
-
":var(--on-dark-text-primary);",
|
705
|
-
":transparent;",
|
706
741
|
":0.125rem;",
|
707
|
-
":var(--text-secondary);",
|
708
742
|
":0.375rem;",
|
709
743
|
":0.25rem;",
|
710
744
|
":0.5rem;",
|
@@ -712,7 +746,7 @@ var config = {
|
|
712
746
|
":0.5rem;",
|
713
747
|
":0.125rem;",
|
714
748
|
":0.125rem;"
|
715
|
-
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.
|
749
|
+
], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldBorderWidth, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight)
|
716
750
|
},
|
717
751
|
labelPlacement: {
|
718
752
|
inner: (0, _styledcomponents.css)([
|
@@ -32,6 +32,7 @@ export var tokens = {
|
|
32
32
|
itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
|
33
33
|
itemIconMargin: '--plasma-combobox-item-icon-margin',
|
34
34
|
itemBackgroundHover: '--plasma-combobox-item-background-hover',
|
35
|
+
itemIconColor: '--plasma-combobox-item-icon-color',
|
35
36
|
cellPadding: '--plasma-combobox-cell-padding',
|
36
37
|
cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
|
37
38
|
cellPaddingContent: '--plasma-combobox-cell-padding-content',
|
package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js
CHANGED
@@ -12,7 +12,7 @@ var mergedCellConfig = mergeConfig(cellConfig);
|
|
12
12
|
var Cell = component(mergedCellConfig);
|
13
13
|
export var StyledWrapper = styled.div.withConfig({
|
14
14
|
displayName: "Item.styles__StyledWrapper",
|
15
|
-
componentId: "sc-
|
15
|
+
componentId: "sc-15bf1974-0"
|
16
16
|
})([
|
17
17
|
"",
|
18
18
|
":var(",
|
@@ -46,13 +46,13 @@ export var StyledWrapper = styled.div.withConfig({
|
|
46
46
|
], cellTokens.cellTitleColor, constants.cellTitleColor, cellTokens.cellBackgroundColor, constants.cellBackgroundColor, cellTokens.cellPadding, tokens.cellPadding, cellTokens.cellPaddingLeftContent, tokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, tokens.cellPaddingContent, cellTokens.cellPaddingRightContent, tokens.cellPaddingRightContent, cellTokens.cellTextboxGap, tokens.cellTextboxGap, cellTokens.cellGap, tokens.cellGap, cellTokens.cellTitleFontFamily, tokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, tokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, tokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, tokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, tokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, tokens.cellTitleLineHeight);
|
47
47
|
export var StyledCell = styled(Cell).withConfig({
|
48
48
|
displayName: "Item.styles__StyledCell",
|
49
|
-
componentId: "sc-
|
49
|
+
componentId: "sc-15bf1974-1"
|
50
50
|
})([
|
51
51
|
""
|
52
52
|
]);
|
53
53
|
export var StyledCheckbox = styled(Checkbox).withConfig({
|
54
54
|
displayName: "Item.styles__StyledCheckbox",
|
55
|
-
componentId: "sc-
|
55
|
+
componentId: "sc-15bf1974-2"
|
56
56
|
})([
|
57
57
|
"",
|
58
58
|
":var(",
|
@@ -74,14 +74,14 @@ var mergedIndicatorConfig = mergeConfig(indicatorConfig);
|
|
74
74
|
var Indicator = component(mergedIndicatorConfig);
|
75
75
|
export var StyledIndicator = styled(Indicator).withConfig({
|
76
76
|
displayName: "Item.styles__StyledIndicator",
|
77
|
-
componentId: "sc-
|
77
|
+
componentId: "sc-15bf1974-3"
|
78
78
|
})([
|
79
79
|
"",
|
80
80
|
":var(",
|
81
81
|
");",
|
82
82
|
":var(",
|
83
83
|
");"
|
84
|
-
], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.
|
84
|
+
], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.itemIconColor);
|
85
85
|
// TODO: Удалить после поддержки JS переменных в конфиге компонент
|
86
86
|
export var sizeMap = {
|
87
87
|
xs: '1rem',
|
@@ -89,7 +89,7 @@ export var sizeMap = {
|
|
89
89
|
};
|
90
90
|
export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
|
91
91
|
displayName: "Item.styles__StyledArrow",
|
92
|
-
componentId: "sc-
|
92
|
+
componentId: "sc-15bf1974-4"
|
93
93
|
})([
|
94
94
|
"width:",
|
95
95
|
";height:",
|
@@ -103,7 +103,7 @@ export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
|
|
103
103
|
});
|
104
104
|
export var StyledIconDone = styled(IconDone).withConfig({
|
105
105
|
displayName: "Item.styles__StyledIconDone",
|
106
|
-
componentId: "sc-
|
106
|
+
componentId: "sc-15bf1974-5"
|
107
107
|
})([
|
108
108
|
"width:",
|
109
109
|
";height:",
|
@@ -117,19 +117,19 @@ export var StyledIconDone = styled(IconDone).withConfig({
|
|
117
117
|
});
|
118
118
|
export var StyledContentLeft = styled.div.withConfig({
|
119
119
|
displayName: "Item.styles__StyledContentLeft",
|
120
|
-
componentId: "sc-
|
120
|
+
componentId: "sc-15bf1974-6"
|
121
121
|
})([
|
122
122
|
"display:inline-flex;"
|
123
123
|
]);
|
124
124
|
export var StyledContentRight = styled.div.withConfig({
|
125
125
|
displayName: "Item.styles__StyledContentRight",
|
126
|
-
componentId: "sc-
|
126
|
+
componentId: "sc-15bf1974-7"
|
127
127
|
})([
|
128
128
|
"margin-left:auto;display:inline-flex;"
|
129
129
|
]);
|
130
130
|
export var DisclosureIconWrapper = styled.div.withConfig({
|
131
131
|
displayName: "Item.styles__DisclosureIconWrapper",
|
132
|
-
componentId: "sc-
|
132
|
+
componentId: "sc-15bf1974-8"
|
133
133
|
})([
|
134
134
|
"line-height:0;margin:var(",
|
135
135
|
");color:var(",
|
@@ -138,7 +138,7 @@ export var DisclosureIconWrapper = styled.div.withConfig({
|
|
138
138
|
], tokens.disclosureIconMargin, tokens.disclosureIconColor, tokens.disclosureIconColorHover);
|
139
139
|
export var IconWrapper = styled.div.withConfig({
|
140
140
|
displayName: "Item.styles__IconWrapper",
|
141
|
-
componentId: "sc-
|
141
|
+
componentId: "sc-15bf1974-9"
|
142
142
|
})([
|
143
143
|
"display:flex;align-items:center;justify-content:center;flex:none;width:",
|
144
144
|
";height:",
|
@@ -151,17 +151,17 @@ export var IconWrapper = styled.div.withConfig({
|
|
151
151
|
}, function(param) {
|
152
152
|
var variant = param.variant;
|
153
153
|
return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
|
154
|
-
}, tokens.itemIconMargin, tokens.
|
154
|
+
}, tokens.itemIconMargin, tokens.itemIconColor);
|
155
155
|
export var StyledText = styled.div.withConfig({
|
156
156
|
displayName: "Item.styles__StyledText",
|
157
|
-
componentId: "sc-
|
157
|
+
componentId: "sc-15bf1974-10"
|
158
158
|
})([
|
159
159
|
"",
|
160
160
|
";flex:1;"
|
161
161
|
], applyEllipsis());
|
162
162
|
export var Wrapper = styled.li.withConfig({
|
163
163
|
displayName: "Item.styles__Wrapper",
|
164
|
-
componentId: "sc-
|
164
|
+
componentId: "sc-15bf1974-11"
|
165
165
|
})([
|
166
166
|
"display:flex;align-items:center;min-height:var(",
|
167
167
|
");margin:0;box-sizing:content-box;padding:",
|
@@ -195,7 +195,7 @@ export var Wrapper = styled.li.withConfig({
|
|
195
195
|
}));
|
196
196
|
export var StyledCheckboxWrapper = styled.span.withConfig({
|
197
197
|
displayName: "Item.styles__StyledCheckboxWrapper",
|
198
|
-
componentId: "sc-
|
198
|
+
componentId: "sc-15bf1974-12"
|
199
199
|
})([
|
200
200
|
""
|
201
201
|
]);
|
@@ -509,28 +509,36 @@ export var datePickerRangeRoot = function(Root) {
|
|
509
509
|
calendarSecondValue
|
510
510
|
]);
|
511
511
|
useLayoutEffect(function() {
|
512
|
-
|
512
|
+
if (!defaultFirstDate) {
|
513
|
+
updateExternalFirstDate(startExternalValue || undefined);
|
514
|
+
}
|
513
515
|
}, [
|
514
516
|
startExternalValue,
|
515
517
|
format,
|
516
518
|
lang
|
517
519
|
]);
|
518
520
|
useLayoutEffect(function() {
|
519
|
-
|
521
|
+
if (!defaultSecondDate) {
|
522
|
+
updateExternalSecondDate(endExternalValue || undefined);
|
523
|
+
}
|
520
524
|
}, [
|
521
525
|
endExternalValue,
|
522
526
|
format,
|
523
527
|
lang
|
524
528
|
]);
|
525
529
|
useLayoutEffect(function() {
|
526
|
-
|
530
|
+
if (!startExternalValue) {
|
531
|
+
updateExternalFirstDate(defaultFirstDate);
|
532
|
+
}
|
527
533
|
}, [
|
528
534
|
defaultFirstDate,
|
529
535
|
format,
|
530
536
|
lang
|
531
537
|
]);
|
532
538
|
useLayoutEffect(function() {
|
533
|
-
|
539
|
+
if (!endExternalValue) {
|
540
|
+
updateExternalSecondDate(defaultSecondDate);
|
541
|
+
}
|
534
542
|
}, [
|
535
543
|
defaultSecondDate,
|
536
544
|
format,
|
@@ -307,14 +307,18 @@ export var datePickerRoot = function(Root) {
|
|
307
307
|
opened
|
308
308
|
]);
|
309
309
|
useLayoutEffect(function() {
|
310
|
-
|
310
|
+
if (!defaultDate) {
|
311
|
+
updateExternalDate(value);
|
312
|
+
}
|
311
313
|
}, [
|
312
314
|
value,
|
313
315
|
format,
|
314
316
|
lang
|
315
317
|
]);
|
316
318
|
useLayoutEffect(function() {
|
317
|
-
|
319
|
+
if (!value) {
|
320
|
+
updateExternalDate(defaultDate);
|
321
|
+
}
|
318
322
|
}, [
|
319
323
|
defaultDate,
|
320
324
|
format,
|
@@ -32,6 +32,7 @@ export var tokens = {
|
|
32
32
|
itemBackgroundHover: '--plasma-select-item-background-hover',
|
33
33
|
itemDisabledOpacity: '--plasma-select-item-disabled-opacity',
|
34
34
|
itemDisabledColor: '--plasma-select-item-disabled-color',
|
35
|
+
itemIconColor: '--plasma-select-item-icon-color',
|
35
36
|
cellPadding: '--plasma-select-cell-padding',
|
36
37
|
cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
|
37
38
|
cellPaddingContent: '--plasma-select-cell-padding-content',
|