@salutejs/plasma-new-hope 0.187.1-canary.1517.11744378817.0 → 0.188.0-canary.1550.11767527974.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (553) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Chip/Chip.js +3 -1
  3. package/cjs/components/Chip/Chip.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  9. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  10. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  12. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  13. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  15. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  16. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  17. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  18. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  19. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  20. package/cjs/components/Pagination/Pagination.css +86 -37
  21. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  22. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  23. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  24. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  25. package/cjs/components/Range/Range.css +21 -22
  26. package/cjs/components/Select/FloatingPopover.js +87 -0
  27. package/cjs/components/Select/FloatingPopover.js.map +1 -0
  28. package/cjs/components/Select/Select.css +83 -34
  29. package/cjs/components/Select/Select.js +179 -139
  30. package/cjs/components/Select/Select.js.map +1 -1
  31. package/cjs/components/Select/Select.styles.js +17 -50
  32. package/cjs/components/Select/Select.styles.js.map +1 -1
  33. package/cjs/components/Select/Select.styles_96j02v.css +2 -0
  34. package/cjs/components/Select/Select.tokens.js +122 -78
  35. package/cjs/components/Select/Select.tokens.js.map +1 -1
  36. package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
  37. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  38. package/cjs/components/Select/hooks/usePathMaps.js +4 -1
  39. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  40. package/cjs/components/Select/ui/Inner/Inner.css +83 -34
  41. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  42. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  43. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  44. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +16 -12
  45. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  46. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
  47. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  48. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.css +9 -0
  49. package/cjs/components/Select/ui/Target/Target.css +58 -17
  50. package/cjs/components/Select/ui/Target/Target.js +34 -16
  51. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  52. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  53. package/cjs/components/Select/ui/Target/ui/Button/Button.js +10 -14
  54. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  55. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  56. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  57. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  58. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  59. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
  60. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  61. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +35 -107
  62. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
  64. package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
  65. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  66. package/cjs/components/Select/utils/getItemId.js +10 -0
  67. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  68. package/cjs/components/Select/utils/getPlacement.js +13 -0
  69. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  70. package/cjs/components/Select/utils/getView.js +2 -2
  71. package/cjs/components/Select/utils/getView.js.map +1 -1
  72. package/cjs/components/Slider/Slider.css +21 -22
  73. package/cjs/components/Slider/components/Double/Double.css +21 -22
  74. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  75. package/cjs/components/Steps/Steps.css +10 -10
  76. package/cjs/components/Steps/Steps.js +14 -21
  77. package/cjs/components/Steps/Steps.js.map +1 -1
  78. package/cjs/components/Steps/Steps.styles.js +1 -1
  79. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  80. package/cjs/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
  81. package/cjs/components/Steps/Steps.tokens.js +0 -1
  82. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  83. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  84. package/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  85. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  86. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  87. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  88. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  89. package/cjs/components/TextField/TextField.js +7 -0
  90. package/cjs/components/TextField/TextField.js.map +1 -1
  91. package/cjs/components/TextField/TextField.styles.js +14 -22
  92. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  93. package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  94. package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
  95. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  96. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  97. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  98. package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  99. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  100. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  101. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  102. package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  103. package/cjs/components/TextField/variations/_size/base.js +1 -1
  104. package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  105. package/cjs/components/TextField/variations/_view/base.js +1 -1
  106. package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  107. package/cjs/index.css +57 -72
  108. package/emotion/cjs/components/Chip/Chip.js +3 -1
  109. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  110. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  111. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  112. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  113. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  114. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  115. package/emotion/cjs/components/Select/Select.js +177 -136
  116. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  117. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  118. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  119. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  120. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  121. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  122. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +15 -12
  123. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  124. package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
  125. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  126. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  127. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  128. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +25 -75
  129. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  130. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  131. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  132. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  133. package/emotion/cjs/components/Select/utils/index.js +22 -1
  134. package/emotion/cjs/components/Steps/Steps.js +14 -23
  135. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  136. package/emotion/cjs/components/Steps/Steps.tokens.js +0 -1
  137. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  138. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
  139. package/emotion/cjs/components/TextField/TextField.js +8 -1
  140. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  141. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  142. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  143. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  144. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  145. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  146. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  147. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  148. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  149. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  150. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  151. package/emotion/es/components/Chip/Chip.js +3 -1
  152. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  153. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  154. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  155. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  156. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  157. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  158. package/emotion/es/components/Select/Select.js +182 -141
  159. package/emotion/es/components/Select/Select.styles.js +12 -30
  160. package/emotion/es/components/Select/Select.tokens.js +125 -60
  161. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  162. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  163. package/emotion/es/components/Select/reducers/index.js +1 -2
  164. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  165. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +18 -15
  166. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -48
  167. package/emotion/es/components/Select/ui/Target/Target.js +35 -17
  168. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  169. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  170. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  171. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +25 -75
  172. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  173. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  174. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  175. package/emotion/es/components/Select/utils/getView.js +2 -2
  176. package/emotion/es/components/Select/utils/index.js +4 -1
  177. package/emotion/es/components/Steps/Steps.js +15 -24
  178. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  179. package/emotion/es/components/Steps/Steps.tokens.js +0 -1
  180. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  181. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
  182. package/emotion/es/components/TextField/TextField.js +8 -1
  183. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  184. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  185. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  186. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  187. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  188. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  189. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  190. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  191. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  192. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  193. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  194. package/es/components/Autocomplete/Autocomplete.css +21 -22
  195. package/es/components/Chip/Chip.js +3 -1
  196. package/es/components/Chip/Chip.js.map +1 -1
  197. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  198. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  199. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  200. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  201. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  202. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  203. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  204. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  205. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  206. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  207. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  208. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  209. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  210. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  211. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  212. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  213. package/es/components/Pagination/Pagination.css +86 -37
  214. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  215. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  216. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  217. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  218. package/es/components/Range/Range.css +21 -22
  219. package/es/components/Select/FloatingPopover.js +83 -0
  220. package/es/components/Select/FloatingPopover.js.map +1 -0
  221. package/es/components/Select/Select.css +83 -34
  222. package/es/components/Select/Select.js +182 -142
  223. package/es/components/Select/Select.js.map +1 -1
  224. package/es/components/Select/Select.styles.js +18 -48
  225. package/es/components/Select/Select.styles.js.map +1 -1
  226. package/es/components/Select/Select.styles_96j02v.css +2 -0
  227. package/es/components/Select/Select.tokens.js +123 -78
  228. package/es/components/Select/Select.tokens.js.map +1 -1
  229. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  230. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  231. package/es/components/Select/hooks/usePathMaps.js +4 -1
  232. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  233. package/es/components/Select/ui/Inner/Inner.css +83 -34
  234. package/es/components/Select/ui/Inner/Inner.js +10 -10
  235. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  236. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  237. package/es/components/Select/ui/Inner/ui/Item/Item.js +18 -14
  238. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  239. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  240. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  241. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.css +9 -0
  242. package/es/components/Select/ui/Target/Target.css +58 -17
  243. package/es/components/Select/ui/Target/Target.js +35 -17
  244. package/es/components/Select/ui/Target/Target.js.map +1 -1
  245. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  246. package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
  247. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  248. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  249. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  250. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  251. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  252. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  253. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  254. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +36 -99
  255. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  256. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
  257. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  258. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  259. package/es/components/Select/utils/getItemId.js +6 -0
  260. package/es/components/Select/utils/getItemId.js.map +1 -0
  261. package/es/components/Select/utils/getPlacement.js +9 -0
  262. package/es/components/Select/utils/getPlacement.js.map +1 -0
  263. package/es/components/Select/utils/getView.js +2 -2
  264. package/es/components/Select/utils/getView.js.map +1 -1
  265. package/es/components/Slider/Slider.css +21 -22
  266. package/es/components/Slider/components/Double/Double.css +21 -22
  267. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  268. package/es/components/Steps/Steps.css +10 -10
  269. package/es/components/Steps/Steps.js +16 -23
  270. package/es/components/Steps/Steps.js.map +1 -1
  271. package/es/components/Steps/Steps.styles.js +1 -1
  272. package/es/components/Steps/Steps.styles.js.map +1 -1
  273. package/es/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
  274. package/es/components/Steps/Steps.tokens.js +0 -1
  275. package/es/components/Steps/Steps.tokens.js.map +1 -1
  276. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  277. package/es/components/Steps/ui/StepItem/StepItem.js +8 -30
  278. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  279. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  280. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  281. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  282. package/es/components/TextField/TextField.js +7 -0
  283. package/es/components/TextField/TextField.js.map +1 -1
  284. package/es/components/TextField/TextField.styles.js +14 -22
  285. package/es/components/TextField/TextField.styles.js.map +1 -1
  286. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  287. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  288. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  289. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  290. package/es/components/TextField/variations/_clear/base.js +1 -1
  291. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  292. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  293. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  294. package/es/components/TextField/variations/_read-only/base.js +1 -1
  295. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  296. package/es/components/TextField/variations/_size/base.js +1 -1
  297. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  298. package/es/components/TextField/variations/_view/base.js +1 -1
  299. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  300. package/es/index.css +57 -72
  301. package/package.json +2 -2
  302. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  303. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  304. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  305. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  306. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  307. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  308. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  309. package/styled-components/cjs/components/Select/Select.js +177 -136
  310. package/styled-components/cjs/components/Select/Select.styles.js +11 -26
  311. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  312. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  313. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  314. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  315. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  316. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +15 -12
  317. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  318. package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
  319. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  320. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  321. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  322. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -62
  323. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  324. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  325. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  326. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  327. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  328. package/styled-components/cjs/components/Steps/Steps.js +14 -23
  329. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  330. package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -1
  331. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  332. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
  333. package/styled-components/cjs/components/TextField/TextField.js +7 -0
  334. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  335. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  336. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  337. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  338. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  339. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  340. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  341. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  342. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  343. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  344. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  345. package/styled-components/es/components/Chip/Chip.js +3 -1
  346. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  347. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  348. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  349. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  350. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  351. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  352. package/styled-components/es/components/Select/Select.js +182 -141
  353. package/styled-components/es/components/Select/Select.styles.js +10 -25
  354. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  355. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  356. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  357. package/styled-components/es/components/Select/reducers/index.js +1 -2
  358. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  359. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +18 -15
  360. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +18 -24
  361. package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
  362. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  363. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  364. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  365. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -62
  366. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  367. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  368. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  369. package/styled-components/es/components/Select/utils/getView.js +2 -2
  370. package/styled-components/es/components/Select/utils/index.js +4 -1
  371. package/styled-components/es/components/Steps/Steps.js +15 -24
  372. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  373. package/styled-components/es/components/Steps/Steps.tokens.js +0 -1
  374. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  375. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
  376. package/styled-components/es/components/TextField/TextField.js +7 -0
  377. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  378. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  379. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  380. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  381. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  382. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  383. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  384. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  385. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  386. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  387. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  388. package/types/components/Chip/Chip.d.ts.map +1 -1
  389. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  390. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  391. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  392. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  393. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  394. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  395. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  396. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  397. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +8 -8
  398. package/types/components/Select/FloatingPopover.d.ts +5 -0
  399. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  400. package/types/components/Select/Select.d.ts +5 -11
  401. package/types/components/Select/Select.d.ts.map +1 -1
  402. package/types/components/Select/Select.styles.d.ts +0 -9
  403. package/types/components/Select/Select.styles.d.ts.map +1 -1
  404. package/types/components/Select/Select.tokens.d.ts +121 -58
  405. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  406. package/types/components/Select/Select.types.d.ts +27 -16
  407. package/types/components/Select/Select.types.d.ts.map +1 -1
  408. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  409. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  410. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  411. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  412. package/types/components/Select/reducers/index.d.ts +0 -1
  413. package/types/components/Select/reducers/index.d.ts.map +1 -1
  414. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  415. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  416. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  417. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  418. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  419. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  420. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  421. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  422. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  423. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  424. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  425. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  426. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  427. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  428. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  429. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  430. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  431. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  432. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  433. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  434. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  435. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  436. package/types/components/Select/utils/getItemId.d.ts +2 -0
  437. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  438. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  439. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  440. package/types/components/Select/utils/getView.d.ts +1 -1
  441. package/types/components/Select/utils/getView.d.ts.map +1 -1
  442. package/types/components/Select/utils/index.d.ts +3 -0
  443. package/types/components/Select/utils/index.d.ts.map +1 -1
  444. package/types/components/Steps/Steps.d.ts.map +1 -1
  445. package/types/components/Steps/Steps.styles.d.ts.map +1 -1
  446. package/types/components/Steps/Steps.tokens.d.ts +0 -1
  447. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  448. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  449. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  450. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  451. package/types/components/TextField/TextField.d.ts.map +1 -1
  452. package/types/components/TextField/TextField.styles.d.ts +1 -3
  453. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  454. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  455. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  456. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  457. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  458. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  459. package/types/examples/plasma_b2c/components/Select/Select.d.ts +21 -14
  460. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  461. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  462. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  463. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  464. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  465. package/types/examples/plasma_web/components/Select/Select.d.ts +21 -14
  466. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  467. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  468. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  469. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  470. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  471. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  472. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  473. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  474. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  475. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  476. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  477. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  478. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  479. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  480. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  481. package/cjs/components/Select/variations/_size/base.js +0 -9
  482. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  483. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  484. package/cjs/components/Select/variations/_view/base.js +0 -9
  485. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  486. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  487. package/cjs/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +0 -9
  488. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  489. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  490. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  491. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  492. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  493. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  494. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  495. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  496. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  497. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  498. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  499. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  500. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  501. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  502. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  503. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  504. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  505. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  506. package/es/components/Select/Select.styles_768h42.css +0 -5
  507. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  508. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  509. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  510. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  511. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  512. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  513. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  514. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  515. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  516. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  517. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  518. package/es/components/Select/variations/_size/base.js +0 -5
  519. package/es/components/Select/variations/_size/base.js.map +0 -1
  520. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  521. package/es/components/Select/variations/_view/base.js +0 -5
  522. package/es/components/Select/variations/_view/base.js.map +0 -1
  523. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  524. package/es/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +0 -9
  525. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  526. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  527. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  528. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  529. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  530. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  531. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  532. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  533. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  534. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  535. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  536. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  537. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  538. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  539. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  540. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  541. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  542. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  543. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  544. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  545. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  546. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  547. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  548. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  549. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  550. package/types/components/Select/variations/_size/base.d.ts +0 -2
  551. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  552. package/types/components/Select/variations/_view/base.d.ts +0 -2
  553. package/types/components/Select/variations/_view/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: {
@@ -13,7 +13,7 @@ var config = exports.config = {
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":solid var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-secondary);", ":var(--surface-accent);", ":0.4;"], _Steps.stepsTokens.activeTitleColor, _Steps.stepsTokens.activeTitleColorHover, _Steps.stepsTokens.activeIndicatorBorder, _Steps.stepsTokens.activeIndicatorColor, _Steps.stepsTokens.activeIndicatorBackground, _Steps.stepsTokens.completedIndicatorColor, _Steps.stepsTokens.completedIndicatorColorHover, _Steps.stepsTokens.completedIndicatorBackground, _Steps.stepsTokens.completedIndicatorBackgroundHover, _Steps.stepsTokens.inactiveTitleColor, _Steps.stepsTokens.inactiveTitleColorHover, _Steps.stepsTokens.inactiveIndicatorColor, _Steps.stepsTokens.inactiveIndicatorColorHover, _Steps.stepsTokens.inactiveIndicatorBackground, _Steps.stepsTokens.inactiveIndicatorBackgroundHover, _Steps.stepsTokens.contentColor, _Steps.stepsTokens.focusColor, _Steps.stepsTokens.disabledOpacity)
16
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":solid var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-secondary);", ":0.4;"], _Steps.stepsTokens.activeTitleColor, _Steps.stepsTokens.activeTitleColorHover, _Steps.stepsTokens.activeIndicatorBorder, _Steps.stepsTokens.activeIndicatorColor, _Steps.stepsTokens.activeIndicatorBackground, _Steps.stepsTokens.completedIndicatorColor, _Steps.stepsTokens.completedIndicatorColorHover, _Steps.stepsTokens.completedIndicatorBackground, _Steps.stepsTokens.completedIndicatorBackgroundHover, _Steps.stepsTokens.inactiveTitleColor, _Steps.stepsTokens.inactiveTitleColorHover, _Steps.stepsTokens.inactiveIndicatorColor, _Steps.stepsTokens.inactiveIndicatorColorHover, _Steps.stepsTokens.inactiveIndicatorBackground, _Steps.stepsTokens.inactiveIndicatorBackgroundHover, _Steps.stepsTokens.contentColor, _Steps.stepsTokens.disabledOpacity)
17
17
  },
18
18
  size: {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":0.375rem;", ":2rem;", ":1.0625rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":1.5rem;", ":1.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-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-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-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.125rem;"], _Steps.stepsTokens.indicatorSize, _Steps.stepsTokens.activeIndicatorSize, _Steps.stepsTokens.bulletSize, _Steps.stepsTokens.activeBulletSize, _Steps.stepsTokens.titlePaddingTop, _Steps.stepsTokens.contentPaddingTop, _Steps.stepsTokens.contentSidePadding, _Steps.stepsTokens.contentVerticalPadding, _Steps.stepsTokens.verticalContentPaddingLeft, _Steps.stepsTokens.smallIndicatorIndentHeight, _Steps.stepsTokens.largeIndicatorIndentHeight, _Steps.stepsTokens.smallBulletIndentHeight, _Steps.stepsTokens.largeBulletIndentHeight, _Steps.stepsTokens.indicatorFontFamily, _Steps.stepsTokens.indicatorFontSize, _Steps.stepsTokens.indicatorFontStyle, _Steps.stepsTokens.indicatorFontWeight, _Steps.stepsTokens.indicatorLetterSpacing, _Steps.stepsTokens.indicatorLineHeight, _Steps.stepsTokens.activeIndicatorFontFamily, _Steps.stepsTokens.activeIndicatorFontSize, _Steps.stepsTokens.activeIndicatorFontStyle, _Steps.stepsTokens.activeIndicatorFontWeight, _Steps.stepsTokens.activeIndicatorLetterSpacing, _Steps.stepsTokens.activeIndicatorLineHeight, _Steps.stepsTokens.titleFontFamily, _Steps.stepsTokens.titleFontSize, _Steps.stepsTokens.titleFontStyle, _Steps.stepsTokens.titleFontWeight, _Steps.stepsTokens.titleLetterSpacing, _Steps.stepsTokens.titleLineHeight, _Steps.stepsTokens.contentFontFamily, _Steps.stepsTokens.contentFontSize, _Steps.stepsTokens.contentFontStyle, _Steps.stepsTokens.contentFontWeight, _Steps.stepsTokens.contentLetterSpacing, _Steps.stepsTokens.contentLineHeight, _Steps.stepsTokens.dividerThickness),
@@ -118,7 +118,7 @@ const DefaultStory = (args) => {
118
118
  };
119
119
 
120
120
  return (
121
- <div style={{ maxWidth, height: '600px' }}>
121
+ <div style={{ maxWidth, height: '400px' }}>
122
122
  <Steps
123
123
  size={size}
124
124
  items={items}