@salutejs/plasma-new-hope 0.330.0-canary.2009.16048670450.0 → 0.330.0-canary.2009.16162480074.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/NumberFormat/NumberFormat.js +44 -4
- package/cjs/components/NumberFormat/NumberFormat.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/components/TextField/TextField.js +32 -11
- package/cjs/components/TextField/TextField.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/NumberFormat/NumberFormat.js +88 -5
- 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/components/TextField/TextField.js +36 -14
- 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/NumberFormat/NumberFormat.js +90 -7
- 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/components/TextField/TextField.js +36 -14
- 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/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/NumberFormat/NumberFormat.js +47 -7
- package/es/components/NumberFormat/NumberFormat.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/components/TextField/TextField.js +32 -11
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +20 -20
- package/package.json +2 -2
- 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/NumberFormat/NumberFormat.js +88 -5
- 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/components/TextField/TextField.js +35 -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/NumberFormat/NumberFormat.js +90 -7
- 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/components/TextField/TextField.js +35 -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/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/NumberFormat/NumberFormat.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/components/TextField/TextField.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
|
]);
|
@@ -1,3 +1,11 @@
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
4
|
+
return arr2;
|
5
|
+
}
|
6
|
+
function _array_with_holes(arr) {
|
7
|
+
if (Array.isArray(arr)) return arr;
|
8
|
+
}
|
1
9
|
function _define_property(obj, key, value) {
|
2
10
|
if (key in obj) {
|
3
11
|
Object.defineProperty(obj, key, {
|
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
|
|
11
19
|
}
|
12
20
|
return obj;
|
13
21
|
}
|
22
|
+
function _iterable_to_array_limit(arr, i) {
|
23
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
24
|
+
if (_i == null) return;
|
25
|
+
var _arr = [];
|
26
|
+
var _n = true;
|
27
|
+
var _d = false;
|
28
|
+
var _s, _e;
|
29
|
+
try {
|
30
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
31
|
+
_arr.push(_s.value);
|
32
|
+
if (i && _arr.length === i) break;
|
33
|
+
}
|
34
|
+
} catch (err) {
|
35
|
+
_d = true;
|
36
|
+
_e = err;
|
37
|
+
} finally{
|
38
|
+
try {
|
39
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
40
|
+
} finally{
|
41
|
+
if (_d) throw _e;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
return _arr;
|
45
|
+
}
|
46
|
+
function _non_iterable_rest() {
|
47
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
48
|
+
}
|
14
49
|
function _object_spread(target) {
|
15
50
|
for(var i = 1; i < arguments.length; i++){
|
16
51
|
var source = arguments[i] != null ? arguments[i] : {};
|
@@ -53,30 +88,78 @@ function _object_without_properties_loose(source, excluded) {
|
|
53
88
|
}
|
54
89
|
return target;
|
55
90
|
}
|
56
|
-
|
57
|
-
|
91
|
+
function _sliced_to_array(arr, i) {
|
92
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
93
|
+
}
|
94
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
95
|
+
if (!o) return;
|
96
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
97
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
98
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
99
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
100
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
101
|
+
}
|
102
|
+
import React, { forwardRef, useRef, useState } from "react";
|
103
|
+
import { NumericFormat, numericFormatter } from "react-number-format";
|
104
|
+
import { useForkRef } from "@salutejs/plasma-core";
|
58
105
|
export var composeNumberFormat = function(InputComponent) {
|
59
106
|
return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
|
60
|
-
var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, onChange = _param.onChange, rest = _object_without_properties(_param, [
|
107
|
+
var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, disabled = _param.disabled, outerValue = _param.value, onChange = _param.onChange, onPaste = _param.onPaste, rest = _object_without_properties(_param, [
|
61
108
|
"thousandSeparator",
|
62
109
|
"decimalScale",
|
63
110
|
"decimalSeparator",
|
64
|
-
"
|
111
|
+
"disabled",
|
112
|
+
"value",
|
113
|
+
"onChange",
|
114
|
+
"onPaste"
|
65
115
|
]);
|
116
|
+
var inputRef = useRef(null);
|
117
|
+
var inputForkRef = useForkRef(inputRef, outerRef);
|
118
|
+
var _useState = _sliced_to_array(useState(''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
|
119
|
+
var value = numericFormatter(String(outerValue !== null && outerValue !== void 0 ? outerValue : innerValue), {
|
120
|
+
thousandSeparator: thousandSeparator,
|
121
|
+
decimalScale: decimalScale,
|
122
|
+
decimalSeparator: decimalSeparator
|
123
|
+
});
|
66
124
|
var handleChangeValue = function(values, sourceInfo) {
|
125
|
+
var changeEvent = sourceInfo.event;
|
126
|
+
setInnerValue(values.value);
|
67
127
|
if (onChange) {
|
68
|
-
var changeEvent = sourceInfo.event;
|
69
128
|
onChange(changeEvent, values);
|
70
129
|
}
|
71
130
|
};
|
131
|
+
var handlePaste = function(event) {
|
132
|
+
if (disabled) {
|
133
|
+
return;
|
134
|
+
}
|
135
|
+
if (decimalSeparator !== '.' && inputRef.current) {
|
136
|
+
if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {
|
137
|
+
event.preventDefault();
|
138
|
+
var pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);
|
139
|
+
var input = event.target;
|
140
|
+
var startPos = input.selectionStart || 0;
|
141
|
+
var newCursorPos = startPos + pastedValue.length;
|
142
|
+
setInnerValue(pastedValue);
|
143
|
+
setTimeout(function() {
|
144
|
+
var _inputRef_current;
|
145
|
+
(_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.setSelectionRange(newCursorPos, newCursorPos);
|
146
|
+
}, 10);
|
147
|
+
}
|
148
|
+
}
|
149
|
+
if (onPaste) {
|
150
|
+
onPaste(event);
|
151
|
+
}
|
152
|
+
};
|
72
153
|
return /*#__PURE__*/ React.createElement(NumericFormat, _object_spread({
|
154
|
+
value: value,
|
73
155
|
thousandSeparator: thousandSeparator,
|
74
156
|
decimalScale: decimalScale,
|
75
157
|
decimalSeparator: decimalSeparator,
|
76
158
|
customInput: InputComponent,
|
77
|
-
getInputRef:
|
159
|
+
getInputRef: inputForkRef,
|
78
160
|
_textEllipsisDisable: true,
|
79
|
-
onValueChange: handleChangeValue
|
161
|
+
onValueChange: handleChangeValue,
|
162
|
+
onPaste: handlePaste
|
80
163
|
}, rest));
|
81
164
|
});
|
82
165
|
};
|
@@ -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',
|