@salutejs/plasma-new-hope 0.194.1-canary.1569.11908076676.0 → 0.194.2-canary.1561.11922759758.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (225) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +18 -4
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  5. package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -4
  6. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -4
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -4
  8. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -4
  9. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -4
  10. package/cjs/components/Dropdown/Dropdown.css +5 -4
  11. package/cjs/components/Dropdown/Dropdown.js +4 -2
  12. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  13. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -4
  14. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
  15. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  16. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +7 -1
  17. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  18. package/cjs/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_1b439rx.css → DropdownItem.styles_14yih1y.css} +1 -0
  19. package/cjs/components/Pagination/Pagination.css +2 -2
  20. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  21. package/cjs/components/Select/Select.css +2 -2
  22. package/cjs/components/Select/Select.js +11 -5
  23. package/cjs/components/Select/Select.js.map +1 -1
  24. package/cjs/components/Select/Select.tokens.js +11 -1
  25. package/cjs/components/Select/Select.tokens.js.map +1 -1
  26. package/cjs/components/Select/ui/Inner/Inner.css +2 -2
  27. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  28. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  29. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  30. package/cjs/components/Select/ui/Target/Target.css +2 -2
  31. package/cjs/components/Select/ui/Target/Target.js +5 -4
  32. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  33. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  34. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +21 -5
  35. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  36. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -7
  37. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  38. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1b7iij0.css +3 -0
  39. package/cjs/components/Switch/Switch.css +1 -1
  40. package/cjs/components/Switch/Switch.tokens.js +1 -2
  41. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  42. package/cjs/components/Switch/_toggleSize/base.js +1 -1
  43. package/cjs/components/Switch/_toggleSize/base.js.map +1 -1
  44. package/cjs/components/Switch/_toggleSize/base_1d0b3t4.css +1 -0
  45. package/cjs/index.css +8 -7
  46. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -4
  47. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  48. package/emotion/cjs/components/Dropdown/Dropdown.js +4 -2
  49. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
  50. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -11
  51. package/emotion/cjs/components/Select/Select.js +11 -5
  52. package/emotion/cjs/components/Select/Select.tokens.js +11 -1
  53. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  54. package/emotion/cjs/components/Select/ui/Target/Target.js +5 -4
  55. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
  56. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
  57. package/emotion/cjs/components/Switch/Switch.tokens.js +1 -2
  58. package/emotion/cjs/components/Switch/_toggleSize/base.js +1 -1
  59. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -20
  60. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
  61. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +8 -8
  62. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.outline.config.js +8 -8
  63. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +20 -20
  64. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
  65. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +8 -8
  66. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.outline.config.js +8 -8
  67. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +22 -4
  68. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  69. package/emotion/es/components/Dropdown/Dropdown.js +4 -2
  70. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
  71. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -11
  72. package/emotion/es/components/Select/Select.js +11 -5
  73. package/emotion/es/components/Select/Select.tokens.js +11 -1
  74. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  75. package/emotion/es/components/Select/ui/Target/Target.js +5 -4
  76. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
  77. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
  78. package/emotion/es/components/Switch/Switch.tokens.js +1 -2
  79. package/emotion/es/components/Switch/_toggleSize/base.js +2 -2
  80. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +20 -20
  81. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
  82. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +8 -8
  83. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.outline.config.js +8 -8
  84. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +20 -20
  85. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
  86. package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +8 -8
  87. package/emotion/es/examples/plasma_web/components/Switch/Switch.outline.config.js +8 -8
  88. package/es/components/Combobox/ComboboxNew/Combobox.js +19 -5
  89. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  90. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  91. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  92. package/es/components/Combobox/ComboboxOld/Combobox.css +5 -4
  93. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -4
  94. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -4
  95. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -4
  96. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -4
  97. package/es/components/Dropdown/Dropdown.css +5 -4
  98. package/es/components/Dropdown/Dropdown.js +4 -2
  99. package/es/components/Dropdown/Dropdown.js.map +1 -1
  100. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -4
  101. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
  102. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  103. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +7 -2
  104. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  105. package/es/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_1b439rx.css → DropdownItem.styles_14yih1y.css} +1 -0
  106. package/es/components/Pagination/Pagination.css +2 -2
  107. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  108. package/es/components/Select/Select.css +2 -2
  109. package/es/components/Select/Select.js +11 -5
  110. package/es/components/Select/Select.js.map +1 -1
  111. package/es/components/Select/Select.tokens.js +11 -1
  112. package/es/components/Select/Select.tokens.js.map +1 -1
  113. package/es/components/Select/ui/Inner/Inner.css +2 -2
  114. package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  115. package/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  116. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  117. package/es/components/Select/ui/Target/Target.css +2 -2
  118. package/es/components/Select/ui/Target/Target.js +5 -4
  119. package/es/components/Select/ui/Target/Target.js.map +1 -1
  120. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  121. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +22 -6
  122. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  123. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -7
  124. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  125. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1b7iij0.css +3 -0
  126. package/es/components/Switch/Switch.css +1 -1
  127. package/es/components/Switch/Switch.tokens.js +1 -2
  128. package/es/components/Switch/Switch.tokens.js.map +1 -1
  129. package/es/components/Switch/_toggleSize/base.js +1 -1
  130. package/es/components/Switch/_toggleSize/base.js.map +1 -1
  131. package/es/components/Switch/_toggleSize/base_1d0b3t4.css +1 -0
  132. package/es/index.css +8 -7
  133. package/package.json +3 -2
  134. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -4
  135. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  136. package/styled-components/cjs/components/Dropdown/Dropdown.js +4 -2
  137. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
  138. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -2
  139. package/styled-components/cjs/components/Select/Select.js +11 -5
  140. package/styled-components/cjs/components/Select/Select.tokens.js +11 -1
  141. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  142. package/styled-components/cjs/components/Select/ui/Target/Target.js +5 -4
  143. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
  144. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  145. package/styled-components/cjs/components/Switch/Switch.tokens.js +1 -2
  146. package/styled-components/cjs/components/Switch/_toggleSize/base.js +1 -1
  147. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +8 -8
  148. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
  149. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
  150. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.outline.config.js +1 -1
  151. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +8 -8
  152. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
  153. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +1 -1
  154. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.outline.config.js +1 -1
  155. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +22 -4
  156. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  157. package/styled-components/es/components/Dropdown/Dropdown.js +4 -2
  158. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
  159. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -2
  160. package/styled-components/es/components/Select/Select.js +11 -5
  161. package/styled-components/es/components/Select/Select.tokens.js +11 -1
  162. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  163. package/styled-components/es/components/Select/ui/Target/Target.js +5 -4
  164. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
  165. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  166. package/styled-components/es/components/Switch/Switch.tokens.js +1 -2
  167. package/styled-components/es/components/Switch/_toggleSize/base.js +2 -2
  168. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +8 -8
  169. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
  170. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
  171. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.outline.config.js +1 -1
  172. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +8 -8
  173. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
  174. package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +1 -1
  175. package/styled-components/es/examples/plasma_web/components/Switch/Switch.outline.config.js +1 -1
  176. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  177. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -2
  178. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  179. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  180. package/types/components/Dropdown/Dropdown.d.ts +50 -2
  181. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  182. package/types/components/Dropdown/Dropdown.types.d.ts +11 -6
  183. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  184. package/types/components/Dropdown/index.d.ts +1 -0
  185. package/types/components/Dropdown/index.d.ts.map +1 -1
  186. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  187. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +1 -0
  188. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  189. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +96 -0
  190. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  191. package/types/components/Select/Select.d.ts.map +1 -1
  192. package/types/components/Select/Select.tokens.d.ts +11 -1
  193. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  194. package/types/components/Select/Select.types.d.ts +5 -4
  195. package/types/components/Select/Select.types.d.ts.map +1 -1
  196. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  197. package/types/components/Select/ui/Target/Target.d.ts +2 -1
  198. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  199. package/types/components/Select/ui/Target/Target.types.d.ts +3 -2
  200. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  201. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  202. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  203. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  204. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  205. package/types/components/Switch/Switch.tokens.d.ts +1 -2
  206. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  207. package/types/components/Switch/_toggleSize/base.d.ts.map +1 -1
  208. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +25 -1
  209. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
  210. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  211. package/types/examples/plasma_b2c/components/Select/Select.d.ts +96 -0
  212. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  213. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
  214. package/types/examples/plasma_b2c/components/Switch/Switch.outline.config.d.ts.map +1 -1
  215. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +25 -1
  216. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
  217. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  218. package/types/examples/plasma_web/components/Select/Select.d.ts +96 -0
  219. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  220. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
  221. package/types/examples/plasma_web/components/Switch/Switch.outline.config.d.ts.map +1 -1
  222. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
  223. package/cjs/components/Switch/_toggleSize/base_o6rjc1.css +0 -1
  224. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
  225. package/es/components/Switch/_toggleSize/base_o6rjc1.css +0 -1
@@ -77,7 +77,6 @@ var tokens = exports.tokens = {
77
77
  textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',
78
78
  textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',
79
79
  textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',
80
- textFieldOptionalColor: '--plasma-select-textfield-optional-color',
81
80
  textFieldHeight: '--plasma-select-textfield-height',
82
81
  textFieldBorderWidth: '--plasma-select-textfield-border-width',
83
82
  textFieldBorderRadius: '--plasma-select-textfield-border-radius',
@@ -161,6 +160,17 @@ var tokens = exports.tokens = {
161
160
  textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',
162
161
  textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',
163
162
  textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',
163
+ textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',
164
+ textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',
165
+ textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',
166
+ textFieldIndicatorLabelPlacementInner: '--plasma-select-new-textfield-indicator-placement-inner',
167
+ textFieldIndicatorLabelPlacementOuter: '--plasma-select-new-textfield-indicator-placement-outer',
168
+ textFieldIndicatorLabelPlacementInnerRight: '--plasma-select-new-textfield-indicator-placement-inner-right',
169
+ textFieldIndicatorLabelPlacementOuterRight: '--plasma-select-new-textfield-indicator-placement-outer-right',
170
+ textFieldClearIndicatorLabelPlacementInner: '--plasma-select-new-textfield-clear-indicator-placement-inner',
171
+ textFieldClearIndicatorLabelPlacementInnerRight: '--plasma-select-new-textfield-clear-indicator-placement-inner-right',
172
+ textFieldClearIndicatorHintInnerRight: '--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right',
173
+ textFieldOptionalColor: '--plasma-select-new-textfield-optional-color',
164
174
  textFieldFocusColor: '--plasma-select-textfield-focus-color',
165
175
  disclosureIconColor: '--plasma-select-disclosure-icon-color',
166
176
  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
@@ -41,7 +41,6 @@ var Item = exports.Item = function Item(_ref) {
41
41
  handleItemClick = _useContext.handleItemClick,
42
42
  variant = _useContext.variant,
43
43
  renderItem = _useContext.renderItem,
44
- valueToItemMap = _useContext.valueToItemMap,
45
44
  treeId = _useContext.treeId;
46
45
  var itemDisabled = Boolean(disabled || isDisabled);
47
46
  var disabledClassName = itemDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
@@ -96,7 +95,7 @@ var Item = exports.Item = function Item(_ref) {
96
95
  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
97
96
  size: (0, _utils.sizeToIconSize)(size, variant),
98
97
  color: "inherit"
99
- })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(valueToItemMap.get(value))) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
98
+ })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(item)) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
100
99
  contentLeft: contentLeft,
101
100
  contentRight: contentRight
102
101
  // TODO: #1548
@@ -12,7 +12,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
13
  var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
14
14
  var value = _ref.value,
15
- target = _ref.target,
16
15
  opened = _ref.opened,
17
16
  valueToItemMap = _ref.valueToItemMap,
18
17
  label = _ref.label,
@@ -35,7 +34,8 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
35
34
  onChange = _ref.onChange,
36
35
  labelToItemMap = _ref.labelToItemMap,
37
36
  chipView = _ref.chipView,
38
- separator = _ref.separator;
37
+ separator = _ref.separator,
38
+ requiredProps = _ref.requiredProps;
39
39
  var buttonRef = (0, _plasmaCore.useForkRef)(ref, inputWrapperRef);
40
40
  if (selectProps.renderTarget) {
41
41
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -44,7 +44,7 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
44
44
  return valueToItemMap.get(value);
45
45
  }) : valueToItemMap.get(value)));
46
46
  }
47
- return target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
47
+ return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
48
48
  ref: buttonRef,
49
49
  opened: opened,
50
50
  value: value,
@@ -81,6 +81,7 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
81
81
  renderValue: renderValue,
82
82
  onChange: onChange,
83
83
  labelToItemMap: labelToItemMap,
84
- chipView: chipView
84
+ chipView: chipView,
85
+ requiredProps: requiredProps
85
86
  });
86
87
  });
@@ -12,6 +12,12 @@ var _Textfield = /*#__PURE__*/require("./Textfield.styles");
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
14
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
16
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
17
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
18
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
19
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
20
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
15
21
  var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
16
22
  var _valueToItemMap$get;
17
23
  var inputWrapperRef = _ref.inputWrapperRef,
@@ -35,7 +41,8 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
35
41
  renderValue = _ref.renderValue,
36
42
  onChange = _ref.onChange,
37
43
  labelToItemMap = _ref.labelToItemMap,
38
- chipView = _ref.chipView;
44
+ chipView = _ref.chipView,
45
+ requiredProps = _ref.requiredProps;
39
46
  var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
40
47
  var getChips = function getChips() {
41
48
  if (multiselect && Array.isArray(value)) {
@@ -56,9 +63,24 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
56
63
 
57
64
  // Обработчик чипов
58
65
  var handleChipsChange = function handleChipsChange(chipLabels) {
59
- onChange(chipLabels.map(function (chipLabel) {
60
- return labelToItemMap.get(chipLabel).value;
61
- }));
66
+ if (!Array.isArray(value)) return;
67
+
68
+ // TODO: #1564
69
+ // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
70
+ if (renderValue && !isTargetAmount) {
71
+ var resultValues = _toConsumableArray(value);
72
+ value.forEach(function (_, index) {
73
+ var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
74
+ if (!chipLabels.includes(labelAfterRenderValue)) {
75
+ resultValues.splice(index, 1);
76
+ }
77
+ });
78
+ onChange(resultValues);
79
+ } else {
80
+ onChange(chipLabels.map(function (chipLabel) {
81
+ return labelToItemMap.get(chipLabel).value;
82
+ }));
83
+ }
62
84
  };
63
85
  return /*#__PURE__*/_react["default"].createElement(_Textfield.StyledTextField, _extends({
64
86
  ref: ref,
@@ -101,5 +123,5 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
101
123
  // TODO: #1547
102
124
  ,
103
125
  _forceChipManipulationWithReadonly: true
104
- }));
126
+ }, requiredProps));
105
127
  });
@@ -14,7 +14,7 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldCo
14
14
  var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
15
15
  var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
16
16
  componentId: "plasma-new-hope__sc-1akl2tk-0"
17
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":", ";", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");& div.input-wrapper:focus-within{background-color:var(", ");}"], _TextField.textFieldTokens.color, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Select.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Select.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Select.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.colorReadOnly, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColorReadOnly, function (_ref) {
17
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":", ";", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");& div.input-wrapper:focus-within{background-color:var(", ");}"], _TextField.textFieldTokens.color, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Select.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Select.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Select.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.colorReadOnly, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColorReadOnly, function (_ref) {
18
18
  var opened = _ref.opened;
19
19
  return opened ? "var(".concat(_Select.tokens.textFieldBackgroundColorFocus, ")") : "var(".concat(_Select.tokens.textFieldBackgroundColor, ")");
20
20
  }, _TextField.textFieldTokens.placeholderColorReadOnly, function (_ref2) {
@@ -23,7 +23,7 @@ var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponen
23
23
  }, _TextField.textFieldTokens.leftHelperColorReadOnly, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.labelColorReadOnly, _Select.tokens.textFieldLabelColor, _TextField.textFieldTokens.borderColorReadOnly, function (_ref3) {
24
24
  var opened = _ref3.opened;
25
25
  return opened ? "var(".concat(_Select.tokens.textFieldBorderColorFocus, ")") : "var(".concat(_Select.tokens.textFieldBorderColor, ")");
26
- }, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Select.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Select.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Select.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Select.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Select.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Select.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Select.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Select.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Select.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Select.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Select.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Select.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Select.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Select.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Select.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Select.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Select.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Select.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Select.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Select.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Select.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Select.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Select.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Select.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Select.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Select.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Select.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Select.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Select.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Select.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Select.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Select.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Select.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Select.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Select.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Select.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Select.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Select.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Select.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Select.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Select.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Select.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Select.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Select.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Select.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Select.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Select.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Select.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Select.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Select.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Select.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Select.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Select.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Select.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Select.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Select.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Select.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.chipHeight, _Select.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Select.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Select.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Select.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Select.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackground, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundActive, _Select.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Select.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Select.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Select.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Select.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Select.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPaddingTop, _Select.tokens.textFieldChipPaddingTop, _TextField.textFieldTokens.chipPaddingRight, _Select.tokens.textFieldChipPaddingRight, _TextField.textFieldTokens.chipPaddingBottom, _Select.tokens.textFieldChipPaddingBottom, _TextField.textFieldTokens.chipPaddingLeft, _Select.tokens.textFieldChipPaddingLeft, _TextField.textFieldTokens.chipCloseIconSize, _Select.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Select.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Select.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Select.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Select.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Select.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Select.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorReadOnlyHover, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundReadOnly, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Select.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Select.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Select.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.focusColor, _Select.tokens.textFieldFocusColor, _Select.tokens.textFieldBackgroundColorFocus);
26
+ }, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Select.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Select.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Select.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Select.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Select.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Select.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Select.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Select.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Select.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Select.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Select.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Select.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Select.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Select.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Select.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Select.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Select.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Select.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Select.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Select.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Select.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Select.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Select.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Select.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Select.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Select.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Select.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Select.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Select.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Select.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Select.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Select.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Select.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Select.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Select.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Select.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Select.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Select.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Select.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Select.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Select.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Select.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Select.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Select.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Select.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Select.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Select.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Select.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Select.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Select.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Select.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Select.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Select.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Select.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Select.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Select.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Select.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.chipHeight, _Select.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Select.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Select.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Select.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Select.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackground, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundActive, _Select.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Select.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Select.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Select.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Select.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Select.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPaddingTop, _Select.tokens.textFieldChipPaddingTop, _TextField.textFieldTokens.chipPaddingRight, _Select.tokens.textFieldChipPaddingRight, _TextField.textFieldTokens.chipPaddingBottom, _Select.tokens.textFieldChipPaddingBottom, _TextField.textFieldTokens.chipPaddingLeft, _Select.tokens.textFieldChipPaddingLeft, _TextField.textFieldTokens.chipCloseIconSize, _Select.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Select.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Select.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Select.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Select.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Select.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Select.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorReadOnlyHover, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundReadOnly, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Select.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Select.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Select.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.indicatorColor, _Select.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Select.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Select.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Select.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Select.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Select.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Select.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Select.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Select.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Select.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Select.tokens.textFieldFocusColor, _Select.tokens.textFieldBackgroundColorFocus);
27
27
  var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
28
28
  componentId: "plasma-new-hope__sc-1akl2tk-1"
29
29
  })(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Select.tokens.disclosureIconColor, function (_ref4) {
@@ -29,8 +29,7 @@ var tokens = exports.tokens = {
29
29
  verticalGap: '--plasma-switch-vertical-gap',
30
30
  trackWidth: '--plasma-switch__track-width',
31
31
  trackHeight: '--plasma-switch__track-height',
32
- trackBorderWidthOn: '--plasma-switch__track-checked_true-border-width',
33
- trackBorderWidthOff: '--plasma-switch__track-checked_false-border-width',
32
+ trackBorderWidth: '--plasma-switch__track-border',
34
33
  trackBorderColorOn: '--plasma-switch__track-checked_true-border-color',
35
34
  trackBorderColorOnHover: '--plasma-switch__track-checked_true_hovered_true-border-color',
36
35
  trackBorderColorOff: '--plasma-switch__track-checked_false-border-color',
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Switch = /*#__PURE__*/require("../Switch.tokens");
9
9
  var _Switch2 = /*#__PURE__*/require("../Switch.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{box-sizing:border-box;flex:0 0 var(", ");border-style:solid;border-width:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}", ":checked ~ ", "{border-width:var(", ",var(", "));}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], _Switch2.StyledTrigger, _Switch.tokens.trackWidth, _Switch.tokens.trackBorderWidthOff, _Switch.tokens.trackBorderRadius, _Switch.tokens.trackWidth, _Switch.tokens.trackHeight, _Switch.tokens.thumbSize, _Switch.tokens.thumbSize, _Switch.tokens.thumbBorderRadius, _Switch.tokens.thumbOffset, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBorderWidthOn, _Switch.tokens.trackBorderWidthOff, _Switch2.StyledTrigger, _Switch.tokens.thumbSize, _Switch.tokens.thumbPressScale);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{box-sizing:border-box;flex:0 0 var(", ");border-style:solid;border-width:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], _Switch2.StyledTrigger, _Switch.tokens.trackWidth, _Switch.tokens.trackBorderWidth, _Switch.tokens.trackBorderRadius, _Switch.tokens.trackWidth, _Switch.tokens.trackHeight, _Switch.tokens.thumbSize, _Switch.tokens.thumbSize, _Switch.tokens.thumbBorderRadius, _Switch.tokens.thumbOffset, _Switch2.StyledTrigger, _Switch.tokens.thumbSize, _Switch.tokens.thumbPressScale);
@@ -15,10 +15,10 @@ var config = exports.config = {
15
15
  },
16
16
  variations: {
17
17
  view: {
18
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--inverse-text-primary-active);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary-hover);", ":var(--inverse-text-secondary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
19
- positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":var(--surface-positive-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
20
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":var(--surface-warning-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
21
- negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":var(--surface-negative-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
18
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--inverse-text-primary-active);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary-hover);", ":var(--inverse-text-secondary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
19
+ positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":var(--surface-positive-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
20
+ warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":var(--surface-warning-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
21
+ negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":var(--surface-negative-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.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.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
22
22
  accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
23
23
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
24
24
  clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover),
@@ -27,10 +27,10 @@ var config = exports.config = {
27
27
  white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-text-primary-hover);", ":var(--on-light-text-primary-active);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary-hover);", ":var(--on-light-text-secondary-active);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-dark-surface-solid-default-active);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover)
28
28
  },
29
29
  size: {
30
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 -0.125rem 0 0.5rem;", ":3.5rem;", ":1.5rem 0 1.5rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1.125rem;", ":0.75rem 1.125rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
31
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0 -0.125rem 0 0.375rem;", ":3rem;", ":1.25rem 0 1.25rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.5rem 0.875rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
32
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0 -0.125rem 0 0.25rem;", ":2.5rem;", ":1rem 0 1rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem;", ":0.25rem 0.75rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
33
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0 -0.125rem 0 0.25rem;", ":2rem;", ":0.75rem 0 0.75rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize)
30
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 -0.125rem 0 0.5rem;", ":3.5rem;", ":1.5rem 0 1.5rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1.125rem;", ":0.75rem 1.125rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.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.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
31
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.25rem auto auto;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0 -0.125rem 0 0.375rem;", ":3rem;", ":1.25rem 0 1.25rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.5rem 0.875rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.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.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
32
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.125rem auto auto;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0 -0.125rem 0 0.25rem;", ":2.5rem;", ":1rem 0 1rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem;", ":0.25rem 0.75rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.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.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
33
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.875rem auto auto;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0 -0.125rem 0 0.25rem;", ":2rem;", ":0.75rem 0 0.75rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.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.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.textFieldChipPaddingRight, _.selectTokens.textFieldChipPaddingLeft, _.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.checkboxTriggerBorderColor, _.selectTokens.indicatorSize)
34
34
  },
35
35
  labelPlacement: {
36
36
  inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldLabelInnerFontFamily, _.selectTokens.textFieldLabelInnerFontSize, _.selectTokens.textFieldLabelInnerFontStyle, _.selectTokens.textFieldLabelInnerFontWeight, _.selectTokens.textFieldLabelInnerLetterSpacing, _.selectTokens.textFieldLabelInnerLineHeight),
@@ -79,6 +79,25 @@ const meta: Meta<StorySelectProps> = {
79
79
  eq: 'textfield-like',
80
80
  },
81
81
  },
82
+ requiredPlacement: {
83
+ options: ['left', 'right'],
84
+ control: {
85
+ type: 'select',
86
+ },
87
+ if: { arg: 'required', truthy: true },
88
+ },
89
+ required: {
90
+ control: {
91
+ type: 'boolean',
92
+ },
93
+ if: { arg: 'optional', truthy: false },
94
+ },
95
+ optional: {
96
+ control: {
97
+ type: 'boolean',
98
+ },
99
+ if: { arg: 'required', truthy: false },
100
+ },
82
101
  },
83
102
  args: {
84
103
  target: 'textfield-like',
@@ -93,6 +112,9 @@ const meta: Meta<StorySelectProps> = {
93
112
  isTargetAmount: false,
94
113
  variant: 'normal',
95
114
  disabled: false,
115
+ optional: false,
116
+ required: false,
117
+ requiredPlacement: 'right',
96
118
  },
97
119
  parameters: {
98
120
  controls: {
@@ -113,6 +135,9 @@ const meta: Meta<StorySelectProps> = {
113
135
  'listWidth',
114
136
  'listOverflow',
115
137
  'listHeight',
138
+ 'optional',
139
+ 'required',
140
+ 'requiredPlacement',
116
141
  ],
117
142
  },
118
143
  },
@@ -25,7 +25,7 @@ var config = exports.config = {
25
25
  s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":1rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], _Switch.switchTokens.trackWidth, _Switch.switchTokens.trackHeight, _Switch.switchTokens.trackBorderRadius, _Switch.switchTokens.trackHeight, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbBorderRadius, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbOffset, _Switch.switchTokens.thumbPressScale)
26
26
  },
27
27
  view: {
28
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":0;", ":0;", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.labelColor, _Switch.switchTokens.descriptionColor, _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOnHover, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.trackBackgroundColorOffHover, _Switch.switchTokens.trackBorderWidthOn, _Switch.switchTokens.trackBorderWidthOff, _Switch.switchTokens.thumbBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColorOn, _Switch.switchTokens.thumbBoxShadow)
28
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":0rem;", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.labelColor, _Switch.switchTokens.descriptionColor, _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOnHover, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.trackBackgroundColorOffHover, _Switch.switchTokens.trackBorderWidth, _Switch.switchTokens.thumbBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColorOn, _Switch.switchTokens.thumbBoxShadow)
29
29
  },
30
30
  disabled: {
31
31
  "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Switch.switchTokens.disabledOpacity)
@@ -25,7 +25,7 @@ var config = exports.config = {
25
25
  s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], _Switch.switchTokens.trackWidth, _Switch.switchTokens.trackHeight, _Switch.switchTokens.trackBorderRadius, _Switch.switchTokens.trackHeight, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbBorderRadius, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbOffset, _Switch.switchTokens.thumbPressScale)
26
26
  },
27
27
  view: {
28
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":0.0625rem;", ":0.0625rem;", ":var(--outline-secondary);", ":var(--outline-secondary-hover);", ":var(--outline-accent);", ":var(--outline-accent-hover);", ":var(--text-tertiary);", ":var(--text-accent);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.labelColor, _Switch.switchTokens.descriptionColor, _Switch.switchTokens.trackBorderWidthOn, _Switch.switchTokens.trackBorderWidthOff, _Switch.switchTokens.trackBorderColorOff, _Switch.switchTokens.trackBorderColorOffHover, _Switch.switchTokens.trackBorderColorOn, _Switch.switchTokens.trackBorderColorOnHover, _Switch.switchTokens.thumbBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColorOn, _Switch.switchTokens.thumbBoxShadow)
28
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":0.0625rem;", ":var(--outline-secondary);", ":var(--outline-secondary-hover);", ":var(--outline-accent);", ":var(--outline-accent-hover);", ":var(--text-tertiary);", ":var(--text-accent);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.labelColor, _Switch.switchTokens.descriptionColor, _Switch.switchTokens.trackBorderWidth, _Switch.switchTokens.trackBorderColorOff, _Switch.switchTokens.trackBorderColorOffHover, _Switch.switchTokens.trackBorderColorOn, _Switch.switchTokens.trackBorderColorOnHover, _Switch.switchTokens.thumbBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColorOn, _Switch.switchTokens.thumbBoxShadow)
29
29
  },
30
30
  disabled: {
31
31
  "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Switch.switchTokens.disabledOpacity)