@salutejs/plasma-new-hope 0.110.0-canary.1307.10059399396.0 → 0.110.1-canary.1233.10062283292.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (1018) hide show
  1. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  2. package/cjs/components/Button/Button.styles.js.map +1 -1
  3. package/cjs/components/Chip/Chip.tokens.js +2 -0
  4. package/cjs/components/Chip/Chip.tokens.js.map +1 -1
  5. package/cjs/components/Combobox/Combobox.js +2 -2
  6. package/cjs/components/Combobox/Combobox.js.map +1 -1
  7. package/cjs/components/Combobox/hooks/useKeyNavigation.js.map +1 -0
  8. package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  9. package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
  10. package/cjs/components/Combobox/utils/index.js +103 -0
  11. package/cjs/components/Combobox/utils/index.js.map +1 -1
  12. package/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
  13. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  14. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
  15. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  16. package/cjs/components/Pagination/Pagination.css +56 -48
  17. package/cjs/components/Pagination/Pagination.js +12 -5
  18. package/cjs/components/Pagination/Pagination.js.map +1 -1
  19. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  20. package/cjs/components/Pagination/Pagination.tokens.js +9 -11
  21. package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
  22. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +74 -66
  23. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +20 -26
  24. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  25. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +2 -22
  26. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  27. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +3 -0
  28. package/cjs/components/Select/Select.css +71 -62
  29. package/cjs/components/Select/Select.js +265 -193
  30. package/cjs/components/Select/Select.js.map +1 -1
  31. package/cjs/components/Select/Select.styles.js +51 -36
  32. package/cjs/components/Select/Select.styles.js.map +1 -1
  33. package/cjs/components/Select/Select.styles_zx0ztg.css +5 -0
  34. package/cjs/components/Select/Select.tokens.js +57 -166
  35. package/cjs/components/Select/Select.tokens.js.map +1 -1
  36. package/cjs/components/Select/hooks/useKeyboardNavigation.js +353 -0
  37. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -0
  38. package/cjs/components/Select/hooks/usePathMaps.js +37 -0
  39. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -0
  40. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +39 -0
  41. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
  42. package/cjs/components/Select/reducers/focusedPathReducer.js +37 -0
  43. package/cjs/components/Select/reducers/focusedPathReducer.js.map +1 -0
  44. package/cjs/components/Select/reducers/pathReducer.js +41 -0
  45. package/cjs/components/Select/reducers/pathReducer.js.map +1 -0
  46. package/cjs/components/Select/ui/Inner/Inner.css +110 -0
  47. package/cjs/components/Select/ui/Inner/Inner.js +82 -0
  48. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -0
  49. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +110 -0
  50. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +97 -0
  51. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -0
  52. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +110 -0
  53. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -0
  54. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_y3jg1m.css +9 -0
  55. package/cjs/components/Select/ui/Target/Target.css +66 -0
  56. package/cjs/components/Select/ui/Target/Target.js +63 -0
  57. package/cjs/components/Select/ui/Target/Target.js.map +1 -0
  58. package/cjs/components/Select/ui/Target/ui/Button/Button.css +33 -0
  59. package/cjs/components/Select/ui/Target/ui/Button/Button.js +59 -0
  60. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -0
  61. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +52 -0
  62. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -0
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css +5 -0
  64. package/{es/components/Select/ui/SelectTarget/SelectTarget.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.css} +13 -7
  65. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +113 -0
  66. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -0
  67. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +113 -0
  68. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -0
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css +12 -0
  70. package/cjs/components/Select/ui/{SelectChip/SelectChip.css → Target/ui/Textfield/ui/Chip/Chip.css} +1 -1
  71. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +36 -0
  72. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
  73. package/cjs/components/Select/ui/{SelectChip/SelectChip.styles.js → Target/ui/Textfield/ui/Chip/Chip.styles.js} +5 -8
  74. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
  75. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
  76. package/cjs/components/Select/utils/getButtonLabel.js +47 -0
  77. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -0
  78. package/cjs/components/Select/utils/getCorrectHeight.js +13 -0
  79. package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -0
  80. package/cjs/components/Select/utils/initialItemsTransform.js +19 -0
  81. package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -0
  82. package/cjs/components/Select/utils/sizeToIconSize.js +11 -0
  83. package/cjs/components/Select/utils/sizeToIconSize.js.map +1 -0
  84. package/cjs/components/Select/utils/updateAncestors.js +34 -0
  85. package/cjs/components/Select/utils/updateAncestors.js.map +1 -0
  86. package/cjs/components/Select/utils/updateDescendants.js +18 -0
  87. package/cjs/components/Select/utils/updateDescendants.js.map +1 -0
  88. package/cjs/components/Select/utils/updateSingleAncestors.js +15 -0
  89. package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -0
  90. package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +33 -0
  91. package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -0
  92. package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +31 -0
  93. package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -0
  94. package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +23 -0
  95. package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -0
  96. package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +23 -0
  97. package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -0
  98. package/cjs/engines/common.js.map +1 -1
  99. package/cjs/index.css +42 -27
  100. package/cjs/index.js +2 -18
  101. package/cjs/index.js.map +1 -1
  102. package/cjs/utils/index.js.map +1 -1
  103. package/cjs/utils/isEmpty.js +49 -0
  104. package/cjs/utils/isEmpty.js.map +1 -0
  105. package/emotion/cjs/components/Button/Button.styles.js +9 -9
  106. package/emotion/cjs/components/Chip/Chip.tokens.js +2 -0
  107. package/emotion/cjs/components/Combobox/Combobox.js +6 -6
  108. package/emotion/cjs/components/Combobox/hooks/index.js +14 -1
  109. package/emotion/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +4 -5
  110. package/emotion/cjs/components/Combobox/utils/index.js +105 -1
  111. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
  112. package/emotion/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
  113. package/emotion/cjs/components/Pagination/Pagination.js +12 -5
  114. package/emotion/cjs/components/Pagination/Pagination.styles.js +8 -8
  115. package/emotion/cjs/components/Pagination/Pagination.tokens.js +9 -11
  116. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -35
  117. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +6 -12
  118. package/emotion/cjs/components/Select/Select.js +255 -187
  119. package/emotion/cjs/components/Select/Select.styles.js +29 -25
  120. package/emotion/cjs/components/Select/Select.tokens.js +80 -167
  121. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +355 -0
  122. package/emotion/cjs/components/Select/hooks/usePathMaps.js +33 -0
  123. package/emotion/cjs/components/Select/index.js +1 -25
  124. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
  125. package/emotion/cjs/components/Select/reducers/focusedPathReducer.js +40 -0
  126. package/emotion/cjs/components/Select/reducers/index.js +38 -0
  127. package/emotion/cjs/components/Select/reducers/pathReducer.js +44 -0
  128. package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.js +18 -0
  129. package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +26 -0
  130. package/emotion/cjs/components/Select/ui/Inner/Inner.js +80 -0
  131. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +95 -0
  132. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +92 -0
  133. package/emotion/cjs/components/Select/ui/Inner/ui/index.js +16 -0
  134. package/emotion/cjs/components/Select/ui/Target/Target.js +61 -0
  135. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +57 -0
  136. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +44 -0
  137. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +111 -0
  138. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +84 -0
  139. package/{styled-components/cjs/components/Select/ui/SelectChip/SelectChip.js → emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js} +24 -27
  140. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
  141. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
  142. package/emotion/cjs/components/Select/ui/Target/ui/index.js +27 -0
  143. package/emotion/cjs/components/Select/ui/index.js +33 -72
  144. package/emotion/cjs/components/Select/utils/getButtonLabel.js +43 -0
  145. package/emotion/cjs/components/Select/utils/getCorrectHeight.js +12 -0
  146. package/emotion/cjs/components/Select/utils/index.js +44 -102
  147. package/emotion/cjs/components/Select/utils/initialItemsTransform.js +18 -0
  148. package/emotion/cjs/components/Select/utils/sizeToIconSize.js +10 -0
  149. package/emotion/cjs/components/Select/utils/updateAncestors.js +33 -0
  150. package/emotion/cjs/components/Select/utils/updateDescendants.js +17 -0
  151. package/emotion/cjs/components/Select/utils/updateSingleAncestors.js +14 -0
  152. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +32 -0
  153. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +30 -0
  154. package/emotion/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +22 -0
  155. package/emotion/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +22 -0
  156. package/emotion/cjs/components/_Icon/index.js +14 -0
  157. package/emotion/cjs/examples/_helpers.js +1 -1
  158. package/emotion/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +12 -12
  159. package/emotion/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
  160. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +21 -11
  161. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.js +5 -15
  162. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +753 -204
  163. package/emotion/cjs/examples/plasma_b2c/components/Select/style.css +36 -0
  164. package/emotion/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +12 -12
  165. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +21 -11
  166. package/emotion/cjs/examples/plasma_web/components/Select/Select.js +5 -15
  167. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +753 -200
  168. package/emotion/cjs/examples/plasma_web/components/Select/style.css +37 -0
  169. package/emotion/cjs/utils/index.js +9 -1
  170. package/emotion/cjs/utils/isEmpty.js +47 -0
  171. package/emotion/es/components/Button/Button.styles.js +9 -9
  172. package/emotion/es/components/Chip/Chip.tokens.js +2 -0
  173. package/emotion/es/components/Combobox/Combobox.js +2 -2
  174. package/emotion/es/components/Combobox/hooks/index.js +2 -1
  175. package/emotion/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -2
  176. package/emotion/es/components/Combobox/utils/index.js +105 -1
  177. package/emotion/es/components/Dropdown/Dropdown.tokens.js +32 -18
  178. package/emotion/es/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
  179. package/emotion/es/components/Pagination/Pagination.js +12 -5
  180. package/emotion/es/components/Pagination/Pagination.styles.js +8 -8
  181. package/emotion/es/components/Pagination/Pagination.tokens.js +9 -11
  182. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -33
  183. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +6 -12
  184. package/emotion/es/components/Select/Select.js +252 -185
  185. package/emotion/es/components/Select/Select.styles.js +29 -25
  186. package/emotion/es/components/Select/Select.tokens.js +79 -166
  187. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +349 -0
  188. package/emotion/es/components/Select/hooks/usePathMaps.js +27 -0
  189. package/emotion/es/components/Select/index.js +1 -2
  190. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
  191. package/emotion/es/components/Select/reducers/focusedPathReducer.js +34 -0
  192. package/emotion/es/components/Select/reducers/index.js +3 -0
  193. package/emotion/es/components/Select/reducers/pathReducer.js +38 -0
  194. package/emotion/es/components/Select/ui/InfiniteLoader/InfiniteLoader.js +11 -0
  195. package/emotion/es/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +19 -0
  196. package/emotion/es/components/Select/ui/Inner/Inner.js +73 -0
  197. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +86 -0
  198. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +85 -0
  199. package/emotion/es/components/Select/ui/Inner/ui/index.js +1 -0
  200. package/emotion/es/components/Select/ui/Target/Target.js +54 -0
  201. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +50 -0
  202. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +37 -0
  203. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +104 -0
  204. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +77 -0
  205. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
  206. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +15 -0
  207. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
  208. package/emotion/es/components/Select/ui/Target/ui/index.js +2 -0
  209. package/emotion/es/components/Select/ui/index.js +3 -6
  210. package/emotion/es/components/Select/utils/getButtonLabel.js +37 -0
  211. package/emotion/es/components/Select/utils/getCorrectHeight.js +6 -0
  212. package/emotion/es/components/Select/utils/index.js +7 -106
  213. package/emotion/es/components/Select/utils/initialItemsTransform.js +12 -0
  214. package/emotion/es/components/Select/utils/sizeToIconSize.js +4 -0
  215. package/emotion/es/components/Select/utils/updateAncestors.js +27 -0
  216. package/emotion/es/components/Select/utils/updateDescendants.js +11 -0
  217. package/emotion/es/components/Select/utils/updateSingleAncestors.js +8 -0
  218. package/emotion/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +25 -0
  219. package/emotion/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +23 -0
  220. package/emotion/es/components/_Icon/Icons/IconDisclosureDownCentered.js +15 -0
  221. package/emotion/es/components/_Icon/Icons/IconDisclosureRightCentered.js +15 -0
  222. package/emotion/es/components/_Icon/index.js +2 -0
  223. package/emotion/es/examples/_helpers.js +1 -1
  224. package/emotion/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +12 -12
  225. package/emotion/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
  226. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +21 -11
  227. package/emotion/es/examples/plasma_b2c/components/Select/Select.js +3 -12
  228. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +753 -204
  229. package/emotion/es/examples/plasma_b2c/components/Select/style.css +36 -0
  230. package/emotion/es/examples/plasma_web/components/Pagination/Pagination.config.js +12 -12
  231. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +21 -11
  232. package/emotion/es/examples/plasma_web/components/Select/Select.js +3 -12
  233. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +753 -200
  234. package/emotion/es/examples/plasma_web/components/Select/style.css +37 -0
  235. package/emotion/es/utils/index.js +1 -0
  236. package/emotion/es/utils/isEmpty.js +42 -0
  237. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  238. package/es/components/Button/Button.styles.js.map +1 -1
  239. package/es/components/Chip/Chip.tokens.js +2 -0
  240. package/es/components/Chip/Chip.tokens.js.map +1 -1
  241. package/es/components/Combobox/Combobox.js +2 -2
  242. package/es/components/Combobox/Combobox.js.map +1 -1
  243. package/es/components/Combobox/hooks/useKeyNavigation.js.map +1 -0
  244. package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  245. package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
  246. package/es/components/Combobox/utils/index.js +102 -3
  247. package/es/components/Combobox/utils/index.js.map +1 -1
  248. package/es/components/Dropdown/Dropdown.tokens.js +32 -18
  249. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  250. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
  251. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  252. package/es/components/Pagination/Pagination.css +56 -48
  253. package/es/components/Pagination/Pagination.js +12 -5
  254. package/es/components/Pagination/Pagination.js.map +1 -1
  255. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  256. package/es/components/Pagination/Pagination.tokens.js +9 -11
  257. package/es/components/Pagination/Pagination.tokens.js.map +1 -1
  258. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +74 -66
  259. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +23 -29
  260. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  261. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -21
  262. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  263. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +3 -0
  264. package/es/components/Select/Select.css +71 -62
  265. package/es/components/Select/Select.js +264 -193
  266. package/es/components/Select/Select.js.map +1 -1
  267. package/es/components/Select/Select.styles.js +48 -34
  268. package/es/components/Select/Select.styles.js.map +1 -1
  269. package/es/components/Select/Select.styles_zx0ztg.css +5 -0
  270. package/es/components/Select/Select.tokens.js +57 -166
  271. package/es/components/Select/Select.tokens.js.map +1 -1
  272. package/es/components/Select/hooks/useKeyboardNavigation.js +348 -0
  273. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -0
  274. package/es/components/Select/hooks/usePathMaps.js +33 -0
  275. package/es/components/Select/hooks/usePathMaps.js.map +1 -0
  276. package/es/components/Select/reducers/focusedChipIndexReducer.js +35 -0
  277. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
  278. package/es/components/Select/reducers/focusedPathReducer.js +33 -0
  279. package/es/components/Select/reducers/focusedPathReducer.js.map +1 -0
  280. package/es/components/Select/reducers/pathReducer.js +37 -0
  281. package/es/components/Select/reducers/pathReducer.js.map +1 -0
  282. package/es/components/Select/ui/Inner/Inner.css +110 -0
  283. package/es/components/Select/ui/Inner/Inner.js +78 -0
  284. package/es/components/Select/ui/Inner/Inner.js.map +1 -0
  285. package/es/components/Select/ui/Inner/ui/Item/Item.css +110 -0
  286. package/es/components/Select/ui/Inner/ui/Item/Item.js +93 -0
  287. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -0
  288. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +98 -0
  289. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -0
  290. package/es/components/Select/ui/Inner/ui/Item/Item.styles_y3jg1m.css +9 -0
  291. package/es/components/Select/ui/Target/Target.css +66 -0
  292. package/es/components/Select/ui/Target/Target.js +59 -0
  293. package/es/components/Select/ui/Target/Target.js.map +1 -0
  294. package/es/components/Select/ui/Target/ui/Button/Button.css +33 -0
  295. package/es/components/Select/ui/Target/ui/Button/Button.js +55 -0
  296. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -0
  297. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +44 -0
  298. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -0
  299. package/es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css +5 -0
  300. package/{cjs/components/Select/ui/SelectTarget/SelectTarget.css → es/components/Select/ui/Target/ui/Textfield/Textfield.css} +13 -7
  301. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +109 -0
  302. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -0
  303. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +98 -0
  304. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -0
  305. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css +12 -0
  306. package/es/components/Select/ui/{SelectChip/SelectChip.css → Target/ui/Textfield/ui/Chip/Chip.css} +1 -1
  307. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +32 -0
  308. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
  309. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +19 -0
  310. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
  311. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
  312. package/es/components/Select/utils/getButtonLabel.js +43 -0
  313. package/es/components/Select/utils/getButtonLabel.js.map +1 -0
  314. package/es/components/Select/utils/getCorrectHeight.js +9 -0
  315. package/es/components/Select/utils/getCorrectHeight.js.map +1 -0
  316. package/es/components/Select/utils/initialItemsTransform.js +15 -0
  317. package/es/components/Select/utils/initialItemsTransform.js.map +1 -0
  318. package/es/components/Select/utils/sizeToIconSize.js +7 -0
  319. package/es/components/Select/utils/sizeToIconSize.js.map +1 -0
  320. package/es/components/Select/utils/updateAncestors.js +30 -0
  321. package/es/components/Select/utils/updateAncestors.js.map +1 -0
  322. package/es/components/Select/utils/updateDescendants.js +14 -0
  323. package/es/components/Select/utils/updateDescendants.js.map +1 -0
  324. package/es/components/Select/utils/updateSingleAncestors.js +11 -0
  325. package/es/components/Select/utils/updateSingleAncestors.js.map +1 -0
  326. package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +29 -0
  327. package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -0
  328. package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +27 -0
  329. package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -0
  330. package/es/components/_Icon/Icons/IconDisclosureDownCentered.js +19 -0
  331. package/es/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -0
  332. package/es/components/_Icon/Icons/IconDisclosureRightCentered.js +19 -0
  333. package/es/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -0
  334. package/es/engines/common.js.map +1 -1
  335. package/es/index.css +42 -27
  336. package/es/index.js +2 -7
  337. package/es/index.js.map +1 -1
  338. package/es/utils/index.js.map +1 -1
  339. package/es/utils/isEmpty.js +45 -0
  340. package/es/utils/isEmpty.js.map +1 -0
  341. package/package.json +4 -4
  342. package/styled-components/cjs/components/Button/Button.styles.js +2 -2
  343. package/styled-components/cjs/components/Chip/Chip.tokens.js +2 -0
  344. package/styled-components/cjs/components/Combobox/Combobox.js +6 -6
  345. package/styled-components/cjs/components/Combobox/hooks/index.js +14 -1
  346. package/styled-components/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +4 -5
  347. package/styled-components/cjs/components/Combobox/utils/index.js +105 -1
  348. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
  349. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
  350. package/styled-components/cjs/components/Pagination/Pagination.js +12 -5
  351. package/styled-components/cjs/components/Pagination/Pagination.styles.js +2 -2
  352. package/styled-components/cjs/components/Pagination/Pagination.tokens.js +9 -11
  353. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -35
  354. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
  355. package/styled-components/cjs/components/Select/Select.js +255 -187
  356. package/styled-components/cjs/components/Select/Select.styles.js +28 -23
  357. package/styled-components/cjs/components/Select/Select.tokens.js +80 -167
  358. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +355 -0
  359. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +33 -0
  360. package/styled-components/cjs/components/Select/index.js +1 -25
  361. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
  362. package/styled-components/cjs/components/Select/reducers/focusedPathReducer.js +40 -0
  363. package/styled-components/cjs/components/Select/reducers/index.js +38 -0
  364. package/styled-components/cjs/components/Select/reducers/pathReducer.js +44 -0
  365. package/styled-components/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.js +18 -0
  366. package/styled-components/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +24 -0
  367. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +80 -0
  368. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +95 -0
  369. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +66 -0
  370. package/styled-components/cjs/components/Select/ui/Inner/ui/index.js +16 -0
  371. package/styled-components/cjs/components/Select/ui/Target/Target.js +61 -0
  372. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +57 -0
  373. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +30 -0
  374. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +111 -0
  375. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +63 -0
  376. package/{emotion/cjs/components/Select/ui/SelectChip/SelectChip.js → styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js} +24 -27
  377. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +21 -0
  378. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
  379. package/styled-components/cjs/components/Select/ui/Target/ui/index.js +27 -0
  380. package/styled-components/cjs/components/Select/ui/index.js +33 -72
  381. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +43 -0
  382. package/styled-components/cjs/components/Select/utils/getCorrectHeight.js +12 -0
  383. package/styled-components/cjs/components/Select/utils/index.js +44 -102
  384. package/styled-components/cjs/components/Select/utils/initialItemsTransform.js +18 -0
  385. package/styled-components/cjs/components/Select/utils/sizeToIconSize.js +10 -0
  386. package/styled-components/cjs/components/Select/utils/updateAncestors.js +33 -0
  387. package/styled-components/cjs/components/Select/utils/updateDescendants.js +17 -0
  388. package/styled-components/cjs/components/Select/utils/updateSingleAncestors.js +14 -0
  389. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +32 -0
  390. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +30 -0
  391. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +22 -0
  392. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +22 -0
  393. package/styled-components/cjs/components/_Icon/index.js +14 -0
  394. package/styled-components/cjs/examples/_helpers.js +1 -1
  395. package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +7 -7
  396. package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
  397. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +21 -11
  398. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.js +5 -15
  399. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +753 -204
  400. package/styled-components/cjs/examples/plasma_b2c/components/Select/style.css +36 -0
  401. package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
  402. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +21 -11
  403. package/styled-components/cjs/examples/plasma_web/components/Select/Select.js +5 -15
  404. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +753 -200
  405. package/styled-components/cjs/examples/plasma_web/components/Select/style.css +37 -0
  406. package/styled-components/cjs/utils/index.js +9 -1
  407. package/styled-components/cjs/utils/isEmpty.js +47 -0
  408. package/styled-components/es/components/Button/Button.styles.js +2 -2
  409. package/styled-components/es/components/Chip/Chip.tokens.js +2 -0
  410. package/styled-components/es/components/Combobox/Combobox.js +2 -2
  411. package/styled-components/es/components/Combobox/hooks/index.js +2 -1
  412. package/styled-components/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -2
  413. package/styled-components/es/components/Combobox/utils/index.js +105 -1
  414. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +32 -18
  415. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
  416. package/styled-components/es/components/Pagination/Pagination.js +12 -5
  417. package/styled-components/es/components/Pagination/Pagination.styles.js +2 -2
  418. package/styled-components/es/components/Pagination/Pagination.tokens.js +9 -11
  419. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -33
  420. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
  421. package/styled-components/es/components/Select/Select.js +252 -185
  422. package/styled-components/es/components/Select/Select.styles.js +25 -21
  423. package/styled-components/es/components/Select/Select.tokens.js +79 -166
  424. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +349 -0
  425. package/styled-components/es/components/Select/hooks/usePathMaps.js +27 -0
  426. package/styled-components/es/components/Select/index.js +1 -2
  427. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
  428. package/styled-components/es/components/Select/reducers/focusedPathReducer.js +34 -0
  429. package/styled-components/es/components/Select/reducers/index.js +3 -0
  430. package/styled-components/es/components/Select/reducers/pathReducer.js +38 -0
  431. package/styled-components/es/components/Select/ui/InfiniteLoader/InfiniteLoader.js +11 -0
  432. package/styled-components/es/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +17 -0
  433. package/styled-components/es/components/Select/ui/Inner/Inner.js +73 -0
  434. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +86 -0
  435. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +59 -0
  436. package/styled-components/es/components/Select/ui/Inner/ui/index.js +1 -0
  437. package/styled-components/es/components/Select/ui/Target/Target.js +54 -0
  438. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +50 -0
  439. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +23 -0
  440. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +104 -0
  441. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +56 -0
  442. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
  443. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +14 -0
  444. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
  445. package/styled-components/es/components/Select/ui/Target/ui/index.js +2 -0
  446. package/styled-components/es/components/Select/ui/index.js +3 -6
  447. package/styled-components/es/components/Select/utils/getButtonLabel.js +37 -0
  448. package/styled-components/es/components/Select/utils/getCorrectHeight.js +6 -0
  449. package/styled-components/es/components/Select/utils/index.js +7 -106
  450. package/styled-components/es/components/Select/utils/initialItemsTransform.js +12 -0
  451. package/styled-components/es/components/Select/utils/sizeToIconSize.js +4 -0
  452. package/styled-components/es/components/Select/utils/updateAncestors.js +27 -0
  453. package/styled-components/es/components/Select/utils/updateDescendants.js +11 -0
  454. package/styled-components/es/components/Select/utils/updateSingleAncestors.js +8 -0
  455. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +25 -0
  456. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +23 -0
  457. package/styled-components/es/components/_Icon/Icons/IconDisclosureDownCentered.js +15 -0
  458. package/styled-components/es/components/_Icon/Icons/IconDisclosureRightCentered.js +15 -0
  459. package/styled-components/es/components/_Icon/index.js +2 -0
  460. package/styled-components/es/examples/_helpers.js +1 -1
  461. package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +7 -7
  462. package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
  463. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +21 -11
  464. package/styled-components/es/examples/plasma_b2c/components/Select/Select.js +3 -12
  465. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +753 -204
  466. package/styled-components/es/examples/plasma_b2c/components/Select/style.css +36 -0
  467. package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
  468. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +21 -11
  469. package/styled-components/es/examples/plasma_web/components/Select/Select.js +3 -12
  470. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +753 -200
  471. package/styled-components/es/examples/plasma_web/components/Select/style.css +37 -0
  472. package/styled-components/es/utils/index.js +1 -0
  473. package/styled-components/es/utils/isEmpty.js +42 -0
  474. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +2 -2
  475. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  476. package/types/components/Chip/Chip.tokens.d.ts +2 -0
  477. package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
  478. package/types/components/Combobox/Combobox.types.d.ts +21 -0
  479. package/types/components/Combobox/Combobox.types.d.ts.map +1 -1
  480. package/types/components/Combobox/hooks/index.d.ts +1 -0
  481. package/types/components/Combobox/hooks/index.d.ts.map +1 -1
  482. package/types/components/{Select → Combobox}/hooks/useKeyNavigation.d.ts +1 -1
  483. package/types/components/Combobox/hooks/useKeyNavigation.d.ts.map +1 -0
  484. package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.d.ts.map +1 -1
  485. package/types/components/Combobox/utils/index.d.ts +13 -1
  486. package/types/components/Combobox/utils/index.d.ts.map +1 -1
  487. package/types/components/Dropdown/Dropdown.tokens.d.ts +17 -17
  488. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  489. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -1
  490. package/types/components/Pagination/Pagination.d.ts.map +1 -1
  491. package/types/components/Pagination/Pagination.tokens.d.ts +9 -11
  492. package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
  493. package/types/components/Pagination/Pagination.types.d.ts +6 -1
  494. package/types/components/Pagination/Pagination.types.d.ts.map +1 -1
  495. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.d.ts.map +1 -1
  496. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +53 -43
  497. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  498. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts +5 -2
  499. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts.map +1 -1
  500. package/types/components/Select/Select.d.ts +7 -8
  501. package/types/components/Select/Select.d.ts.map +1 -1
  502. package/types/components/Select/Select.styles.d.ts +11 -6
  503. package/types/components/Select/Select.styles.d.ts.map +1 -1
  504. package/types/components/Select/Select.tokens.d.ts +78 -165
  505. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  506. package/types/components/Select/Select.types.d.ts +104 -67
  507. package/types/components/Select/Select.types.d.ts.map +1 -1
  508. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +43 -0
  509. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -0
  510. package/types/components/Select/hooks/usePathMaps.d.ts +8 -0
  511. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -0
  512. package/types/components/Select/index.d.ts +2 -3
  513. package/types/components/Select/index.d.ts.map +1 -1
  514. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +11 -0
  515. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +1 -0
  516. package/types/components/Select/reducers/focusedPathReducer.d.ts +16 -0
  517. package/types/components/Select/reducers/focusedPathReducer.d.ts.map +1 -0
  518. package/types/components/Select/reducers/index.d.ts +4 -0
  519. package/types/components/Select/reducers/index.d.ts.map +1 -0
  520. package/types/components/Select/reducers/pathReducer.d.ts +20 -0
  521. package/types/components/Select/reducers/pathReducer.d.ts.map +1 -0
  522. package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.d.ts +6 -0
  523. package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.d.ts.map +1 -0
  524. package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.d.ts +29 -0
  525. package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.d.ts.map +1 -0
  526. package/types/components/Select/ui/Inner/Inner.d.ts +4 -0
  527. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -0
  528. package/types/components/Select/ui/Inner/Inner.type.d.ts +13 -0
  529. package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -0
  530. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts +4 -0
  531. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -0
  532. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +19 -0
  533. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -0
  534. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +42 -0
  535. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -0
  536. package/types/components/Select/ui/Inner/ui/index.d.ts +2 -0
  537. package/types/components/Select/ui/Inner/ui/index.d.ts.map +1 -0
  538. package/types/components/Select/ui/Target/Target.d.ts +4 -0
  539. package/types/components/Select/ui/Target/Target.d.ts.map +1 -0
  540. package/types/components/Select/ui/Target/Target.types.d.ts +15 -0
  541. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -0
  542. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +4 -0
  543. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -0
  544. package/types/components/Select/ui/{SelectTarget/SelectTarget.styles.d.ts → Target/ui/Button/Button.styles.d.ts} +8 -13
  545. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -0
  546. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +4 -0
  547. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -0
  548. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +4 -0
  549. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -0
  550. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +60 -0
  551. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -0
  552. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +4 -0
  553. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -0
  554. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +9 -0
  555. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +1 -0
  556. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +3 -0
  557. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +1 -0
  558. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +2 -0
  559. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +1 -0
  560. package/types/components/Select/ui/Target/ui/index.d.ts +3 -0
  561. package/types/components/Select/ui/Target/ui/index.d.ts.map +1 -0
  562. package/types/components/Select/ui/index.d.ts +3 -6
  563. package/types/components/Select/ui/index.d.ts.map +1 -1
  564. package/types/components/Select/utils/getButtonLabel.d.ts +3 -0
  565. package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -0
  566. package/types/components/Select/utils/getCorrectHeight.d.ts +3 -0
  567. package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -0
  568. package/types/components/Select/utils/index.d.ts +7 -13
  569. package/types/components/Select/utils/index.d.ts.map +1 -1
  570. package/types/components/Select/utils/initialItemsTransform.d.ts +3 -0
  571. package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -0
  572. package/types/components/Select/utils/sizeToIconSize.d.ts +3 -0
  573. package/types/components/Select/utils/sizeToIconSize.d.ts.map +1 -0
  574. package/types/components/Select/utils/updateAncestors.d.ts +4 -0
  575. package/types/components/Select/utils/updateAncestors.d.ts.map +1 -0
  576. package/types/components/Select/utils/updateDescendants.d.ts +4 -0
  577. package/types/components/Select/utils/updateDescendants.d.ts.map +1 -0
  578. package/types/components/Select/utils/updateSingleAncestors.d.ts +4 -0
  579. package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -0
  580. package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts +4 -0
  581. package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts.map +1 -0
  582. package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts +4 -0
  583. package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts.map +1 -0
  584. package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts +4 -0
  585. package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts.map +1 -0
  586. package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts +4 -0
  587. package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts.map +1 -0
  588. package/types/components/_Icon/index.d.ts +2 -0
  589. package/types/components/_Icon/index.d.ts.map +1 -1
  590. package/types/engines/common.d.ts +3 -3
  591. package/types/engines/common.d.ts.map +1 -1
  592. package/types/engines/types.d.ts +3 -3
  593. package/types/engines/types.d.ts.map +1 -1
  594. package/types/examples/_helpers.d.ts +2 -2
  595. package/types/examples/_helpers.d.ts.map +1 -1
  596. package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts +1 -1
  597. package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts.map +1 -1
  598. package/types/examples/plasma_b2c/components/Pagination/Pagination.d.ts +1 -1
  599. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -5
  600. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  601. package/types/examples/plasma_b2c/components/Select/Select.d.ts +69 -55
  602. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  603. package/types/examples/plasma_web/components/Pagination/Pagination.config.d.ts +1 -1
  604. package/types/examples/plasma_web/components/Pagination/Pagination.config.d.ts.map +1 -1
  605. package/types/examples/plasma_web/components/Pagination/Pagination.d.ts +1 -1
  606. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -5
  607. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  608. package/types/examples/plasma_web/components/Select/Select.d.ts +69 -55
  609. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  610. package/types/utils/index.d.ts +1 -0
  611. package/types/utils/index.d.ts.map +1 -1
  612. package/types/utils/isEmpty.d.ts +3 -0
  613. package/types/utils/isEmpty.d.ts.map +1 -0
  614. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +0 -4
  615. package/cjs/components/Select/Select.styles_1q3i6gw.css +0 -4
  616. package/cjs/components/Select/hooks/useKeyNavigation.js.map +0 -1
  617. package/cjs/components/Select/ui/SelectChip/SelectChip.js +0 -39
  618. package/cjs/components/Select/ui/SelectChip/SelectChip.js.map +0 -1
  619. package/cjs/components/Select/ui/SelectChip/SelectChip.styles.js.map +0 -1
  620. package/cjs/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +0 -1
  621. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +0 -35
  622. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -41
  623. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
  624. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
  625. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
  626. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
  627. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -9
  628. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
  629. package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
  630. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -9
  631. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
  632. package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
  633. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +0 -35
  634. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -41
  635. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
  636. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
  637. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
  638. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
  639. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -9
  640. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
  641. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
  642. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -9
  643. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
  644. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
  645. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +0 -35
  646. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -41
  647. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
  648. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
  649. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
  650. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
  651. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -9
  652. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
  653. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
  654. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -9
  655. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
  656. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
  657. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +0 -35
  658. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -41
  659. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
  660. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
  661. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
  662. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
  663. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -9
  664. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
  665. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
  666. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -9
  667. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
  668. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
  669. package/cjs/components/Select/ui/SelectItem/SelectItem.css +0 -35
  670. package/cjs/components/Select/ui/SelectItem/SelectItem.js +0 -40
  671. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +0 -1
  672. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +0 -19
  673. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +0 -1
  674. package/cjs/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +0 -1
  675. package/cjs/components/Select/ui/SelectItem/variations/_size/base.js +0 -9
  676. package/cjs/components/Select/ui/SelectItem/variations/_size/base.js.map +0 -1
  677. package/cjs/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +0 -1
  678. package/cjs/components/Select/ui/SelectItem/variations/_view/base.js +0 -9
  679. package/cjs/components/Select/ui/SelectItem/variations/_view/base.js.map +0 -1
  680. package/cjs/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +0 -1
  681. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +0 -148
  682. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +0 -1
  683. package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -112
  684. package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +0 -1
  685. package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +0 -6
  686. package/cjs/components/Select/utils/index.js +0 -112
  687. package/cjs/components/Select/utils/index.js.map +0 -1
  688. package/cjs/components/Select/variations/_target/base.js +0 -9
  689. package/cjs/components/Select/variations/_target/base.js.map +0 -1
  690. package/cjs/components/Select/variations/_target/base_x642ct.css +0 -1
  691. package/emotion/cjs/components/Select/Select.template-doc.mdx +0 -115
  692. package/emotion/cjs/components/Select/hooks/index.js +0 -12
  693. package/emotion/cjs/components/Select/ui/SelectChip/SelectChip.styles.js +0 -26
  694. package/emotion/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -29
  695. package/emotion/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
  696. package/emotion/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -8
  697. package/emotion/cjs/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
  698. package/emotion/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -8
  699. package/emotion/cjs/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
  700. package/emotion/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -29
  701. package/emotion/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
  702. package/emotion/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -8
  703. package/emotion/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
  704. package/emotion/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -8
  705. package/emotion/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
  706. package/emotion/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -29
  707. package/emotion/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
  708. package/emotion/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -8
  709. package/emotion/cjs/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
  710. package/emotion/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -8
  711. package/emotion/cjs/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
  712. package/emotion/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -29
  713. package/emotion/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
  714. package/emotion/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -8
  715. package/emotion/cjs/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
  716. package/emotion/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -8
  717. package/emotion/cjs/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
  718. package/emotion/cjs/components/Select/ui/SelectItem/SelectItem.js +0 -29
  719. package/emotion/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +0 -13
  720. package/emotion/cjs/components/Select/ui/SelectItem/variations/_size/base.js +0 -8
  721. package/emotion/cjs/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
  722. package/emotion/cjs/components/Select/ui/SelectItem/variations/_view/base.js +0 -8
  723. package/emotion/cjs/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
  724. package/emotion/cjs/components/Select/ui/SelectTarget/SelectTarget.js +0 -157
  725. package/emotion/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -75
  726. package/emotion/cjs/components/Select/variations/_target/base.js +0 -8
  727. package/emotion/cjs/components/Select/variations/_target/tokens.json +0 -1
  728. package/emotion/es/components/Select/Select.template-doc.mdx +0 -115
  729. package/emotion/es/components/Select/hooks/index.js +0 -1
  730. package/emotion/es/components/Select/ui/SelectChip/SelectChip.js +0 -31
  731. package/emotion/es/components/Select/ui/SelectChip/SelectChip.styles.js +0 -20
  732. package/emotion/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -23
  733. package/emotion/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
  734. package/emotion/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -2
  735. package/emotion/es/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
  736. package/emotion/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -2
  737. package/emotion/es/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
  738. package/emotion/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -23
  739. package/emotion/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
  740. package/emotion/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -2
  741. package/emotion/es/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
  742. package/emotion/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -2
  743. package/emotion/es/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
  744. package/emotion/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -23
  745. package/emotion/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
  746. package/emotion/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -2
  747. package/emotion/es/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
  748. package/emotion/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -2
  749. package/emotion/es/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
  750. package/emotion/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -23
  751. package/emotion/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
  752. package/emotion/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -2
  753. package/emotion/es/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
  754. package/emotion/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -2
  755. package/emotion/es/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
  756. package/emotion/es/components/Select/ui/SelectItem/SelectItem.js +0 -23
  757. package/emotion/es/components/Select/ui/SelectItem/SelectItem.styles.js +0 -8
  758. package/emotion/es/components/Select/ui/SelectItem/variations/_size/base.js +0 -2
  759. package/emotion/es/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
  760. package/emotion/es/components/Select/ui/SelectItem/variations/_view/base.js +0 -2
  761. package/emotion/es/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
  762. package/emotion/es/components/Select/ui/SelectTarget/SelectTarget.js +0 -148
  763. package/emotion/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -68
  764. package/emotion/es/components/Select/variations/_target/base.js +0 -2
  765. package/emotion/es/components/Select/variations/_target/tokens.json +0 -1
  766. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +0 -4
  767. package/es/components/Select/Select.styles_1q3i6gw.css +0 -4
  768. package/es/components/Select/hooks/useKeyNavigation.js.map +0 -1
  769. package/es/components/Select/ui/SelectChip/SelectChip.js +0 -35
  770. package/es/components/Select/ui/SelectChip/SelectChip.js.map +0 -1
  771. package/es/components/Select/ui/SelectChip/SelectChip.styles.js +0 -22
  772. package/es/components/Select/ui/SelectChip/SelectChip.styles.js.map +0 -1
  773. package/es/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +0 -1
  774. package/es/components/Select/ui/SelectDivider/SelectDivider.css +0 -35
  775. package/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -36
  776. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
  777. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
  778. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
  779. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
  780. package/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -5
  781. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
  782. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
  783. package/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -5
  784. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
  785. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
  786. package/es/components/Select/ui/SelectFooter/SelectFooter.css +0 -35
  787. package/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -36
  788. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
  789. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
  790. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
  791. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
  792. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -5
  793. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
  794. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
  795. package/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -5
  796. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
  797. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
  798. package/es/components/Select/ui/SelectGroup/SelectGroup.css +0 -35
  799. package/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -36
  800. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
  801. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
  802. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
  803. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
  804. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -5
  805. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
  806. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
  807. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -5
  808. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
  809. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
  810. package/es/components/Select/ui/SelectHeader/SelectHeader.css +0 -35
  811. package/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -36
  812. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
  813. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
  814. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
  815. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
  816. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -5
  817. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
  818. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
  819. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -5
  820. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
  821. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
  822. package/es/components/Select/ui/SelectItem/SelectItem.css +0 -35
  823. package/es/components/Select/ui/SelectItem/SelectItem.js +0 -35
  824. package/es/components/Select/ui/SelectItem/SelectItem.js.map +0 -1
  825. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +0 -15
  826. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +0 -1
  827. package/es/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +0 -1
  828. package/es/components/Select/ui/SelectItem/variations/_size/base.js +0 -5
  829. package/es/components/Select/ui/SelectItem/variations/_size/base.js.map +0 -1
  830. package/es/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +0 -1
  831. package/es/components/Select/ui/SelectItem/variations/_view/base.js +0 -5
  832. package/es/components/Select/ui/SelectItem/variations/_view/base.js.map +0 -1
  833. package/es/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +0 -1
  834. package/es/components/Select/ui/SelectTarget/SelectTarget.js +0 -144
  835. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +0 -1
  836. package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -103
  837. package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +0 -1
  838. package/es/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +0 -6
  839. package/es/components/Select/utils/index.js +0 -105
  840. package/es/components/Select/utils/index.js.map +0 -1
  841. package/es/components/Select/variations/_target/base.js +0 -5
  842. package/es/components/Select/variations/_target/base.js.map +0 -1
  843. package/es/components/Select/variations/_target/base_x642ct.css +0 -1
  844. package/styled-components/cjs/components/Select/Select.template-doc.mdx +0 -115
  845. package/styled-components/cjs/components/Select/hooks/index.js +0 -12
  846. package/styled-components/cjs/components/Select/ui/SelectChip/SelectChip.styles.js +0 -25
  847. package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -29
  848. package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
  849. package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -8
  850. package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
  851. package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -8
  852. package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
  853. package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -29
  854. package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
  855. package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -8
  856. package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
  857. package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -8
  858. package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
  859. package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -29
  860. package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
  861. package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.type.js +0 -5
  862. package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -8
  863. package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
  864. package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -8
  865. package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
  866. package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -29
  867. package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
  868. package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.type.js +0 -5
  869. package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -8
  870. package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
  871. package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -8
  872. package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
  873. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +0 -29
  874. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +0 -13
  875. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.type.js +0 -5
  876. package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/base.js +0 -8
  877. package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
  878. package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/base.js +0 -8
  879. package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
  880. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +0 -157
  881. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -69
  882. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.types.js +0 -5
  883. package/styled-components/cjs/components/Select/variations/_target/base.js +0 -8
  884. package/styled-components/cjs/components/Select/variations/_target/tokens.json +0 -1
  885. package/styled-components/es/components/Select/Select.template-doc.mdx +0 -115
  886. package/styled-components/es/components/Select/hooks/index.js +0 -1
  887. package/styled-components/es/components/Select/ui/SelectChip/SelectChip.js +0 -31
  888. package/styled-components/es/components/Select/ui/SelectChip/SelectChip.styles.js +0 -19
  889. package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -23
  890. package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
  891. package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -2
  892. package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
  893. package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -2
  894. package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
  895. package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -23
  896. package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
  897. package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -2
  898. package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
  899. package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -2
  900. package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
  901. package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -23
  902. package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
  903. package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.type.js +0 -1
  904. package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -2
  905. package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
  906. package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -2
  907. package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
  908. package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -23
  909. package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
  910. package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.type.js +0 -1
  911. package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -2
  912. package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
  913. package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -2
  914. package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
  915. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +0 -23
  916. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +0 -8
  917. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.type.js +0 -1
  918. package/styled-components/es/components/Select/ui/SelectItem/variations/_size/base.js +0 -2
  919. package/styled-components/es/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
  920. package/styled-components/es/components/Select/ui/SelectItem/variations/_view/base.js +0 -2
  921. package/styled-components/es/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
  922. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +0 -148
  923. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -62
  924. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.types.js +0 -1
  925. package/styled-components/es/components/Select/variations/_target/base.js +0 -2
  926. package/styled-components/es/components/Select/variations/_target/tokens.json +0 -1
  927. package/types/components/Select/hooks/index.d.ts +0 -2
  928. package/types/components/Select/hooks/index.d.ts.map +0 -1
  929. package/types/components/Select/hooks/useKeyNavigation.d.ts.map +0 -1
  930. package/types/components/Select/ui/SelectChip/SelectChip.d.ts +0 -7
  931. package/types/components/Select/ui/SelectChip/SelectChip.d.ts.map +0 -1
  932. package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +0 -3
  933. package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +0 -1
  934. package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts +0 -37
  935. package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts.map +0 -1
  936. package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts +0 -29
  937. package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts.map +0 -1
  938. package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts +0 -3
  939. package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts.map +0 -1
  940. package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts +0 -3
  941. package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts.map +0 -1
  942. package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts +0 -2
  943. package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts.map +0 -1
  944. package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts +0 -2
  945. package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts.map +0 -1
  946. package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts +0 -29
  947. package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts.map +0 -1
  948. package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts +0 -3
  949. package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts.map +0 -1
  950. package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts +0 -3
  951. package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts.map +0 -1
  952. package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts +0 -2
  953. package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts.map +0 -1
  954. package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts +0 -2
  955. package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts.map +0 -1
  956. package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts +0 -37
  957. package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts.map +0 -1
  958. package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts +0 -3
  959. package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts.map +0 -1
  960. package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts +0 -3
  961. package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts.map +0 -1
  962. package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts +0 -2
  963. package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts.map +0 -1
  964. package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts +0 -2
  965. package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts.map +0 -1
  966. package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts +0 -29
  967. package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts.map +0 -1
  968. package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts +0 -3
  969. package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts.map +0 -1
  970. package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts +0 -3
  971. package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts.map +0 -1
  972. package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts +0 -2
  973. package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts.map +0 -1
  974. package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts +0 -2
  975. package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts.map +0 -1
  976. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +0 -53
  977. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +0 -1
  978. package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts +0 -3
  979. package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts.map +0 -1
  980. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +0 -3
  981. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts.map +0 -1
  982. package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts +0 -2
  983. package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts.map +0 -1
  984. package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts +0 -2
  985. package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts.map +0 -1
  986. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts +0 -7
  987. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +0 -1
  988. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +0 -1
  989. package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts +0 -60
  990. package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts.map +0 -1
  991. package/types/components/Select/variations/_target/base.d.ts +0 -2
  992. package/types/components/Select/variations/_target/base.d.ts.map +0 -1
  993. /package/cjs/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
  994. /package/emotion/cjs/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
  995. /package/emotion/cjs/components/Select/ui/{SelectChip/SelectChip.types.js → Inner/Inner.type.js} +0 -0
  996. /package/emotion/cjs/components/Select/ui/{SelectDivider/SelectDivider.types.js → Inner/ui/Item/Item.types.js} +0 -0
  997. /package/emotion/cjs/components/Select/ui/{SelectFooter/SelectFooter.type.js → Target/Target.types.js} +0 -0
  998. /package/emotion/cjs/components/Select/ui/{SelectGroup/SelectGroup.type.js → Target/ui/Button/Button.types.js} +0 -0
  999. /package/emotion/cjs/components/Select/ui/{SelectHeader/SelectHeader.type.js → Target/ui/Textfield/Textfield.types.js} +0 -0
  1000. /package/emotion/es/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
  1001. /package/emotion/es/components/Select/ui/{SelectChip/SelectChip.types.js → Inner/Inner.type.js} +0 -0
  1002. /package/emotion/es/components/Select/ui/{SelectDivider/SelectDivider.types.js → Inner/ui/Item/Item.types.js} +0 -0
  1003. /package/emotion/es/components/Select/ui/{SelectFooter/SelectFooter.type.js → Target/Target.types.js} +0 -0
  1004. /package/emotion/es/components/Select/ui/{SelectGroup/SelectGroup.type.js → Target/ui/Button/Button.types.js} +0 -0
  1005. /package/emotion/es/components/Select/ui/{SelectHeader/SelectHeader.type.js → Target/ui/Textfield/Textfield.types.js} +0 -0
  1006. /package/es/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
  1007. /package/styled-components/cjs/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
  1008. /package/{emotion/cjs/components/Select/ui/SelectItem/SelectItem.type.js → styled-components/cjs/components/Select/ui/Inner/Inner.type.js} +0 -0
  1009. /package/{emotion/cjs/components/Select/ui/SelectTarget/SelectTarget.types.js → styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.types.js} +0 -0
  1010. /package/styled-components/cjs/components/Select/ui/{SelectChip/SelectChip.types.js → Target/Target.types.js} +0 -0
  1011. /package/styled-components/cjs/components/Select/ui/{SelectDivider/SelectDivider.types.js → Target/ui/Button/Button.types.js} +0 -0
  1012. /package/styled-components/cjs/components/Select/ui/{SelectFooter/SelectFooter.type.js → Target/ui/Textfield/Textfield.types.js} +0 -0
  1013. /package/styled-components/es/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
  1014. /package/{emotion/es/components/Select/ui/SelectItem/SelectItem.type.js → styled-components/es/components/Select/ui/Inner/Inner.type.js} +0 -0
  1015. /package/{emotion/es/components/Select/ui/SelectTarget/SelectTarget.types.js → styled-components/es/components/Select/ui/Inner/ui/Item/Item.types.js} +0 -0
  1016. /package/styled-components/es/components/Select/ui/{SelectChip/SelectChip.types.js → Target/Target.types.js} +0 -0
  1017. /package/styled-components/es/components/Select/ui/{SelectDivider/SelectDivider.types.js → Target/ui/Button/Button.types.js} +0 -0
  1018. /package/styled-components/es/components/Select/ui/{SelectFooter/SelectFooter.type.js → Target/ui/Textfield/Textfield.types.js} +0 -0
@@ -1,272 +1,825 @@
1
1
  import React, { useState } from 'react';
2
2
  import type { ComponentProps } from 'react';
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
- import { action } from '@storybook/addon-actions';
5
4
 
6
- import { mergeConfig } from '../../../../engines';
7
- import { Checkbox } from '../Checkbox/Checkbox';
8
- import { Button } from '../Button/Button';
9
- import { SelectPrimitiveValue, selectConfig } from '../../../../components/Select';
10
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
11
- import { IconDone, IconClose } from '../../../../components/_Icon';
5
+ import './style.css';
12
6
 
13
- import { Select, SelectDivider, SelectItem } from './Select';
14
- import { config } from './Select.config';
7
+ import { WithTheme } from '../../../_helpers';
8
+ import { IconDone } from '../../../../components/_Icon';
15
9
 
16
- const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
17
- const enumerations: Array<string> = ['comma', 'chip'];
10
+ import { Select } from './Select';
18
11
 
19
- type StorySelectPropsCustom = {
20
- skidding?: number;
21
- distance?: number;
12
+ type StorySelectProps = ComponentProps<typeof Select> & {
13
+ enableContentLeft?: boolean;
22
14
  };
23
15
 
24
- type StorySelectProps = ComponentProps<typeof Select> & StorySelectPropsCustom;
16
+ const view = ['default', 'accent', 'secondary', 'clear', 'positive', 'warning', 'negative', 'dark', 'black', 'white'];
17
+ const size = ['xs', 's', 'm', 'l'];
18
+ const labelPlacement = ['inner', 'outer'];
19
+ const chip = ['default', 'secondary', 'accent'];
20
+ const variant = ['normal', 'tight'];
25
21
 
26
22
  const meta: Meta<StorySelectProps> = {
27
23
  title: 'plasma_web/Select',
28
24
  decorators: [WithTheme],
29
25
  component: Select,
30
26
  argTypes: {
31
- placement: {
32
- options: placements,
27
+ target: {
28
+ options: ['button-like', 'textfield-like'],
33
29
  control: {
34
30
  type: 'select',
35
31
  },
36
32
  },
37
- enumerationType: {
38
- options: enumerations,
33
+ size: {
34
+ options: size,
35
+ control: {
36
+ type: 'select',
37
+ },
38
+ },
39
+ view: {
40
+ options: view,
41
+ control: {
42
+ type: 'select',
43
+ },
44
+ },
45
+ labelPlacement: {
46
+ options: labelPlacement,
47
+ control: {
48
+ type: 'select',
49
+ },
50
+ },
51
+ chipView: {
52
+ options: chip,
53
+ control: {
54
+ type: 'select',
55
+ },
56
+ },
57
+ variant: {
58
+ options: variant,
39
59
  control: {
40
60
  type: 'select',
41
61
  },
42
62
  },
43
- ...argTypesFromConfig(mergeConfig(selectConfig, config)),
44
63
  },
45
64
  args: {
46
- usePortal: false,
47
- disabled: false,
48
- readOnly: false,
65
+ multiselect: false,
66
+ target: 'textfield-like',
49
67
  label: 'Label',
50
- target: 'button-like',
51
- enumerationType: 'comma',
68
+ labelPlacement: 'outer',
69
+ placeholder: 'Placeholder',
70
+ helperText: 'Helper text',
52
71
  size: 'm',
53
72
  view: 'default',
54
- placement: 'bottom',
73
+ chipView: 'default',
74
+ enableContentLeft: false,
75
+ isTargetAmount: false,
76
+ variant: 'normal',
77
+ disabled: false,
78
+ separator: '',
55
79
  },
56
80
  };
57
81
 
58
82
  export default meta;
59
83
 
60
- const onChangeAction = action('onChange');
61
-
62
- const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = {
63
- xs: 'xs',
64
- s: 's',
65
- m: 's',
66
- l: 's',
67
- };
68
-
69
- const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = {
70
- xs: 's',
71
- s: 'm',
72
- m: 'm',
73
- l: 'm',
74
- };
75
-
76
- const getSelectItems = (slug: string, elemCount: number) =>
77
- [...Array(elemCount).keys()].map((num) => ({
78
- value: `${slug}_${num}`,
79
- child: `${slug} ${num}`,
80
- }));
81
-
82
- const StorySingle = (args: StorySelectProps) => {
83
- const { usePortal, placement, label, readOnly, disabled, size = 'm', view, target } = args;
84
-
85
- const [value, setValue] = useState<SelectPrimitiveValue | undefined>('item_0');
84
+ const items = [
85
+ {
86
+ value: 'north_america',
87
+ label: 'Северная Америка',
88
+ },
89
+ {
90
+ value: 'south_america',
91
+ label: 'Южная Америка',
92
+ items: [
93
+ {
94
+ value: 'brazil',
95
+ label: 'Бразилия',
96
+ items: [
97
+ {
98
+ value: 'rio_de_janeiro',
99
+ label: 'Рио-де-Жанейро',
100
+ },
101
+ {
102
+ value: 'sao_paulo',
103
+ label: 'Сан-Паулу',
104
+ },
105
+ ],
106
+ },
107
+ {
108
+ value: 'argentina',
109
+ label: 'Аргентина',
110
+ items: [
111
+ {
112
+ value: 'buenos_aires',
113
+ label: 'Буэнос-Айрес',
114
+ },
115
+ {
116
+ value: 'cordoba',
117
+ label: 'Кордова',
118
+ },
119
+ ],
120
+ },
121
+ {
122
+ value: 'colombia',
123
+ label: 'Колумбия',
124
+ items: [
125
+ {
126
+ value: 'bogota',
127
+ label: 'Богота',
128
+ },
129
+ {
130
+ value: 'medellin',
131
+ label: 'Медельин',
132
+ },
133
+ ],
134
+ },
135
+ ],
136
+ },
137
+ {
138
+ value: 'europe',
139
+ label: 'Европа',
140
+ items: [
141
+ {
142
+ value: 'france',
143
+ label: 'Франция',
144
+ items: [
145
+ {
146
+ value: 'paris',
147
+ label: 'Париж',
148
+ },
149
+ {
150
+ value: 'lyon',
151
+ label: 'Лион',
152
+ },
153
+ ],
154
+ },
155
+ {
156
+ value: 'germany',
157
+ label: 'Германия',
158
+ items: [
159
+ {
160
+ value: 'berlin',
161
+ label: 'Берлин',
162
+ },
163
+ {
164
+ value: 'munich',
165
+ label: 'Мюнхен',
166
+ },
167
+ ],
168
+ },
169
+ {
170
+ value: 'italy',
171
+ label: 'Италия',
172
+ items: [
173
+ {
174
+ value: 'rome',
175
+ label: 'Рим',
176
+ },
177
+ {
178
+ value: 'milan',
179
+ label: 'Милан',
180
+ },
181
+ ],
182
+ },
183
+ {
184
+ value: 'spain',
185
+ label: 'Испания',
186
+ items: [
187
+ {
188
+ value: 'madrid',
189
+ label: 'Мадрид',
190
+ },
191
+ {
192
+ value: 'barcelona',
193
+ label: 'Барселона',
194
+ },
195
+ ],
196
+ },
197
+ {
198
+ value: 'united_kingdom',
199
+ label: 'Великобритания',
200
+ items: [
201
+ {
202
+ value: 'london',
203
+ label: 'Лондон',
204
+ },
205
+ {
206
+ value: 'manchester',
207
+ label: 'Манчестер',
208
+ },
209
+ ],
210
+ },
211
+ ],
212
+ },
213
+ {
214
+ value: 'asia',
215
+ label: 'Азия',
216
+ items: [
217
+ {
218
+ value: 'china',
219
+ label: 'Китай',
220
+ items: [
221
+ {
222
+ value: 'beijing',
223
+ label: 'Пекин',
224
+ },
225
+ {
226
+ value: 'shanghai',
227
+ label: 'Шанхай',
228
+ },
229
+ ],
230
+ },
231
+ {
232
+ value: 'japan',
233
+ label: 'Япония',
234
+ items: [
235
+ {
236
+ value: 'tokyo',
237
+ label: 'Токио',
238
+ },
239
+ {
240
+ value: 'osaka',
241
+ label: 'Осака',
242
+ },
243
+ ],
244
+ },
245
+ {
246
+ value: 'india',
247
+ label: 'Индия',
248
+ items: [
249
+ {
250
+ value: 'delhi',
251
+ label: 'Дели',
252
+ },
253
+ {
254
+ value: 'mumbai',
255
+ label: 'Мумбаи',
256
+ },
257
+ ],
258
+ },
259
+ {
260
+ value: 'south_korea',
261
+ label: 'Южная Корея',
262
+ items: [
263
+ {
264
+ value: 'seoul',
265
+ label: 'Сеул',
266
+ },
267
+ {
268
+ value: 'busan',
269
+ label: 'Пусан',
270
+ },
271
+ ],
272
+ },
273
+ {
274
+ value: 'thailand',
275
+ label: 'Таиланд',
276
+ items: [
277
+ {
278
+ value: 'bangkok',
279
+ label: 'Бангкок',
280
+ },
281
+ {
282
+ value: 'phuket',
283
+ label: 'Пхукет',
284
+ },
285
+ ],
286
+ },
287
+ ],
288
+ },
289
+ {
290
+ value: 'africa',
291
+ label: 'Африка',
292
+ isDisabled: true,
293
+ },
294
+ ];
86
295
 
87
- const onChangeValue = (newValue?: SelectPrimitiveValue) => {
88
- setValue(newValue);
89
- onChangeAction(newValue);
90
- };
296
+ const SingleStory = (args: StorySelectProps) => {
297
+ const [value, setValue] = useState('');
91
298
 
92
299
  return (
93
- <div style={{ width: '50%' }} id="portal-test">
300
+ <div style={{ width: '300px' }}>
94
301
  <Select
95
- frame="theme-root"
96
- usePortal={usePortal}
97
- valueType="single"
302
+ {...args}
303
+ items={items}
98
304
  value={value}
99
- placement={placement}
100
- label={label}
101
- size={size}
102
- view={view}
103
- target={target}
104
- disabled={disabled}
105
- readOnly={readOnly}
106
- onChangeValue={onChangeValue}
107
- >
108
- <SelectItem value={undefined} text="Clear" />
109
- {getSelectItems('item', 6).map((item) => (
110
- <SelectItem
111
- key={item.value}
112
- contentLeft={
113
- item.value === value ? <IconDone size={iconDoneToSelectSizeMap[size]} /> : undefined
114
- }
115
- value={item.value}
116
- text={item.child}
117
- />
118
- ))}
119
- </Select>
305
+ onChange={setValue}
306
+ contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
307
+ />
120
308
  </div>
121
309
  );
122
310
  };
123
311
 
124
312
  export const Single: StoryObj<StorySelectProps> = {
125
- render: (args) => <StorySingle {...args} />,
313
+ render: (args) => <SingleStory {...args} />,
126
314
  };
127
315
 
128
- const StoryMultiple = (args: StorySelectProps) => {
129
- const { usePortal, placement, label, readOnly, disabled, enumerationType, size = 'm', view, target } = args;
130
-
131
- const [value, setValue] = useState<Array<SelectPrimitiveValue> | undefined>(['item_2', 'item_3']);
132
-
133
- const onChangeValue = (newValue?: Array<SelectPrimitiveValue>) => {
134
- setValue(newValue);
135
- onChangeAction(newValue);
136
- };
316
+ const MultiselectStory = (args: StorySelectProps) => {
317
+ const [value, setValue] = useState<Array<string>>([]);
137
318
 
138
319
  return (
139
- <div style={{ width: '50%' }}>
320
+ <div style={{ width: '300px' }}>
140
321
  <Select
141
- frame="theme-root"
142
- usePortal={usePortal}
143
- valueType="multiple"
322
+ {...args}
323
+ items={items}
144
324
  value={value}
145
- placement={placement}
146
- label={label}
147
- size={size}
148
- view={view}
149
- target={target}
150
- enumerationType={enumerationType}
151
- disabled={disabled}
152
- readOnly={readOnly}
153
- onChangeValue={onChangeValue}
154
- >
155
- {getSelectItems('item', 6).map((item) => (
156
- <SelectItem
157
- key={item.value}
158
- contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />}
159
- value={item.value}
160
- text={item.child}
161
- />
162
- ))}
163
- </Select>
325
+ onChange={setValue}
326
+ contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
327
+ />
164
328
  </div>
165
329
  );
166
330
  };
167
331
 
168
- export const Multiple: StoryObj<StorySelectProps> = {
169
- render: (args) => <StoryMultiple {...args} />,
332
+ export const Multiselect: StoryObj<StorySelectProps> = {
333
+ args: {
334
+ multiselect: true,
335
+ },
336
+ render: (args) => <MultiselectStory {...args} />,
170
337
  };
171
338
 
172
- const StoryNative = (args: StorySelectProps) => {
173
- const { usePortal, placement, label, readOnly, disabled, size = 'm', view, target } = args;
339
+ const PredefinedStory = (args: StorySelectProps) => {
340
+ const [valueSingle, setValueSingle] = useState('paris');
341
+ const [valueMultiple, setValueMultiple] = useState(['paris', 'north_america']);
174
342
 
175
- const [value, setValue] = useState<SelectPrimitiveValue | undefined>('item_0');
343
+ return (
344
+ <div style={{ width: '300px' }}>
345
+ <Select
346
+ {...args}
347
+ items={items}
348
+ value={valueSingle}
349
+ onChange={setValueSingle}
350
+ contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
351
+ />
176
352
 
177
- const onChangeValue = (newValue?: SelectPrimitiveValue) => {
178
- setValue(newValue);
179
- onChangeAction(newValue);
180
- };
353
+ <br />
181
354
 
182
- return (
183
- <div style={{ width: '50%' }}>
184
355
  <Select
185
- frame="theme-root"
186
- usePortal={usePortal}
187
- valueType="native"
188
- value={value}
189
- placement={placement}
190
- label={label}
191
- size={size}
192
- view={view}
193
- target={target}
194
- disabled={disabled}
195
- readOnly={readOnly}
196
- onChangeValue={onChangeValue}
197
- >
198
- {getSelectItems('item', 6).map((item) => (
199
- <option key={item.value} value={item.value}>
200
- {item.child}
201
- </option>
202
- ))}
203
- </Select>
356
+ {...args}
357
+ multiselect
358
+ items={items}
359
+ value={valueMultiple}
360
+ onChange={setValueMultiple}
361
+ contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
362
+ />
204
363
  </div>
205
364
  );
206
365
  };
207
366
 
208
- export const Native: StoryObj<StorySelectProps> = {
209
- render: (args) => <StoryNative {...args} />,
367
+ export const Predefined: StoryObj<StorySelectProps> = {
368
+ parameters: {
369
+ controls: {
370
+ exclude: ['multiselect'],
371
+ },
372
+ },
373
+ render: (args) => <PredefinedStory {...args} />,
210
374
  };
211
375
 
212
- const StoryControlledOpen = (args: StorySelectProps) => {
213
- const { usePortal, placement, label, readOnly, disabled, size = 'm', view, target } = args;
214
-
215
- const [opened, setOpened] = useState(true);
216
- const [iconColor, setIconColor] = useState('green');
217
- const [value, setV] = useState<string | number | boolean | undefined>('item_0');
376
+ const CommonStory = (args: StorySelectProps) => {
377
+ const [value, setValue] = useState('');
378
+ const [valueMultiple, setValueMultiple] = useState<Array<string>>([]);
218
379
 
219
- const onChangeValue = (newValue?: SelectPrimitiveValue) => {
220
- setV(newValue);
221
- onChangeAction(newValue);
222
- };
223
- const onToggle = (openValue: boolean) => setOpened(openValue);
224
- const onOpen = () => setOpened((v) => !v);
225
- const onMouseEnter = () => setIconColor('red');
226
- const onMouseLeave = () => setIconColor('green');
380
+ const { enableContentLeft } = args;
227
381
 
228
382
  return (
229
- <>
230
- <Button onClick={onOpen}>Open select</Button>
231
- <div style={{ width: '50%' }}>
232
- <Select
233
- frame="theme-root"
234
- usePortal={usePortal}
235
- value={value}
236
- opened={opened}
237
- onToggle={onToggle}
238
- placement={placement}
239
- label={label}
240
- size={size}
241
- view={view}
242
- target={target}
243
- disabled={disabled}
244
- readOnly={readOnly}
245
- onChangeValue={onChangeValue}
246
- >
247
- {getSelectItems('item', 6).map((item) => (
248
- <SelectItem
249
- key={item.value}
250
- contentLeft={
251
- item.value === value ? <IconDone size={iconDoneToSelectSizeMap[size]} /> : undefined
252
- }
253
- value={item.value}
254
- text={item.child}
255
- />
256
- ))}
257
- <SelectDivider />
258
- <SelectItem value="custom">
259
- <div onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
260
- <IconClose color={iconColor} />
261
- </div>
262
- <div>Custom item element</div>
263
- </SelectItem>
264
- </Select>
265
- </div>
266
- </>
383
+ <div className="container">
384
+ <table>
385
+ <thead>
386
+ <tr>
387
+ <th>View &#8595;</th>
388
+ <th>Single Button</th>
389
+ <th>Multiple Button</th>
390
+ <th>Single Textfield</th>
391
+ <th>Multiple Textfield</th>
392
+ </tr>
393
+ </thead>
394
+
395
+ <tbody>
396
+ <tr>
397
+ <td>Default</td>
398
+ <td>
399
+ <div style={{ width: '200px' }}>
400
+ <Select
401
+ {...args}
402
+ items={items}
403
+ value={value}
404
+ onChange={setValue}
405
+ view="default"
406
+ target="button-like"
407
+ />
408
+ </div>
409
+ </td>
410
+ <td>
411
+ <div style={{ width: '200px' }}>
412
+ <Select
413
+ {...args}
414
+ multiselect
415
+ items={items}
416
+ value={valueMultiple}
417
+ onChange={setValueMultiple}
418
+ view="default"
419
+ target="button-like"
420
+ />
421
+ </div>
422
+ </td>
423
+ <td>
424
+ <div style={{ width: '200px' }}>
425
+ <Select
426
+ {...args}
427
+ items={items}
428
+ value={value}
429
+ onChange={setValue}
430
+ view="default"
431
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
432
+ />
433
+ </div>
434
+ </td>
435
+ <td>
436
+ <div style={{ width: '200px' }}>
437
+ <Select
438
+ {...args}
439
+ multiselect
440
+ items={items}
441
+ value={valueMultiple}
442
+ onChange={setValueMultiple}
443
+ view="default"
444
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
445
+ />
446
+ </div>
447
+ </td>
448
+ </tr>
449
+ <tr>
450
+ <td>Accent</td>
451
+ <td>
452
+ <div style={{ width: '200px' }}>
453
+ <Select
454
+ {...args}
455
+ items={items}
456
+ value={value}
457
+ onChange={setValue}
458
+ view="accent"
459
+ target="button-like"
460
+ />
461
+ </div>
462
+ </td>
463
+ <td>
464
+ <div style={{ width: '200px' }}>
465
+ <Select
466
+ {...args}
467
+ multiselect
468
+ items={items}
469
+ value={valueMultiple}
470
+ onChange={setValueMultiple}
471
+ view="accent"
472
+ target="button-like"
473
+ />
474
+ </div>
475
+ </td>
476
+ <td />
477
+ <td />
478
+ </tr>
479
+ <tr>
480
+ <td>Secondary</td>
481
+ <td>
482
+ <div style={{ width: '200px' }}>
483
+ <Select
484
+ {...args}
485
+ items={items}
486
+ value={value}
487
+ onChange={setValue}
488
+ view="secondary"
489
+ target="button-like"
490
+ />
491
+ </div>
492
+ </td>
493
+ <td>
494
+ <div style={{ width: '200px' }}>
495
+ <Select
496
+ {...args}
497
+ multiselect
498
+ items={items}
499
+ value={valueMultiple}
500
+ onChange={setValueMultiple}
501
+ view="secondary"
502
+ target="button-like"
503
+ />
504
+ </div>
505
+ </td>
506
+ <td />
507
+ <td />
508
+ </tr>
509
+ <tr>
510
+ <td>Clear</td>
511
+
512
+ <td>
513
+ <div style={{ width: '200px' }}>
514
+ <Select
515
+ {...args}
516
+ items={items}
517
+ value={value}
518
+ onChange={setValue}
519
+ view="clear"
520
+ target="button-like"
521
+ />
522
+ </div>
523
+ </td>
524
+ <td>
525
+ <div style={{ width: '200px' }}>
526
+ <Select
527
+ {...args}
528
+ multiselect
529
+ items={items}
530
+ value={valueMultiple}
531
+ onChange={setValueMultiple}
532
+ view="clear"
533
+ target="button-like"
534
+ />
535
+ </div>
536
+ </td>
537
+ <td />
538
+ <td />
539
+ </tr>
540
+ <tr>
541
+ <td>Positive</td>
542
+ <td>
543
+ <div style={{ width: '200px' }}>
544
+ <Select
545
+ {...args}
546
+ items={items}
547
+ value={value}
548
+ onChange={setValue}
549
+ view="positive"
550
+ target="button-like"
551
+ />
552
+ </div>
553
+ </td>
554
+ <td>
555
+ <div style={{ width: '200px' }}>
556
+ <Select
557
+ {...args}
558
+ multiselect
559
+ items={items}
560
+ value={valueMultiple}
561
+ onChange={setValueMultiple}
562
+ view="positive"
563
+ target="button-like"
564
+ />
565
+ </div>
566
+ </td>
567
+ <td>
568
+ <div style={{ width: '200px' }}>
569
+ <Select
570
+ {...args}
571
+ items={items}
572
+ value={value}
573
+ onChange={setValue}
574
+ view="positive"
575
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
576
+ />
577
+ </div>
578
+ </td>
579
+ <td>
580
+ <div style={{ width: '200px' }}>
581
+ <Select
582
+ {...args}
583
+ multiselect
584
+ items={items}
585
+ value={valueMultiple}
586
+ onChange={setValueMultiple}
587
+ view="positive"
588
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
589
+ />
590
+ </div>
591
+ </td>
592
+ </tr>
593
+ <tr>
594
+ <td>Warning</td>
595
+ <td>
596
+ <div style={{ width: '200px' }}>
597
+ <Select
598
+ {...args}
599
+ items={items}
600
+ value={value}
601
+ onChange={setValue}
602
+ view="warning"
603
+ target="button-like"
604
+ />
605
+ </div>
606
+ </td>
607
+ <td>
608
+ <div style={{ width: '200px' }}>
609
+ <Select
610
+ {...args}
611
+ multiselect
612
+ items={items}
613
+ value={valueMultiple}
614
+ onChange={setValueMultiple}
615
+ view="warning"
616
+ target="button-like"
617
+ />
618
+ </div>
619
+ </td>
620
+ <td>
621
+ <div style={{ width: '200px' }}>
622
+ <Select
623
+ {...args}
624
+ items={items}
625
+ value={value}
626
+ onChange={setValue}
627
+ view="warning"
628
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
629
+ />
630
+ </div>
631
+ </td>
632
+ <td>
633
+ <div style={{ width: '200px' }}>
634
+ <Select
635
+ {...args}
636
+ multiselect
637
+ items={items}
638
+ value={valueMultiple}
639
+ onChange={setValueMultiple}
640
+ view="warning"
641
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
642
+ />
643
+ </div>
644
+ </td>
645
+ </tr>
646
+ <tr>
647
+ <td>Negative</td>
648
+ <td>
649
+ <div style={{ width: '200px' }}>
650
+ <Select
651
+ {...args}
652
+ items={items}
653
+ value={value}
654
+ onChange={setValue}
655
+ view="negative"
656
+ target="button-like"
657
+ />
658
+ </div>
659
+ </td>
660
+ <td>
661
+ <div style={{ width: '200px' }}>
662
+ <Select
663
+ {...args}
664
+ multiselect
665
+ items={items}
666
+ value={valueMultiple}
667
+ onChange={setValueMultiple}
668
+ view="negative"
669
+ target="button-like"
670
+ />
671
+ </div>
672
+ </td>
673
+ <td>
674
+ <div style={{ width: '200px' }}>
675
+ <Select
676
+ {...args}
677
+ items={items}
678
+ value={value}
679
+ onChange={setValue}
680
+ view="negative"
681
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
682
+ />
683
+ </div>
684
+ </td>
685
+ <td>
686
+ <div style={{ width: '200px' }}>
687
+ <Select
688
+ {...args}
689
+ multiselect
690
+ items={items}
691
+ value={valueMultiple}
692
+ onChange={setValueMultiple}
693
+ view="negative"
694
+ contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
695
+ />
696
+ </div>
697
+ </td>
698
+ </tr>
699
+ <tr>
700
+ <td>Dark</td>
701
+ <td>
702
+ <div style={{ width: '200px' }}>
703
+ <Select
704
+ {...args}
705
+ items={items}
706
+ value={value}
707
+ onChange={setValue}
708
+ view="dark"
709
+ target="button-like"
710
+ />
711
+ </div>
712
+ </td>
713
+ <td>
714
+ <div style={{ width: '200px' }}>
715
+ <Select
716
+ {...args}
717
+ multiselect
718
+ items={items}
719
+ value={valueMultiple}
720
+ onChange={setValueMultiple}
721
+ view="dark"
722
+ target="button-like"
723
+ />
724
+ </div>
725
+ </td>
726
+ <td />
727
+ <td />
728
+ </tr>
729
+ <tr>
730
+ <td>Black</td>
731
+ <td>
732
+ <div style={{ width: '200px' }}>
733
+ <Select
734
+ {...args}
735
+ items={items}
736
+ value={value}
737
+ onChange={setValue}
738
+ view="black"
739
+ target="button-like"
740
+ />
741
+ </div>
742
+ </td>
743
+ <td>
744
+ <div style={{ width: '200px' }}>
745
+ <Select
746
+ {...args}
747
+ multiselect
748
+ items={items}
749
+ value={valueMultiple}
750
+ onChange={setValueMultiple}
751
+ view="black"
752
+ target="button-like"
753
+ />
754
+ </div>
755
+ </td>
756
+ <td />
757
+ <td />
758
+ </tr>
759
+ <tr>
760
+ <td>White</td>
761
+ <td>
762
+ <div style={{ width: '200px' }}>
763
+ <Select
764
+ {...args}
765
+ items={items}
766
+ value={value}
767
+ onChange={setValue}
768
+ view="white"
769
+ target="button-like"
770
+ />
771
+ </div>
772
+ </td>
773
+ <td>
774
+ <div style={{ width: '200px' }}>
775
+ <Select
776
+ {...args}
777
+ multiselect
778
+ items={items}
779
+ value={valueMultiple}
780
+ onChange={setValueMultiple}
781
+ view="white"
782
+ target="button-like"
783
+ />
784
+ </div>
785
+ </td>
786
+ <td />
787
+ <td />
788
+ </tr>
789
+ </tbody>
790
+ </table>
791
+ </div>
267
792
  );
268
793
  };
269
794
 
270
- export const ControlledOpen: StoryObj<StorySelectProps> = {
271
- render: (args) => <StoryControlledOpen {...args} />,
795
+ export const Common: StoryObj<StorySelectProps> = {
796
+ parameters: {
797
+ controls: {
798
+ include: [
799
+ 'size',
800
+ 'enableContentLeft',
801
+ 'chipView',
802
+ 'label',
803
+ 'labelPlacement',
804
+ 'placeholder',
805
+ 'helperText',
806
+ 'isTargetAmount',
807
+ 'variant',
808
+ 'disabled',
809
+ 'separator',
810
+ ],
811
+ },
812
+ },
813
+ argTypes: {
814
+ size: {
815
+ options: size,
816
+ control: {
817
+ type: 'select',
818
+ },
819
+ },
820
+ },
821
+ args: {
822
+ size: 'm',
823
+ },
824
+ render: (args) => <CommonStory {...args} />,
272
825
  };