@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.
Files changed (107) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_80gotw.css → Item.styles_1q0u1o1.css} +2 -2
  8. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +12 -12
  9. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  10. package/cjs/components/NumberFormat/NumberFormat.js +44 -4
  11. package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
  12. package/cjs/components/Pagination/Pagination.css +10 -10
  13. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  14. package/cjs/components/Select/Select.css +10 -10
  15. package/cjs/components/Select/Select.tokens.js +1 -0
  16. package/cjs/components/Select/Select.tokens.js.map +1 -1
  17. package/cjs/components/Select/ui/Inner/Inner.css +10 -10
  18. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
  19. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  20. package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_1qpfn0s.css → Item.styles_1dlmiti.css} +2 -2
  21. package/cjs/components/Select/ui/SelectAll/SelectAll.css +10 -10
  22. package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
  23. package/cjs/components/Table/Table.css +10 -10
  24. package/cjs/components/Table/ui/Cell/Cell.css +10 -10
  25. package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
  26. package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
  27. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  28. package/cjs/components/TextField/TextField.js +32 -11
  29. package/cjs/components/TextField/TextField.js.map +1 -1
  30. package/cjs/index.css +20 -20
  31. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  32. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +26 -26
  33. package/emotion/cjs/components/NumberFormat/NumberFormat.js +88 -5
  34. package/emotion/cjs/components/Select/Select.tokens.js +1 -0
  35. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -22
  36. package/emotion/cjs/components/TextField/TextField.js +36 -14
  37. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  38. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  39. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  40. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  41. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  42. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +26 -26
  43. package/emotion/es/components/NumberFormat/NumberFormat.js +90 -7
  44. package/emotion/es/components/Select/Select.tokens.js +1 -0
  45. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -22
  46. package/emotion/es/components/TextField/TextField.js +36 -14
  47. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  48. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  49. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  50. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  51. package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
  52. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  53. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  54. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  55. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  56. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  57. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_80gotw.css → Item.styles_1q0u1o1.css} +2 -2
  58. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +12 -12
  59. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  60. package/es/components/NumberFormat/NumberFormat.js +47 -7
  61. package/es/components/NumberFormat/NumberFormat.js.map +1 -1
  62. package/es/components/Pagination/Pagination.css +10 -10
  63. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  64. package/es/components/Select/Select.css +10 -10
  65. package/es/components/Select/Select.tokens.js +1 -0
  66. package/es/components/Select/Select.tokens.js.map +1 -1
  67. package/es/components/Select/ui/Inner/Inner.css +10 -10
  68. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
  69. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  70. package/es/components/Select/ui/Inner/ui/Item/{Item.styles_1qpfn0s.css → Item.styles_1dlmiti.css} +2 -2
  71. package/es/components/Select/ui/SelectAll/SelectAll.css +10 -10
  72. package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
  73. package/es/components/Table/Table.css +10 -10
  74. package/es/components/Table/ui/Cell/Cell.css +10 -10
  75. package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
  76. package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
  77. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  78. package/es/components/TextField/TextField.js +32 -11
  79. package/es/components/TextField/TextField.js.map +1 -1
  80. package/es/index.css +20 -20
  81. package/package.json +2 -2
  82. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  83. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -15
  84. package/styled-components/cjs/components/NumberFormat/NumberFormat.js +88 -5
  85. package/styled-components/cjs/components/Select/Select.tokens.js +1 -0
  86. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +13 -13
  87. package/styled-components/cjs/components/TextField/TextField.js +35 -13
  88. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +32 -28
  89. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +74 -40
  90. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +32 -28
  91. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +74 -40
  92. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  93. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -15
  94. package/styled-components/es/components/NumberFormat/NumberFormat.js +90 -7
  95. package/styled-components/es/components/Select/Select.tokens.js +1 -0
  96. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +13 -13
  97. package/styled-components/es/components/TextField/TextField.js +35 -13
  98. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +32 -28
  99. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +74 -40
  100. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +32 -28
  101. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +74 -40
  102. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
  103. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  104. package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  105. package/types/components/Select/Select.tokens.d.ts +1 -0
  106. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  107. 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
- ], _.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),
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
- ], _.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),
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
- ], _.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),
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
- ], _.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),
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
- ], _.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),
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
- ], _.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),
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
- ], _.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),
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
- ], _.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),
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
- ], _.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),
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
- ], _.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)
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.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight),
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.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight),
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.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight),
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.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.dividerMarginTop, _.selectTokens.dividerMarginRight, _.selectTokens.dividerMarginBottom, _.selectTokens.dividerMarginLeft, _.selectTokens.dividerMarginTopTight, _.selectTokens.dividerMarginBottomTight)
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',
@@ -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-85d7faec-0"
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-85d7faec-1"
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-85d7faec-2"
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-85d7faec-3"
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.checkboxFillColor);
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-85d7faec-4"
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-85d7faec-5"
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-85d7faec-6"
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-85d7faec-7"
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-85d7faec-8"
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-85d7faec-9"
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.checkboxFillColor);
154
+ }, tokens.itemIconMargin, tokens.itemIconColor);
155
155
  export var StyledText = styled.div.withConfig({
156
156
  displayName: "Item.styles__StyledText",
157
- componentId: "sc-85d7faec-10"
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-85d7faec-11"
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-85d7faec-12"
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
- import React, { forwardRef } from "react";
57
- import { NumericFormat } from "react-number-format";
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
- "onChange"
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: outerRef,
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',