@salutejs/plasma-new-hope 0.191.2-canary.1557.11803291365.0 → 0.192.0-canary.1550.11799501370.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (731) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
  4. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  5. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
  6. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  7. package/cjs/components/Cell/Cell.js +3 -1
  8. package/cjs/components/Cell/Cell.js.map +1 -1
  9. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  10. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  11. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  12. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  13. package/cjs/components/Chip/Chip.js +3 -1
  14. package/cjs/components/Chip/Chip.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  16. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  17. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  19. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  21. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  22. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  23. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  24. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  25. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  26. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  27. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  28. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  29. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  30. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  31. package/cjs/components/Pagination/Pagination.css +86 -37
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  33. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  35. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  36. package/cjs/components/Range/Range.css +21 -22
  37. package/cjs/components/Select/FloatingPopover.js +87 -0
  38. package/cjs/components/Select/FloatingPopover.js.map +1 -0
  39. package/cjs/components/Select/Select.css +83 -34
  40. package/cjs/components/Select/Select.js +179 -139
  41. package/cjs/components/Select/Select.js.map +1 -1
  42. package/cjs/components/Select/Select.styles.js +17 -50
  43. package/cjs/components/Select/Select.styles.js.map +1 -1
  44. package/cjs/components/Select/Select.styles_1p5c9p3.css +2 -0
  45. package/cjs/components/Select/Select.tokens.js +122 -78
  46. package/cjs/components/Select/Select.tokens.js.map +1 -1
  47. package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
  48. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  49. package/cjs/components/Select/hooks/usePathMaps.js +4 -1
  50. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  51. package/cjs/components/Select/ui/Inner/Inner.css +83 -34
  52. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  53. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  54. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  55. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +20 -12
  56. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  57. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
  58. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  59. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  60. package/cjs/components/Select/ui/Target/Target.css +58 -17
  61. package/cjs/components/Select/ui/Target/Target.js +34 -16
  62. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  64. package/cjs/components/Select/ui/Target/ui/Button/Button.js +10 -14
  65. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  66. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  67. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  68. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  70. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
  71. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  72. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +38 -103
  73. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  74. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  75. package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
  76. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  77. package/cjs/components/Select/utils/getItemId.js +10 -0
  78. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  79. package/cjs/components/Select/utils/getPlacement.js +13 -0
  80. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  81. package/cjs/components/Select/utils/getView.js +2 -2
  82. package/cjs/components/Select/utils/getView.js.map +1 -1
  83. package/cjs/components/Slider/Slider.css +21 -22
  84. package/cjs/components/Slider/components/Double/Double.css +21 -22
  85. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  86. package/cjs/components/Switch/Switch.css +7 -11
  87. package/cjs/components/Switch/Switch.js +7 -16
  88. package/cjs/components/Switch/Switch.js.map +1 -1
  89. package/cjs/components/Switch/Switch.styles.js +4 -16
  90. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  91. package/cjs/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  92. package/cjs/components/Switch/Switch.tokens.js +0 -11
  93. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  94. package/cjs/components/Switch/_focused/base.js +1 -1
  95. package/cjs/components/Switch/_focused/{base_sz3n0x.css → base_j4murk.css} +1 -1
  96. package/cjs/components/Switch/_size/base.js +1 -1
  97. package/cjs/components/Switch/_size/base.js.map +1 -1
  98. package/cjs/components/Switch/_size/base_1rjzpi4.css +1 -0
  99. package/cjs/components/Switch/_view/base.js +1 -1
  100. package/cjs/components/Switch/_view/base.js.map +1 -1
  101. package/cjs/components/Switch/_view/base_1mtyz12.css +1 -0
  102. package/cjs/components/TextField/TextField.js +11 -2
  103. package/cjs/components/TextField/TextField.js.map +1 -1
  104. package/cjs/components/TextField/TextField.styles.js +14 -22
  105. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  106. package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  107. package/cjs/components/TextField/TextField.tokens.js +2 -1
  108. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  109. package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
  110. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  111. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  112. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  113. package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  114. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  115. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  116. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  117. package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  118. package/cjs/components/TextField/variations/_size/base.js +1 -1
  119. package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  120. package/cjs/components/TextField/variations/_view/base.js +1 -1
  121. package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  122. package/cjs/index.css +56 -75
  123. package/cjs/index.js +2 -0
  124. package/cjs/index.js.map +1 -1
  125. package/cjs/utils/fixedForwardRef.js +12 -0
  126. package/cjs/utils/fixedForwardRef.js.map +1 -0
  127. package/cjs/utils/index.js.map +1 -1
  128. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +11 -8
  129. package/emotion/cjs/components/Cell/Cell.js +3 -1
  130. package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  131. package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  132. package/emotion/cjs/components/Chip/Chip.js +3 -1
  133. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  134. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  135. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  136. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  137. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  138. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  139. package/emotion/cjs/components/Select/Select.js +177 -136
  140. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  141. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  142. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  143. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  144. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  145. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  146. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  147. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
  148. package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
  149. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  150. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  151. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  152. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  153. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  154. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  155. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  156. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  157. package/emotion/cjs/components/Select/utils/index.js +22 -1
  158. package/emotion/cjs/components/Switch/Switch.js +8 -17
  159. package/emotion/cjs/components/Switch/Switch.styles.js +5 -21
  160. package/emotion/cjs/components/Switch/Switch.template-doc.mdx +1 -37
  161. package/emotion/cjs/components/Switch/Switch.tokens.js +0 -11
  162. package/emotion/cjs/components/Switch/_size/base.js +1 -1
  163. package/emotion/cjs/components/Switch/_view/base.js +1 -1
  164. package/emotion/cjs/components/TextField/TextField.js +12 -3
  165. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  166. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  167. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  168. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  169. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  170. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  171. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -11
  172. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  173. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  174. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  175. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  176. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -11
  177. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  178. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  179. package/emotion/cjs/index.js +11 -0
  180. package/emotion/cjs/types/DistributiveOmit.js +5 -0
  181. package/emotion/cjs/types/DistributivePick.js +5 -0
  182. package/emotion/cjs/utils/fixedForwardRef.js +11 -0
  183. package/emotion/cjs/utils/index.js +9 -1
  184. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +11 -8
  185. package/emotion/es/components/Cell/Cell.js +3 -1
  186. package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  187. package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  188. package/emotion/es/components/Chip/Chip.js +3 -1
  189. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  190. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  191. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  192. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  193. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  194. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  195. package/emotion/es/components/Select/Select.js +182 -141
  196. package/emotion/es/components/Select/Select.styles.js +12 -30
  197. package/emotion/es/components/Select/Select.tokens.js +125 -60
  198. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  199. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  200. package/emotion/es/components/Select/reducers/index.js +1 -2
  201. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  202. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  203. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  204. package/emotion/es/components/Select/ui/Target/Target.js +35 -17
  205. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  206. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  207. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  208. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  209. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  210. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  211. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  212. package/emotion/es/components/Select/utils/getView.js +2 -2
  213. package/emotion/es/components/Select/utils/index.js +4 -1
  214. package/emotion/es/components/Switch/Switch.js +4 -13
  215. package/emotion/es/components/Switch/Switch.styles.js +4 -20
  216. package/emotion/es/components/Switch/Switch.template-doc.mdx +1 -37
  217. package/emotion/es/components/Switch/Switch.tokens.js +0 -11
  218. package/emotion/es/components/Switch/_size/base.js +2 -2
  219. package/emotion/es/components/Switch/_view/base.js +2 -2
  220. package/emotion/es/components/TextField/TextField.js +12 -3
  221. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  222. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  223. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  224. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  225. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  226. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  227. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -11
  228. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  229. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  230. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  231. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  232. package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -11
  233. package/emotion/es/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  234. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  235. package/emotion/es/index.js +1 -0
  236. package/emotion/es/types/DistributiveOmit.js +1 -0
  237. package/emotion/es/types/DistributivePick.js +1 -0
  238. package/emotion/es/utils/fixedForwardRef.js +4 -0
  239. package/emotion/es/utils/index.js +2 -1
  240. package/es/components/Autocomplete/Autocomplete.css +21 -22
  241. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  242. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
  243. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  244. package/es/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
  245. package/es/components/Breadcrumbs/utils/index.css +3 -3
  246. package/es/components/Cell/Cell.js +3 -1
  247. package/es/components/Cell/Cell.js.map +1 -1
  248. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  249. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  250. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  251. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  252. package/es/components/Chip/Chip.js +3 -1
  253. package/es/components/Chip/Chip.js.map +1 -1
  254. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  255. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  256. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  257. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  258. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  259. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  260. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  261. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  262. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  263. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  264. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  265. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  266. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  267. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  268. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  269. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  270. package/es/components/Pagination/Pagination.css +86 -37
  271. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  272. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  273. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  274. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  275. package/es/components/Range/Range.css +21 -22
  276. package/es/components/Select/FloatingPopover.js +83 -0
  277. package/es/components/Select/FloatingPopover.js.map +1 -0
  278. package/es/components/Select/Select.css +83 -34
  279. package/es/components/Select/Select.js +182 -142
  280. package/es/components/Select/Select.js.map +1 -1
  281. package/es/components/Select/Select.styles.js +18 -48
  282. package/es/components/Select/Select.styles.js.map +1 -1
  283. package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
  284. package/es/components/Select/Select.tokens.js +123 -78
  285. package/es/components/Select/Select.tokens.js.map +1 -1
  286. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  287. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  288. package/es/components/Select/hooks/usePathMaps.js +4 -1
  289. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  290. package/es/components/Select/ui/Inner/Inner.css +83 -34
  291. package/es/components/Select/ui/Inner/Inner.js +10 -10
  292. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  293. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  294. package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
  295. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  296. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  297. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  298. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  299. package/es/components/Select/ui/Target/Target.css +58 -17
  300. package/es/components/Select/ui/Target/Target.js +35 -17
  301. package/es/components/Select/ui/Target/Target.js.map +1 -1
  302. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  303. package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
  304. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  305. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  306. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  307. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  308. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  309. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  310. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  311. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
  312. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  313. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  314. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  315. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  316. package/es/components/Select/utils/getItemId.js +6 -0
  317. package/es/components/Select/utils/getItemId.js.map +1 -0
  318. package/es/components/Select/utils/getPlacement.js +9 -0
  319. package/es/components/Select/utils/getPlacement.js.map +1 -0
  320. package/es/components/Select/utils/getView.js +2 -2
  321. package/es/components/Select/utils/getView.js.map +1 -1
  322. package/es/components/Slider/Slider.css +21 -22
  323. package/es/components/Slider/components/Double/Double.css +21 -22
  324. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  325. package/es/components/Switch/Switch.css +7 -11
  326. package/es/components/Switch/Switch.js +8 -17
  327. package/es/components/Switch/Switch.js.map +1 -1
  328. package/es/components/Switch/Switch.styles.js +5 -15
  329. package/es/components/Switch/Switch.styles.js.map +1 -1
  330. package/es/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  331. package/es/components/Switch/Switch.tokens.js +0 -11
  332. package/es/components/Switch/Switch.tokens.js.map +1 -1
  333. package/es/components/Switch/_focused/base.js +1 -1
  334. package/es/components/Switch/_focused/{base_sz3n0x.css → base_j4murk.css} +1 -1
  335. package/es/components/Switch/_size/base.js +1 -1
  336. package/es/components/Switch/_size/base.js.map +1 -1
  337. package/es/components/Switch/_size/base_1rjzpi4.css +1 -0
  338. package/es/components/Switch/_view/base.js +1 -1
  339. package/es/components/Switch/_view/base.js.map +1 -1
  340. package/es/components/Switch/_view/base_1mtyz12.css +1 -0
  341. package/es/components/TextField/TextField.js +11 -2
  342. package/es/components/TextField/TextField.js.map +1 -1
  343. package/es/components/TextField/TextField.styles.js +14 -22
  344. package/es/components/TextField/TextField.styles.js.map +1 -1
  345. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  346. package/es/components/TextField/TextField.tokens.js +2 -1
  347. package/es/components/TextField/TextField.tokens.js.map +1 -1
  348. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  349. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  350. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  351. package/es/components/TextField/variations/_clear/base.js +1 -1
  352. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  353. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  354. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  355. package/es/components/TextField/variations/_read-only/base.js +1 -1
  356. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  357. package/es/components/TextField/variations/_size/base.js +1 -1
  358. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  359. package/es/components/TextField/variations/_view/base.js +1 -1
  360. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  361. package/es/index.css +56 -75
  362. package/es/index.js +1 -0
  363. package/es/index.js.map +1 -1
  364. package/es/utils/fixedForwardRef.js +8 -0
  365. package/es/utils/fixedForwardRef.js.map +1 -0
  366. package/es/utils/index.js.map +1 -1
  367. package/package.json +2 -2
  368. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
  369. package/styled-components/cjs/components/Cell/Cell.js +3 -1
  370. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  371. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  372. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  373. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  374. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  375. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  376. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  377. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  378. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  379. package/styled-components/cjs/components/Select/Select.js +177 -136
  380. package/styled-components/cjs/components/Select/Select.styles.js +12 -27
  381. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  382. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  383. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  384. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  385. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  386. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  387. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
  388. package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
  389. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  390. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  391. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  392. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  393. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  394. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  395. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  396. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  397. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  398. package/styled-components/cjs/components/Switch/Switch.js +8 -17
  399. package/styled-components/cjs/components/Switch/Switch.styles.js +5 -11
  400. package/styled-components/cjs/components/Switch/Switch.template-doc.mdx +1 -37
  401. package/styled-components/cjs/components/Switch/Switch.tokens.js +0 -11
  402. package/styled-components/cjs/components/Switch/_size/base.js +1 -1
  403. package/styled-components/cjs/components/Switch/_view/base.js +1 -1
  404. package/styled-components/cjs/components/TextField/TextField.js +11 -2
  405. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  406. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  407. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  408. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  409. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  410. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  411. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +2 -9
  412. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  413. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  414. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  415. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  416. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +2 -9
  417. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  418. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  419. package/styled-components/cjs/index.js +11 -0
  420. package/styled-components/cjs/types/DistributiveOmit.js +5 -0
  421. package/styled-components/cjs/types/DistributivePick.js +5 -0
  422. package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
  423. package/styled-components/cjs/utils/index.js +9 -1
  424. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
  425. package/styled-components/es/components/Cell/Cell.js +3 -1
  426. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  427. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  428. package/styled-components/es/components/Chip/Chip.js +3 -1
  429. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  430. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  431. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  432. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  433. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  434. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  435. package/styled-components/es/components/Select/Select.js +182 -141
  436. package/styled-components/es/components/Select/Select.styles.js +11 -26
  437. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  438. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  439. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  440. package/styled-components/es/components/Select/reducers/index.js +1 -2
  441. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  442. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  443. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  444. package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
  445. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  446. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  447. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  448. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  449. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  450. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  451. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  452. package/styled-components/es/components/Select/utils/getView.js +2 -2
  453. package/styled-components/es/components/Select/utils/index.js +4 -1
  454. package/styled-components/es/components/Switch/Switch.js +4 -13
  455. package/styled-components/es/components/Switch/Switch.styles.js +4 -10
  456. package/styled-components/es/components/Switch/Switch.template-doc.mdx +1 -37
  457. package/styled-components/es/components/Switch/Switch.tokens.js +0 -11
  458. package/styled-components/es/components/Switch/_size/base.js +2 -2
  459. package/styled-components/es/components/Switch/_view/base.js +2 -2
  460. package/styled-components/es/components/TextField/TextField.js +11 -2
  461. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  462. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  463. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  464. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  465. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  466. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  467. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +2 -9
  468. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  469. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  470. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  471. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  472. package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +2 -9
  473. package/styled-components/es/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  474. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  475. package/styled-components/es/index.js +1 -0
  476. package/styled-components/es/types/DistributiveOmit.js +1 -0
  477. package/styled-components/es/types/DistributivePick.js +1 -0
  478. package/styled-components/es/utils/fixedForwardRef.js +4 -0
  479. package/styled-components/es/utils/index.js +2 -1
  480. package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
  481. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
  482. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
  483. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  484. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  485. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
  486. package/types/components/Cell/Cell.d.ts.map +1 -1
  487. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
  488. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
  489. package/types/components/Chip/Chip.d.ts.map +1 -1
  490. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  491. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  492. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  493. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  494. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  495. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  496. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  497. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  498. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
  499. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  500. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
  501. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  502. package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
  503. package/types/components/Notification/Notification.styles.d.ts +2 -2
  504. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
  505. package/types/components/Pagination/Pagination.styles.d.ts +4 -4
  506. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
  507. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
  508. package/types/components/Range/Range.styles.d.ts +16 -16
  509. package/types/components/Range/Range.styles.d.ts.map +1 -1
  510. package/types/components/Select/FloatingPopover.d.ts +5 -0
  511. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  512. package/types/components/Select/Select.d.ts +5 -11
  513. package/types/components/Select/Select.d.ts.map +1 -1
  514. package/types/components/Select/Select.styles.d.ts +0 -9
  515. package/types/components/Select/Select.styles.d.ts.map +1 -1
  516. package/types/components/Select/Select.tokens.d.ts +121 -58
  517. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  518. package/types/components/Select/Select.types.d.ts +41 -20
  519. package/types/components/Select/Select.types.d.ts.map +1 -1
  520. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  521. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  522. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  523. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  524. package/types/components/Select/index.d.ts +1 -1
  525. package/types/components/Select/index.d.ts.map +1 -1
  526. package/types/components/Select/reducers/index.d.ts +0 -1
  527. package/types/components/Select/reducers/index.d.ts.map +1 -1
  528. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  529. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  530. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  531. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  532. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  533. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  534. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  535. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  536. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  537. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  538. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  539. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  540. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  541. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  542. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  543. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  544. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  545. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  546. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  547. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  548. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  549. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  550. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  551. package/types/components/Select/utils/getItemId.d.ts +2 -0
  552. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  553. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  554. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  555. package/types/components/Select/utils/getView.d.ts +1 -1
  556. package/types/components/Select/utils/getView.d.ts.map +1 -1
  557. package/types/components/Select/utils/index.d.ts +3 -0
  558. package/types/components/Select/utils/index.d.ts.map +1 -1
  559. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
  560. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  561. package/types/components/Switch/Switch.d.ts +0 -3
  562. package/types/components/Switch/Switch.d.ts.map +1 -1
  563. package/types/components/Switch/Switch.styles.d.ts +0 -2
  564. package/types/components/Switch/Switch.styles.d.ts.map +1 -1
  565. package/types/components/Switch/Switch.tokens.d.ts +0 -9
  566. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  567. package/types/components/Switch/Switch.types.d.ts +2 -10
  568. package/types/components/Switch/Switch.types.d.ts.map +1 -1
  569. package/types/components/Switch/_size/base.d.ts.map +1 -1
  570. package/types/components/Switch/_view/base.d.ts.map +1 -1
  571. package/types/components/TextField/TextField.d.ts.map +1 -1
  572. package/types/components/TextField/TextField.styles.d.ts +1 -3
  573. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  574. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  575. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  576. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  577. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  578. package/types/components/Toast/Toast.styles.d.ts +2 -2
  579. package/types/components/Toast/utils.d.ts +2 -2
  580. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
  581. package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
  582. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  583. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
  584. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
  585. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  586. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  587. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
  588. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  589. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  590. package/types/examples/plasma_b2c/components/Select/Select.d.ts +53 -46
  591. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  592. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +0 -7
  593. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
  594. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +0 -6
  595. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
  596. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
  597. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
  598. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  599. package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
  600. package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
  601. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  602. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
  603. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
  604. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  605. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  606. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
  607. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  608. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  609. package/types/examples/plasma_web/components/Select/Select.d.ts +53 -46
  610. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  611. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +0 -7
  612. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
  613. package/types/examples/plasma_web/components/Switch/Switch.d.ts +0 -6
  614. package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
  615. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
  616. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
  617. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  618. package/types/index.d.ts +1 -0
  619. package/types/index.d.ts.map +1 -1
  620. package/types/types/DistributiveOmit.d.ts +2 -0
  621. package/types/types/DistributiveOmit.d.ts.map +1 -0
  622. package/types/types/DistributivePick.d.ts +2 -0
  623. package/types/types/DistributivePick.d.ts.map +1 -0
  624. package/types/types/index.d.ts +2 -0
  625. package/types/types/index.d.ts.map +1 -1
  626. package/types/utils/fixedForwardRef.d.ts +3 -0
  627. package/types/utils/fixedForwardRef.d.ts.map +1 -0
  628. package/types/utils/index.d.ts +1 -0
  629. package/types/utils/index.d.ts.map +1 -1
  630. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  631. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  632. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  633. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  634. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  635. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  636. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  637. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  638. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  639. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  640. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  641. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  642. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  643. package/cjs/components/Select/variations/_size/base.js +0 -9
  644. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  645. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  646. package/cjs/components/Select/variations/_view/base.js +0 -9
  647. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  648. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  649. package/cjs/components/Switch/Switch.styles_bei7bh.css +0 -6
  650. package/cjs/components/Switch/_size/base_1tcl212.css +0 -1
  651. package/cjs/components/Switch/_toggleSize/base.js +0 -9
  652. package/cjs/components/Switch/_toggleSize/base.js.map +0 -1
  653. package/cjs/components/Switch/_toggleSize/base_6i0904.css +0 -1
  654. package/cjs/components/Switch/_view/base_yxkf3s.css +0 -1
  655. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  656. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  657. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  658. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  659. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  660. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  661. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  662. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  663. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  664. package/emotion/cjs/components/Switch/_toggleSize/base.js +0 -10
  665. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  666. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  667. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  668. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  669. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  670. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  671. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  672. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  673. package/emotion/es/components/Switch/_toggleSize/base.js +0 -4
  674. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  675. package/es/components/Select/Select.styles_768h42.css +0 -5
  676. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  677. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  678. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  679. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  680. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  681. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  682. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  683. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  684. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  685. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  686. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  687. package/es/components/Select/variations/_size/base.js +0 -5
  688. package/es/components/Select/variations/_size/base.js.map +0 -1
  689. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  690. package/es/components/Select/variations/_view/base.js +0 -5
  691. package/es/components/Select/variations/_view/base.js.map +0 -1
  692. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  693. package/es/components/Switch/Switch.styles_bei7bh.css +0 -6
  694. package/es/components/Switch/_size/base_1tcl212.css +0 -1
  695. package/es/components/Switch/_toggleSize/base.js +0 -5
  696. package/es/components/Switch/_toggleSize/base.js.map +0 -1
  697. package/es/components/Switch/_toggleSize/base_6i0904.css +0 -1
  698. package/es/components/Switch/_view/base_yxkf3s.css +0 -1
  699. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  700. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  701. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  702. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  703. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  704. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  705. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  706. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  707. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  708. package/styled-components/cjs/components/Switch/_toggleSize/base.js +0 -10
  709. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  710. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  711. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  712. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  713. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  714. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  715. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  716. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  717. package/styled-components/es/components/Switch/_toggleSize/base.js +0 -4
  718. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  719. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  720. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  721. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  722. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  723. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  724. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  725. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  726. package/types/components/Select/variations/_size/base.d.ts +0 -2
  727. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  728. package/types/components/Select/variations/_view/base.d.ts +0 -2
  729. package/types/components/Select/variations/_view/base.d.ts.map +0 -1
  730. package/types/components/Switch/_toggleSize/base.d.ts +0 -2
  731. package/types/components/Switch/_toggleSize/base.d.ts.map +0 -1
@@ -23,7 +23,7 @@ var config = exports.config = {
23
23
  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);", ":1rem;", ":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;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldIndicatorSizeInner, _Combobox.comboboxNewTokens.textFieldIndicatorSizeOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
24
24
  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.875rem 1rem 0.875rem 1rem;", ":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;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldIndicatorSizeInner, _Combobox.comboboxNewTokens.textFieldIndicatorSizeOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
25
25
  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.625rem 0.875rem 0.625rem 0.875rem;", ":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;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldIndicatorSizeInner, _Combobox.comboboxNewTokens.textFieldIndicatorSizeOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
26
- 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.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":1rem;", ":1rem;", ":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-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.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldIndicatorSizeInner, _Combobox.comboboxNewTokens.textFieldIndicatorSizeOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize)
26
+ 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.5rem 0.625rem 0.5rem 0.625rem;", ":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-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.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldIndicatorSizeInner, _Combobox.comboboxNewTokens.textFieldIndicatorSizeOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _Combobox.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Combobox.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize)
27
27
  },
28
28
  labelPlacement: {
29
29
  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);"], _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldLabelInnerFontFamily, _Combobox.comboboxNewTokens.textFieldLabelInnerFontSize, _Combobox.comboboxNewTokens.textFieldLabelInnerFontStyle, _Combobox.comboboxNewTokens.textFieldLabelInnerFontWeight, _Combobox.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelInnerLineHeight),
@@ -9,32 +9,40 @@ var _ = /*#__PURE__*/require("../../../..");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
11
  view: 'default',
12
- chipView: 'default',
13
- size: 'm'
12
+ size: 'm',
13
+ labelPlacement: 'outer',
14
+ chipView: 'default'
14
15
  },
15
16
  variations: {
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),
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
+ 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
+ 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),
25
+ dark: /*#__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-active);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-light-surface-transparent-deep-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),
26
+ black: /*#__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-active);", ":var(--on-light-surface-solid-default);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-light-surface-solid-default-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),
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
+ },
16
29
  size: {
17
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":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);", ":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;", ":0.25rem;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.375rem;", ":2rem;", ":0.75rem 0 0.75rem;", ":0.5rem 0 0.625rem;", ":0.5rem 0 0.25rem;", ":0.375rem;", ":0;", ":0.25rem;", ":1rem;", ":1rem;"], _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.focusOffset, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.labelFontFamily, _.selectTokens.labelFontSize, _.selectTokens.labelFontStyle, _.selectTokens.labelFontWeight, _.selectTokens.labelFontLetterSpacing, _.selectTokens.labelFontLineHeight, _.selectTokens.helperTextFontFamily, _.selectTokens.helperTextFontSize, _.selectTokens.helperTextFontStyle, _.selectTokens.helperTextFontWeight, _.selectTokens.helperTextFontLetterSpacing, _.selectTokens.helperTextFontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.chipGap, _.selectTokens.chipBorderRadius, _.selectTokens.chipHeight, _.selectTokens.chipPaddingRight, _.selectTokens.chipPaddingLeft, _.selectTokens.chipClearContentMarginLeft, _.selectTokens.chipClearContentMarginRight, _.selectTokens.chipCloseIconSize, _.selectTokens.targetButtonArrowMargin, _.selectTokens.targetTextfieldArrowMargin, _.selectTokens.targetHeight, _.selectTokens.targetButtonPadding, _.selectTokens.targetTextfieldPadding, _.selectTokens.targetTextfieldChipPadding, _.selectTokens.labelOffset, _.selectTokens.innerLabelGap, _.selectTokens.helperTextOffset, _.selectTokens.spinnerSize, _.selectTokens.spinnerSizeTight),
18
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":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);", ":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);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":0.75rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.375rem;", ":2.5rem;", ":1rem 0 1rem;", ":0.75rem 0 0.875rem;", ":0.75rem 0 0.25rem;", ":0.5rem;", ":0;", ":0.25rem;", ":1.5rem;", ":1rem;"], _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.focusOffset, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.labelFontFamily, _.selectTokens.labelFontSize, _.selectTokens.labelFontStyle, _.selectTokens.labelFontWeight, _.selectTokens.labelFontLetterSpacing, _.selectTokens.labelFontLineHeight, _.selectTokens.helperTextFontFamily, _.selectTokens.helperTextFontSize, _.selectTokens.helperTextFontStyle, _.selectTokens.helperTextFontWeight, _.selectTokens.helperTextFontLetterSpacing, _.selectTokens.helperTextFontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.chipGap, _.selectTokens.chipBorderRadius, _.selectTokens.chipHeight, _.selectTokens.chipPaddingRight, _.selectTokens.chipPaddingLeft, _.selectTokens.chipClearContentMarginLeft, _.selectTokens.chipClearContentMarginRight, _.selectTokens.chipCloseIconSize, _.selectTokens.targetButtonArrowMargin, _.selectTokens.targetTextfieldArrowMargin, _.selectTokens.targetHeight, _.selectTokens.targetButtonPadding, _.selectTokens.targetTextfieldPadding, _.selectTokens.targetTextfieldChipPadding, _.selectTokens.labelOffset, _.selectTokens.innerLabelGap, _.selectTokens.helperTextOffset, _.selectTokens.spinnerSize, _.selectTokens.spinnerSizeTight),
19
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":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);", ":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);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.375rem;", ":2.25rem;", ":0.875rem;", ":0.625rem;", ":0.5rem;", ":0rem;", ":1rem;", ":0 -0.125rem 0 0.375rem;", ":0 0 0 0.625rem;", ":3rem;", ":1.25rem 0 1.25rem;", ":0.875rem 0 1rem;", ":0.875rem 0 0.25rem;", ":0.625rem;", ":0.125rem;", ":0.25rem;", ":1.5rem;", ":1.5rem;"], _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.focusOffset, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.labelFontFamily, _.selectTokens.labelFontSize, _.selectTokens.labelFontStyle, _.selectTokens.labelFontWeight, _.selectTokens.labelFontLetterSpacing, _.selectTokens.labelFontLineHeight, _.selectTokens.helperTextFontFamily, _.selectTokens.helperTextFontSize, _.selectTokens.helperTextFontStyle, _.selectTokens.helperTextFontWeight, _.selectTokens.helperTextFontLetterSpacing, _.selectTokens.helperTextFontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.chipGap, _.selectTokens.chipBorderRadius, _.selectTokens.chipHeight, _.selectTokens.chipPaddingRight, _.selectTokens.chipPaddingLeft, _.selectTokens.chipClearContentMarginLeft, _.selectTokens.chipClearContentMarginRight, _.selectTokens.chipCloseIconSize, _.selectTokens.targetButtonArrowMargin, _.selectTokens.targetTextfieldArrowMargin, _.selectTokens.targetHeight, _.selectTokens.targetButtonPadding, _.selectTokens.targetTextfieldPadding, _.selectTokens.targetTextfieldChipPadding, _.selectTokens.labelOffset, _.selectTokens.innerLabelGap, _.selectTokens.helperTextOffset, _.selectTokens.spinnerSize, _.selectTokens.spinnerSizeTight),
20
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":0.875rem;", ":0.125rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":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);", ":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-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);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.5rem;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":0 -0.125rem 0 0.5rem;", ":0 0 0 0.75rem;", ":3.5rem;", ":1.5rem 0 1.5rem;", ":1rem 0 1.125rem;", ":1rem 0 0.25rem;", ":0.75rem;", ":0.125rem;", ":0.25rem;", ":1.5rem;", ":1.5rem;"], _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.focusOffset, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.labelFontFamily, _.selectTokens.labelFontSize, _.selectTokens.labelFontStyle, _.selectTokens.labelFontWeight, _.selectTokens.labelFontLetterSpacing, _.selectTokens.labelFontLineHeight, _.selectTokens.helperTextFontFamily, _.selectTokens.helperTextFontSize, _.selectTokens.helperTextFontStyle, _.selectTokens.helperTextFontWeight, _.selectTokens.helperTextFontLetterSpacing, _.selectTokens.helperTextFontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize, _.selectTokens.chipGap, _.selectTokens.chipBorderRadius, _.selectTokens.chipHeight, _.selectTokens.chipPaddingRight, _.selectTokens.chipPaddingLeft, _.selectTokens.chipClearContentMarginLeft, _.selectTokens.chipClearContentMarginRight, _.selectTokens.chipCloseIconSize, _.selectTokens.targetButtonArrowMargin, _.selectTokens.targetTextfieldArrowMargin, _.selectTokens.targetHeight, _.selectTokens.targetButtonPadding, _.selectTokens.targetTextfieldPadding, _.selectTokens.targetTextfieldChipPadding, _.selectTokens.labelOffset, _.selectTokens.innerLabelGap, _.selectTokens.helperTextOffset, _.selectTokens.spinnerSize, _.selectTokens.spinnerSizeTight)
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)
21
34
  },
22
- view: {
23
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-hover);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);"], _.selectTokens.helperTextColor, _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetTextfieldArrowColor, _.selectTokens.targetTextfieldArrowColorHover, _.selectTokens.targetTextfieldArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive, _.selectTokens.targetTextfieldBackgroundColor, _.selectTokens.targetTextfieldBackgroundColorOpened),
24
- positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":var(--surface-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);"], _.selectTokens.helperTextColor, _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetTextfieldArrowColor, _.selectTokens.targetTextfieldArrowColorHover, _.selectTokens.targetTextfieldArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive, _.selectTokens.targetTextfieldBackgroundColor, _.selectTokens.targetTextfieldBackgroundColorOpened),
25
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":var(--surface-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);"], _.selectTokens.helperTextColor, _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetTextfieldArrowColor, _.selectTokens.targetTextfieldArrowColorHover, _.selectTokens.targetTextfieldArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive, _.selectTokens.targetTextfieldBackgroundColor, _.selectTokens.targetTextfieldBackgroundColorOpened),
26
- negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":var(--surface-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);"], _.selectTokens.helperTextColor, _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetTextfieldArrowColor, _.selectTokens.targetTextfieldArrowColorHover, _.selectTokens.targetTextfieldArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive, _.selectTokens.targetTextfieldBackgroundColor, _.selectTokens.targetTextfieldBackgroundColorOpened),
27
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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);"], _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive),
28
- secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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);"], _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive),
29
- clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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);"], _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive),
30
- dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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-active);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-light-surface-transparent-deep-active);"], _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive),
31
- black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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-active);", ":var(--on-light-surface-solid-default);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-light-surface-solid-default-active);"], _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive),
32
- white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":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);"], _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.targetButtonColor, _.selectTokens.targetButtonColorHover, _.selectTokens.targetButtonColorActive, _.selectTokens.targetButtonArrowColor, _.selectTokens.targetButtonArrowColorHover, _.selectTokens.targetButtonArrowColorActive, _.selectTokens.targetButtonBackgroundColor, _.selectTokens.targetButtonBackgroundColorHover, _.selectTokens.targetButtonBackgroundColorActive)
35
+ labelPlacement: {
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),
37
+ outer: /*#__PURE__*/(0, _styledComponents.css)([""])
33
38
  },
34
39
  chipView: {
35
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-active);"], _.selectTokens.chipColor, _.selectTokens.chipBackground, _.selectTokens.chipBackgroundHover, _.selectTokens.chipBackgroundActive),
36
- secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);"], _.selectTokens.chipColor, _.selectTokens.chipBackground, _.selectTokens.chipBackgroundHover, _.selectTokens.chipBackgroundActive),
37
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);"], _.selectTokens.chipColor, _.selectTokens.chipBackground, _.selectTokens.chipBackgroundHover, _.selectTokens.chipBackgroundActive)
40
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor),
41
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor),
42
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor)
43
+ },
44
+ disabled: {
45
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _.selectTokens.textFieldDisabledOpacity)
38
46
  }
39
47
  }
40
48
  };
@@ -25,54 +25,58 @@ const meta: Meta<StorySelectProps> = {
25
25
  component: Select,
26
26
  argTypes: {
27
27
  target: {
28
+ control: 'select',
28
29
  options: ['button-like', 'textfield-like'],
29
- control: {
30
- type: 'select',
31
- },
32
30
  },
33
31
  size: {
32
+ control: 'select',
34
33
  options: size,
35
- control: {
36
- type: 'select',
37
- },
38
34
  },
39
35
  view: {
36
+ control: 'select',
40
37
  options: view,
41
- control: {
42
- type: 'select',
43
- },
44
38
  },
45
39
  labelPlacement: {
40
+ control: 'select',
46
41
  options: labelPlacement,
47
- control: {
48
- type: 'select',
42
+ if: {
43
+ arg: 'target',
44
+ eq: 'textfield-like',
49
45
  },
50
46
  },
51
47
  chipView: {
48
+ control: 'select',
52
49
  options: chip,
53
- control: {
54
- type: 'select',
50
+ if: {
51
+ arg: 'target',
52
+ eq: 'textfield-like',
55
53
  },
56
54
  },
57
55
  variant: {
56
+ control: 'select',
58
57
  options: variant,
59
- control: {
60
- type: 'select',
61
- },
62
58
  },
63
59
  listWidth: {
64
- control: {
65
- type: 'text',
66
- },
60
+ control: 'text',
67
61
  },
68
62
  listOverflow: {
69
- control: {
70
- type: 'text',
71
- },
63
+ control: 'text',
72
64
  },
73
65
  listHeight: {
74
- control: {
75
- type: 'text',
66
+ control: 'text',
67
+ },
68
+ helperText: {
69
+ control: 'text',
70
+ if: {
71
+ arg: 'target',
72
+ eq: 'textfield-like',
73
+ },
74
+ },
75
+ enableContentLeft: {
76
+ control: 'boolean',
77
+ if: {
78
+ arg: 'target',
79
+ eq: 'textfield-like',
76
80
  },
77
81
  },
78
82
  },
@@ -84,7 +88,7 @@ const meta: Meta<StorySelectProps> = {
84
88
  helperText: 'Helper text',
85
89
  size: 'm',
86
90
  view: 'default',
87
- chipView: 'default',
91
+ chipView: 'secondary',
88
92
  enableContentLeft: false,
89
93
  isTargetAmount: false,
90
94
  variant: 'normal',
@@ -338,13 +342,18 @@ const SingleStory = (args: StorySelectProps) => {
338
342
  items={items}
339
343
  value={value}
340
344
  onChange={setValue}
341
- contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
345
+ contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
342
346
  />
343
347
  </div>
344
348
  );
345
349
  };
346
350
 
347
351
  export const Single: StoryObj<StorySelectProps> = {
352
+ parameters: {
353
+ controls: {
354
+ exclude: ['chipView', 'isTargetAmount'],
355
+ },
356
+ },
348
357
  render: (args) => <SingleStory {...args} />,
349
358
  args: {
350
359
  closeAfterSelect: true,
@@ -361,7 +370,7 @@ const MultiselectStory = (args: StorySelectProps) => {
361
370
  items={items}
362
371
  value={value}
363
372
  onChange={setValue}
364
- contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
373
+ contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
365
374
  />
366
375
  </div>
367
376
  );
@@ -386,7 +395,7 @@ const PredefinedStory = (args: StorySelectProps) => {
386
395
  items={items}
387
396
  value={valueSingle}
388
397
  onChange={setValueSingle}
389
- contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
398
+ contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
390
399
  />
391
400
 
392
401
  <br />
@@ -397,7 +406,7 @@ const PredefinedStory = (args: StorySelectProps) => {
397
406
  multiselect
398
407
  value={valueMultiple}
399
408
  onChange={setValueMultiple}
400
- contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
409
+ contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
401
410
  />
402
411
  </div>
403
412
  );
@@ -462,7 +471,7 @@ const CommonStory = (args: StorySelectProps) => {
462
471
  value={value}
463
472
  onChange={setValue}
464
473
  view="default"
465
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
474
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
466
475
  />
467
476
  </div>
468
477
  </td>
@@ -475,7 +484,7 @@ const CommonStory = (args: StorySelectProps) => {
475
484
  value={valueMultiple}
476
485
  onChange={setValueMultiple}
477
486
  view="default"
478
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
487
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
479
488
  />
480
489
  </div>
481
490
  </td>
@@ -606,7 +615,7 @@ const CommonStory = (args: StorySelectProps) => {
606
615
  value={value}
607
616
  onChange={setValue}
608
617
  view="positive"
609
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
618
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
610
619
  />
611
620
  </div>
612
621
  </td>
@@ -619,7 +628,7 @@ const CommonStory = (args: StorySelectProps) => {
619
628
  value={valueMultiple}
620
629
  onChange={setValueMultiple}
621
630
  view="positive"
622
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
631
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
623
632
  />
624
633
  </div>
625
634
  </td>
@@ -659,7 +668,7 @@ const CommonStory = (args: StorySelectProps) => {
659
668
  value={value}
660
669
  onChange={setValue}
661
670
  view="warning"
662
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
671
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
663
672
  />
664
673
  </div>
665
674
  </td>
@@ -672,7 +681,7 @@ const CommonStory = (args: StorySelectProps) => {
672
681
  value={valueMultiple}
673
682
  onChange={setValueMultiple}
674
683
  view="warning"
675
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
684
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
676
685
  />
677
686
  </div>
678
687
  </td>
@@ -712,7 +721,7 @@ const CommonStory = (args: StorySelectProps) => {
712
721
  value={value}
713
722
  onChange={setValue}
714
723
  view="negative"
715
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
724
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
716
725
  />
717
726
  </div>
718
727
  </td>
@@ -725,7 +734,7 @@ const CommonStory = (args: StorySelectProps) => {
725
734
  value={valueMultiple}
726
735
  onChange={setValueMultiple}
727
736
  view="negative"
728
- contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
737
+ contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
729
738
  />
730
739
  </div>
731
740
  </td>
@@ -835,9 +844,7 @@ export const Common: StoryObj<StorySelectProps> = {
835
844
  argTypes: {
836
845
  size: {
837
846
  options: size,
838
- control: {
839
- type: 'select',
840
- },
847
+ control: 'select',
841
848
  },
842
849
  },
843
850
  args: {
@@ -10,22 +10,15 @@ var config = exports.config = {
10
10
  defaults: {
11
11
  view: 'default',
12
12
  size: 'm',
13
- toggleSize: 'l',
14
13
  labelPosition: 'before',
15
14
  focused: 'true'
16
15
  },
17
16
  variations: {
18
17
  size: {
19
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.descriptionFontFamily, _Switch.switchTokens.descriptionFontStyle, _Switch.switchTokens.descriptionFontWeight, _Switch.switchTokens.descriptionLineHeight, _Switch.switchTokens.descriptionFontSize, _Switch.switchTokens.descriptionLetterSpacing, _Switch.switchTokens.verticalGap, _Switch.switchTokens.labelOffset),
20
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.descriptionFontFamily, _Switch.switchTokens.descriptionFontStyle, _Switch.switchTokens.descriptionFontWeight, _Switch.switchTokens.descriptionLineHeight, _Switch.switchTokens.descriptionFontSize, _Switch.switchTokens.descriptionLetterSpacing, _Switch.switchTokens.verticalGap, _Switch.switchTokens.labelOffset),
21
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.descriptionFontFamily, _Switch.switchTokens.descriptionFontStyle, _Switch.switchTokens.descriptionFontWeight, _Switch.switchTokens.descriptionLineHeight, _Switch.switchTokens.descriptionFontSize, _Switch.switchTokens.descriptionLetterSpacing, _Switch.switchTokens.verticalGap, _Switch.switchTokens.labelOffset)
22
- },
23
- toggleSize: {
24
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":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),
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)
18
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _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, _Switch.switchTokens.labelOffset)
26
19
  },
27
20
  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);", ":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.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadow)
21
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOnHover, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.trackBackgroundColorOffHover, _Switch.switchTokens.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadow)
29
22
  },
30
23
  disabled: {
31
24
  "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Switch.switchTokens.disabledOpacity)