@salutejs/plasma-new-hope 0.175.1-canary.1506.11553215359.0 → 0.175.2-canary.1505.11553165432.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (593) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  3. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  4. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  5. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  6. package/cjs/components/Autocomplete/ui/TextField/{TextField.styles_1ye9068.css → TextField.styles_1csckkd.css} +1 -1
  7. package/cjs/components/Calendar/Calendar.tokens.js +0 -3
  8. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +10 -11
  10. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  11. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  12. package/{es/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css → cjs/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css} +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +10 -11
  14. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -9
  15. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
  16. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  17. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -11
  18. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  19. package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +0 -1
  20. package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
  21. package/cjs/components/Combobox/ComboboxNew/Combobox.js +27 -22
  22. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  23. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  24. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  25. package/{es/components/Combobox/ComboboxNew/Combobox.styles_1nqrvms.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  26. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  27. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  28. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  29. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
  30. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  31. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  32. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +7 -21
  33. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  34. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1njzasn.css → Item.styles_y71664.css} +3 -3
  35. package/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js +21 -0
  36. package/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js.map +1 -0
  37. package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +9 -5
  38. package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -1
  39. package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
  40. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  41. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  42. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  43. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  44. package/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  45. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  46. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  47. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePickerBase.styles_mjc9xz.css +2 -0
  49. package/cjs/components/DatePicker/RangeDate/RangeDate.css +14 -15
  50. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -13
  51. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  52. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +2 -0
  53. package/cjs/components/DatePicker/SingleDate/SingleDate.css +14 -15
  54. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  55. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  56. package/{es/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css} +1 -1
  57. package/cjs/components/Dropdown/Dropdown.css +30 -16
  58. package/cjs/components/Dropdown/Dropdown.js +60 -37
  59. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  60. package/cjs/components/Dropdown/Dropdown.styles.js +14 -26
  61. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  62. package/cjs/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  63. package/cjs/components/Dropdown/Dropdown.tokens.js +24 -3
  64. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  65. package/cjs/components/Dropdown/FloatingPopover.js +104 -0
  66. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
  67. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  68. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  69. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  70. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  71. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  72. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +25 -31
  73. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  74. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  75. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  76. package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  77. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  78. package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
  79. package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  80. package/cjs/components/Dropdown/utils/getItemId.js +10 -0
  81. package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
  82. package/cjs/components/Dropdown/utils/getPlacement.js +16 -0
  83. package/cjs/components/Dropdown/utils/getPlacement.js.map +1 -0
  84. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  85. package/cjs/components/Notification/Notification.css +11 -11
  86. package/cjs/components/Notification/Notification.styles.js +15 -15
  87. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  88. package/cjs/components/Notification/{Notification.styles_1g34msm.css → Notification.styles_7h8hp0.css} +1 -1
  89. package/cjs/components/Notification/Notification.tokens.js +0 -2
  90. package/cjs/components/Notification/Notification.tokens.js.map +1 -1
  91. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  92. package/cjs/components/Pagination/Pagination.css +10 -10
  93. package/cjs/components/Pagination/Pagination.js +5 -5
  94. package/cjs/components/Pagination/Pagination.js.map +1 -1
  95. package/cjs/components/Pagination/Pagination.styles.js +3 -3
  96. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  97. package/cjs/components/Pagination/{Pagination.styles_1w5oej6.css → Pagination.styles_y6gcva.css} +1 -1
  98. package/cjs/components/Pagination/Pagination.tokens.js +1 -4
  99. package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
  100. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  101. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  102. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  103. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  104. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  105. package/cjs/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_1fesyfv.css → PaginationSelectPerPage.styles_187mk6b.css} +1 -1
  106. package/cjs/components/Select/Select.js +14 -26
  107. package/cjs/components/Select/Select.js.map +1 -1
  108. package/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -1
  109. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  110. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  111. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  112. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  113. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  114. package/cjs/components/Select/utils/getButtonLabel.js +1 -1
  115. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  116. package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
  117. package/cjs/components/Select/utils/getInitialValue.js +21 -0
  118. package/cjs/components/Select/utils/getInitialValue.js.map +1 -0
  119. package/cjs/components/Select/utils/initialItemsTransform.js +9 -6
  120. package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
  121. package/cjs/components/Tabs/tokens.js +1 -7
  122. package/cjs/components/Tabs/tokens.js.map +1 -1
  123. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  124. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  125. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  126. package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css} +1 -1
  127. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  128. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  129. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  130. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1g7zipg.css → VerticalTabItem.styles_16d3lah.css} +1 -1
  131. package/cjs/hooks/useOutsideClick.js +1 -1
  132. package/cjs/hooks/useOutsideClick.js.map +1 -1
  133. package/cjs/index.css +71 -74
  134. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  135. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  136. package/emotion/cjs/components/Calendar/Calendar.tokens.js +0 -3
  137. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  138. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  139. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +17 -22
  140. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -22
  141. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  142. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  143. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  144. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -21
  145. package/emotion/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js +20 -0
  146. package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +8 -1
  147. package/emotion/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  148. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  149. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
  150. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  151. package/emotion/cjs/components/Dropdown/Dropdown.js +58 -37
  152. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
  153. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -4
  154. package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
  155. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  156. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  157. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
  158. package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  159. package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
  160. package/emotion/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  161. package/emotion/cjs/components/Dropdown/utils/index.js +23 -1
  162. package/emotion/cjs/components/Notification/Notification.styles.js +11 -11
  163. package/emotion/cjs/components/Notification/Notification.tokens.js +0 -2
  164. package/emotion/cjs/components/Pagination/Pagination.js +5 -5
  165. package/emotion/cjs/components/Pagination/Pagination.styles.js +8 -8
  166. package/emotion/cjs/components/Pagination/Pagination.tokens.js +1 -4
  167. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  168. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  169. package/emotion/cjs/components/Select/Select.js +12 -25
  170. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -1
  171. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  172. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  173. package/emotion/cjs/components/Select/utils/getButtonLabel.js +1 -1
  174. package/emotion/cjs/components/Select/utils/getInitialValue.js +20 -0
  175. package/emotion/cjs/components/Select/utils/index.js +8 -1
  176. package/emotion/cjs/components/Select/utils/initialItemsTransform.js +19 -6
  177. package/emotion/cjs/components/Tabs/tokens.js +1 -7
  178. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  179. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  180. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  181. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  182. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  183. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  184. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  185. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  186. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  187. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  188. package/emotion/cjs/hooks/useOutsideClick.js +1 -1
  189. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  190. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  191. package/emotion/es/components/Calendar/Calendar.tokens.js +0 -3
  192. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  193. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  194. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +16 -21
  195. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +27 -23
  196. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  197. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  198. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  199. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -21
  200. package/emotion/es/components/Combobox/ComboboxNew/utils/getInitialValue.js +14 -0
  201. package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +2 -1
  202. package/emotion/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  203. package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -5
  204. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
  205. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  206. package/emotion/es/components/Dropdown/Dropdown.js +60 -40
  207. package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
  208. package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -3
  209. package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
  210. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  211. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  212. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
  213. package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  214. package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
  215. package/emotion/es/components/Dropdown/utils/getPlacement.js +9 -0
  216. package/emotion/es/components/Dropdown/utils/index.js +4 -1
  217. package/emotion/es/components/Notification/Notification.styles.js +11 -11
  218. package/emotion/es/components/Notification/Notification.tokens.js +0 -2
  219. package/emotion/es/components/Pagination/Pagination.js +5 -5
  220. package/emotion/es/components/Pagination/Pagination.styles.js +8 -8
  221. package/emotion/es/components/Pagination/Pagination.tokens.js +1 -4
  222. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  223. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  224. package/emotion/es/components/Select/Select.js +13 -26
  225. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +1 -1
  226. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  227. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  228. package/emotion/es/components/Select/utils/getButtonLabel.js +1 -1
  229. package/emotion/es/components/Select/utils/getInitialValue.js +14 -0
  230. package/emotion/es/components/Select/utils/index.js +2 -1
  231. package/emotion/es/components/Select/utils/initialItemsTransform.js +19 -6
  232. package/emotion/es/components/Tabs/tokens.js +1 -7
  233. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  234. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  235. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  236. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  237. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  238. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  239. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  240. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  241. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  242. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  243. package/emotion/es/hooks/useOutsideClick.js +1 -1
  244. package/es/components/Autocomplete/Autocomplete.css +1 -1
  245. package/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  246. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  247. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  248. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  249. package/es/components/Autocomplete/ui/TextField/{TextField.styles_1ye9068.css → TextField.styles_1csckkd.css} +1 -1
  250. package/es/components/Calendar/Calendar.tokens.js +0 -3
  251. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  252. package/es/components/Calendar/CalendarBase/CalendarBase.css +10 -11
  253. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  254. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  255. package/{cjs/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css → es/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css} +1 -1
  256. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +10 -11
  257. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -9
  258. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -4
  259. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  260. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -11
  261. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  262. package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +0 -1
  263. package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
  264. package/es/components/Combobox/ComboboxNew/Combobox.js +27 -22
  265. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  266. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  267. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  268. package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_1nqrvms.css → es/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  269. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  270. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  271. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  272. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
  273. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  274. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  275. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +7 -21
  276. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  277. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1njzasn.css → Item.styles_y71664.css} +3 -3
  278. package/es/components/Combobox/ComboboxNew/utils/getInitialValue.js +17 -0
  279. package/es/components/Combobox/ComboboxNew/utils/getInitialValue.js.map +1 -0
  280. package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +9 -5
  281. package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -1
  282. package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
  283. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  284. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  285. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  286. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  287. package/es/components/DatePicker/DatePicker.tokens.js +0 -5
  288. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  289. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  290. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  291. package/es/components/DatePicker/DatePickerBase.styles_mjc9xz.css +2 -0
  292. package/es/components/DatePicker/RangeDate/RangeDate.css +14 -15
  293. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -13
  294. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  295. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +2 -0
  296. package/es/components/DatePicker/SingleDate/SingleDate.css +14 -15
  297. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  298. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  299. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css → es/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css} +1 -1
  300. package/es/components/Dropdown/Dropdown.css +30 -16
  301. package/es/components/Dropdown/Dropdown.js +62 -40
  302. package/es/components/Dropdown/Dropdown.js.map +1 -1
  303. package/es/components/Dropdown/Dropdown.styles.js +15 -26
  304. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  305. package/es/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  306. package/es/components/Dropdown/Dropdown.tokens.js +24 -3
  307. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  308. package/es/components/Dropdown/FloatingPopover.js +100 -0
  309. package/es/components/Dropdown/FloatingPopover.js.map +1 -0
  310. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  311. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  312. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  313. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  314. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  315. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -29
  316. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  317. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  318. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  319. package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  320. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  321. package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
  322. package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  323. package/es/components/Dropdown/utils/getItemId.js +6 -0
  324. package/es/components/Dropdown/utils/getItemId.js.map +1 -0
  325. package/es/components/Dropdown/utils/getPlacement.js +12 -0
  326. package/es/components/Dropdown/utils/getPlacement.js.map +1 -0
  327. package/es/components/Dropdown/utils/index.js.map +1 -1
  328. package/es/components/Notification/Notification.css +11 -11
  329. package/es/components/Notification/Notification.styles.js +15 -15
  330. package/es/components/Notification/Notification.styles.js.map +1 -1
  331. package/es/components/Notification/{Notification.styles_1g34msm.css → Notification.styles_7h8hp0.css} +1 -1
  332. package/es/components/Notification/Notification.tokens.js +0 -2
  333. package/es/components/Notification/Notification.tokens.js.map +1 -1
  334. package/es/components/Notification/NotificationsProvider.css +11 -11
  335. package/es/components/Pagination/Pagination.css +10 -10
  336. package/es/components/Pagination/Pagination.js +5 -5
  337. package/es/components/Pagination/Pagination.js.map +1 -1
  338. package/es/components/Pagination/Pagination.styles.js +3 -3
  339. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  340. package/es/components/Pagination/{Pagination.styles_1w5oej6.css → Pagination.styles_y6gcva.css} +1 -1
  341. package/es/components/Pagination/Pagination.tokens.js +1 -4
  342. package/es/components/Pagination/Pagination.tokens.js.map +1 -1
  343. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  344. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  345. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  346. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  347. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  348. package/es/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_1fesyfv.css → PaginationSelectPerPage.styles_187mk6b.css} +1 -1
  349. package/es/components/Select/Select.js +15 -27
  350. package/es/components/Select/Select.js.map +1 -1
  351. package/es/components/Select/hooks/useKeyboardNavigation.js +1 -1
  352. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  353. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  354. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  355. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  356. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  357. package/es/components/Select/utils/getButtonLabel.js +1 -1
  358. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  359. package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
  360. package/es/components/Select/utils/getInitialValue.js +17 -0
  361. package/es/components/Select/utils/getInitialValue.js.map +1 -0
  362. package/es/components/Select/utils/initialItemsTransform.js +9 -6
  363. package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
  364. package/es/components/Tabs/tokens.js +1 -7
  365. package/es/components/Tabs/tokens.js.map +1 -1
  366. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  367. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  368. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  369. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css} +1 -1
  370. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  371. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  372. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  373. package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1g7zipg.css → VerticalTabItem.styles_16d3lah.css} +1 -1
  374. package/es/hooks/useOutsideClick.js +1 -1
  375. package/es/hooks/useOutsideClick.js.map +1 -1
  376. package/es/index.css +71 -74
  377. package/package.json +2 -2
  378. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  379. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  380. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +0 -3
  381. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  382. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  383. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -6
  384. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -22
  385. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  386. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  387. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  388. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -12
  389. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js +20 -0
  390. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +8 -1
  391. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  392. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  393. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  394. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  395. package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -37
  396. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
  397. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -4
  398. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
  399. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  400. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  401. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
  402. package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  403. package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
  404. package/styled-components/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  405. package/styled-components/cjs/components/Dropdown/utils/index.js +23 -1
  406. package/styled-components/cjs/components/Notification/Notification.styles.js +1 -1
  407. package/styled-components/cjs/components/Notification/Notification.tokens.js +0 -2
  408. package/styled-components/cjs/components/Pagination/Pagination.js +5 -5
  409. package/styled-components/cjs/components/Pagination/Pagination.styles.js +1 -1
  410. package/styled-components/cjs/components/Pagination/Pagination.tokens.js +1 -4
  411. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  412. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  413. package/styled-components/cjs/components/Select/Select.js +12 -25
  414. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -1
  415. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  416. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  417. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +1 -1
  418. package/styled-components/cjs/components/Select/utils/getInitialValue.js +20 -0
  419. package/styled-components/cjs/components/Select/utils/index.js +8 -1
  420. package/styled-components/cjs/components/Select/utils/initialItemsTransform.js +19 -6
  421. package/styled-components/cjs/components/Tabs/tokens.js +1 -7
  422. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  423. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  424. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  425. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  426. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  427. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  428. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  429. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  430. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  431. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  432. package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
  433. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  434. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  435. package/styled-components/es/components/Calendar/Calendar.tokens.js +0 -3
  436. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  437. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  438. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -5
  439. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +27 -23
  440. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  441. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  442. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  443. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -12
  444. package/styled-components/es/components/Combobox/ComboboxNew/utils/getInitialValue.js +14 -0
  445. package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +2 -1
  446. package/styled-components/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  447. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -5
  448. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  449. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  450. package/styled-components/es/components/Dropdown/Dropdown.js +60 -40
  451. package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
  452. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -3
  453. package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
  454. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  455. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  456. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
  457. package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  458. package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
  459. package/styled-components/es/components/Dropdown/utils/getPlacement.js +9 -0
  460. package/styled-components/es/components/Dropdown/utils/index.js +4 -1
  461. package/styled-components/es/components/Notification/Notification.styles.js +1 -1
  462. package/styled-components/es/components/Notification/Notification.tokens.js +0 -2
  463. package/styled-components/es/components/Pagination/Pagination.js +5 -5
  464. package/styled-components/es/components/Pagination/Pagination.styles.js +1 -1
  465. package/styled-components/es/components/Pagination/Pagination.tokens.js +1 -4
  466. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  467. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  468. package/styled-components/es/components/Select/Select.js +13 -26
  469. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +1 -1
  470. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  471. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  472. package/styled-components/es/components/Select/utils/getButtonLabel.js +1 -1
  473. package/styled-components/es/components/Select/utils/getInitialValue.js +14 -0
  474. package/styled-components/es/components/Select/utils/index.js +2 -1
  475. package/styled-components/es/components/Select/utils/initialItemsTransform.js +19 -6
  476. package/styled-components/es/components/Tabs/tokens.js +1 -7
  477. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  478. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  479. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  480. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  481. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  482. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  483. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  484. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  485. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  486. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  487. package/styled-components/es/hooks/useOutsideClick.js +1 -1
  488. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -1
  489. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  490. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  491. package/types/components/Calendar/Calendar.tokens.d.ts +0 -3
  492. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  493. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  494. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  495. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +0 -1
  496. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  497. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  498. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  499. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -4
  500. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  501. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +14 -3
  502. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  503. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  504. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  505. package/types/components/Combobox/ComboboxNew/utils/getInitialValue.d.ts +4 -0
  506. package/types/components/Combobox/ComboboxNew/utils/getInitialValue.d.ts.map +1 -0
  507. package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
  508. package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
  509. package/types/components/Combobox/ComboboxNew/utils/initialItemsTransform.d.ts.map +1 -1
  510. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
  511. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  512. package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -5
  513. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  514. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  515. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  516. package/types/components/Dropdown/Dropdown.d.ts +2 -1
  517. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  518. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
  519. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  520. package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -2
  521. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  522. package/types/components/Dropdown/Dropdown.types.d.ts +30 -4
  523. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  524. package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
  525. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
  526. package/types/components/Dropdown/index.d.ts +1 -1
  527. package/types/components/Dropdown/index.d.ts.map +1 -1
  528. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  529. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -12
  530. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  531. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  532. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +32 -3
  533. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  534. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
  535. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  536. package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
  537. package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
  538. package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
  539. package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
  540. package/types/components/Dropdown/utils/getPlacement.d.ts +3 -0
  541. package/types/components/Dropdown/utils/getPlacement.d.ts.map +1 -0
  542. package/types/components/Dropdown/utils/index.d.ts +3 -0
  543. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  544. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  545. package/types/components/Notification/Notification.tokens.d.ts +0 -2
  546. package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
  547. package/types/components/Pagination/Pagination.d.ts.map +1 -1
  548. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  549. package/types/components/Pagination/Pagination.tokens.d.ts +0 -3
  550. package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
  551. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  552. package/types/components/Select/Select.d.ts.map +1 -1
  553. package/types/components/Select/Select.types.d.ts +1 -0
  554. package/types/components/Select/Select.types.d.ts.map +1 -1
  555. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +2 -2
  556. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  557. package/types/components/Select/ui/Target/Target.types.d.ts +2 -2
  558. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  559. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +4 -4
  560. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  561. package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
  562. package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
  563. package/types/components/Select/utils/getInitialValue.d.ts +4 -0
  564. package/types/components/Select/utils/getInitialValue.d.ts.map +1 -0
  565. package/types/components/Select/utils/index.d.ts +1 -0
  566. package/types/components/Select/utils/index.d.ts.map +1 -1
  567. package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
  568. package/types/components/Tabs/tokens.d.ts +0 -6
  569. package/types/components/Tabs/tokens.d.ts.map +1 -1
  570. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  571. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  572. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +30 -6
  573. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
  574. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
  575. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  576. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
  577. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
  578. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +30 -6
  579. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
  580. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
  581. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  582. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
  583. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
  584. package/types/hooks/useOutsideClick.d.ts +1 -1
  585. package/types/hooks/useOutsideClick.d.ts.map +1 -1
  586. package/cjs/components/DatePicker/DatePickerBase.styles_1x090si.css +0 -2
  587. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +0 -2
  588. package/cjs/components/Dropdown/Dropdown.styles_zvi9m3.css +0 -3
  589. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
  590. package/es/components/DatePicker/DatePickerBase.styles_1x090si.css +0 -2
  591. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +0 -2
  592. package/es/components/Dropdown/Dropdown.styles_zvi9m3.css +0 -3
  593. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
@@ -3,25 +3,26 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Wrapper = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = exports.Divider = exports.DisclosureIconWrapper = void 0;
6
+ exports.Wrapper = exports.StyledCell = exports.Divider = exports.DisclosureIconWrapper = exports.CellWrapper = void 0;
7
7
  var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
8
  var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
9
9
  var _mixins = /*#__PURE__*/require("../../../../mixins");
10
+ var _Cell = /*#__PURE__*/require("../../../Cell");
11
+ var _engines = /*#__PURE__*/require("../../../../engines");
10
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
13
+ var mergedCellConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig);
14
+ var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
15
+ var CellWrapper = exports.CellWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
16
  componentId: "plasma-new-hope__sc-hs0ek1-0"
13
- })(["display:inline-flex;"]);
14
- var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:100%;"], _Cell.cellTokens.cellTitleColor, _Dropdown.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Dropdown.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Dropdown.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Dropdown.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Dropdown.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Dropdown.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Dropdown.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Dropdown.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Dropdown.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Dropdown.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Dropdown.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Dropdown.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Dropdown.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Dropdown.tokens.cellTitleLineHeight);
18
+ var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["default"])(Cell).withConfig({
15
19
  componentId: "plasma-new-hope__sc-hs0ek1-1"
16
- })(["margin-left:auto;display:inline-flex;"]);
20
+ })([""]);
17
21
  var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
22
  componentId: "plasma-new-hope__sc-hs0ek1-2"
19
- })(["line-height:0;color:var(", ");"], _Dropdown.tokens.disclosureIconColor);
20
- var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
- componentId: "plasma-new-hope__sc-hs0ek1-3"
22
- })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
23
+ })(["line-height:0;color:var(", ");"], _Dropdown.constants.disclosureIconColor);
23
24
  var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
24
- componentId: "plasma-new-hope__sc-hs0ek1-4"
25
+ componentId: "plasma-new-hope__sc-hs0ek1-3"
25
26
  })(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
26
27
  var variant = _ref.variant;
27
28
  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginTopTight : _Dropdown.tokens.dividerMarginTop, ")");
@@ -30,18 +31,15 @@ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.wi
30
31
  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginBottomTight : _Dropdown.tokens.dividerMarginBottom, ")");
31
32
  }, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
32
33
  var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
33
- componentId: "plasma-new-hope__sc-hs0ek1-5"
34
- })(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref3) {
34
+ componentId: "plasma-new-hope__sc-hs0ek1-4"
35
+ })(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Dropdown.tokens.itemHeight, function (_ref3) {
35
36
  var variant = _ref3.variant;
36
- return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTopTight : _Dropdown.tokens.itemPaddingTop, ")");
37
- }, _Dropdown.tokens.itemPaddingRight, function (_ref4) {
38
- var variant = _ref4.variant;
39
- return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingBottomTight : _Dropdown.tokens.itemPaddingBottom, ")");
40
- }, _Dropdown.tokens.itemPaddingLeft, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.tokens.itemBackground, _Dropdown.tokens.itemColor, _Dropdown.tokens.itemBorderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.disabledOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
37
+ return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTight : _Dropdown.tokens.itemPadding, ")");
38
+ }, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
41
39
  outlineSize: '0.0625rem',
42
40
  outlineOffset: '0',
43
- outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.tokens.focusColor, ")"),
41
+ outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),
44
42
  outlineRadius: /*#__PURE__*/"var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
45
43
  hasTransition: false,
46
- customFocusRules: /*#__PURE__*/"\n &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.tokens.focusColor, ");\n }\n ")
44
+ customFocusRules: /*#__PURE__*/"\n &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.constants.focusColor, ");\n }\n ")
47
45
  }));
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getItemByFocused = void 0;
7
+ var getItemByFocused = exports.getItemByFocused = function getItemByFocused(focusedPath, focusedToValueMap) {
8
+ var focusedPathAsString = focusedPath.reduce(function (acc, n) {
9
+ return "".concat(acc, "/").concat(n);
10
+ }, '').replace(/^(\/)/, '');
11
+ return focusedToValueMap.get(focusedPathAsString);
12
+ };
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getItemId = void 0;
7
+ var getItemId = exports.getItemId = function getItemId(treeId, value) {
8
+ return "".concat(treeId, "-").concat(value);
9
+ };
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getPlacement = void 0;
7
+ var getPlacement = exports.getPlacement = function getPlacement(placement) {
8
+ if (!placement) {
9
+ return 'bottom-start';
10
+ }
11
+ if (placement === 'auto') {
12
+ return placement;
13
+ }
14
+ return "".concat(placement, "-start");
15
+ };
@@ -3,8 +3,30 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getValidComponent = exports.getCorrectHeight = exports.childrenWithProps = void 0;
6
+ exports.getCorrectHeight = exports.childrenWithProps = void 0;
7
+ Object.defineProperty(exports, "getItemByFocused", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _getItemByFocused.getItemByFocused;
11
+ }
12
+ });
13
+ Object.defineProperty(exports, "getItemId", {
14
+ enumerable: true,
15
+ get: function get() {
16
+ return _getItemId.getItemId;
17
+ }
18
+ });
19
+ Object.defineProperty(exports, "getPlacement", {
20
+ enumerable: true,
21
+ get: function get() {
22
+ return _getPlacement.getPlacement;
23
+ }
24
+ });
25
+ exports.getValidComponent = void 0;
7
26
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
27
+ var _getItemId = /*#__PURE__*/require("./getItemId");
28
+ var _getItemByFocused = /*#__PURE__*/require("./getItemByFocused");
29
+ var _getPlacement = /*#__PURE__*/require("./getPlacement");
8
30
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
9
31
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
10
32
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -23,7 +23,7 @@ var CloseIconWrapper = exports.CloseIconWrapper = /*#__PURE__*/(0, _styledCompon
23
23
  })(["position:absolute;width:1.5rem;height:1.5rem;color:var(", ");:hover{color:var(", ");}&.", "{position:relative;}"], _Notification.tokens.closeIconColor, _Notification.tokens.closeIconColorOnHover, _Notification.classes.horizontal);
24
24
  var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
25
25
  componentId: "plasma-new-hope__sc-1iufy9r-1"
26
- })(["position:relative;box-sizing:border-box;background:var(", ");border-radius:var(", ");border:var(", ") solid var(", ");&.", "{display:flex;align-items:center;gap:var(", ");}"], _Notification.tokens.background, _Notification.tokens.borderRadius, _Notification.tokens.borderWidth, _Notification.tokens.borderColor, _Notification.classes.horizontal, _Notification.tokens.horizontalLayoutGap);
26
+ })(["position:relative;box-sizing:border-box;background:var(", ");border-radius:var(", ");&.", "{display:flex;align-items:center;gap:var(", ");}"], _Notification.tokens.background, _Notification.tokens.borderRadius, _Notification.classes.horizontal, _Notification.tokens.horizontalLayoutGap);
27
27
  var ButtonsWrapper = exports.ButtonsWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
28
28
  componentId: "plasma-new-hope__sc-1iufy9r-2"
29
29
  })(["margin-top:var(", ");margin-left:", ";&.", "{margin-top:unset;margin-left:unset;}"], _Notification.tokens.buttonsMarginTop, function (_ref) {
@@ -27,8 +27,6 @@ var tokens = exports.tokens = {
27
27
  horizontalLayoutPadding: '--plasma-notification-horizontal-layout-padding',
28
28
  width: '--plasma-notification-width',
29
29
  borderRadius: '--plasma-notification-border-radius',
30
- borderWidth: '--plasma-notification-border-width',
31
- borderColor: '--plasma-notification-border-color',
32
30
  paddingOneLineTextbox: '--plasma-notification-padding-one-line-textbox',
33
31
  horizontalLayoutGap: '--plasma-notification-horizontal-layout-gap',
34
32
  horizontalLayoutLeftIconMargin: '--plasma-notification-horizontal-layout-left-icon-margin',
@@ -15,6 +15,7 @@ var _base3 = /*#__PURE__*/require("./variations/_size/base");
15
15
  var _Pagination2 = /*#__PURE__*/require("./Pagination.tokens");
16
16
  var _PaginationQuickJumpToPage = /*#__PURE__*/require("./ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage");
17
17
  var _PaginationSelectPerPage = /*#__PURE__*/require("./ui/PaginationSelectPerPage/PaginationSelectPerPage");
18
+ var _PaginationShorter;
18
19
  var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue"];
19
20
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
21
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -140,11 +141,10 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
140
141
  }, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationPages, null, leftContent && /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationButtonGroup, {
141
142
  isCommonButtonStyles: isCommonButtonStyles
142
143
  }, leftContent), sections && sections.map(function (section, indexSection) {
143
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, indexSection !== 0 && /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationShorter, {
144
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, indexSection !== 0 && (_PaginationShorter || (_PaginationShorter = /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationShorter, {
144
145
  stretching: "fixed",
145
- disabled: true,
146
- className: _Pagination2.classes.buttonDisabled
147
- }, "..."), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationSection, {
146
+ disabled: true
147
+ }, "..."))), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationSection, {
148
148
  key: indexSection
149
149
  }, section.map(function (pageValue) {
150
150
  return /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationButton, {
@@ -155,7 +155,7 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
155
155
  return handlerSetPage(pageValue);
156
156
  },
157
157
  disabled: disabled.includes(pageValue),
158
- className: (0, _utils.cx)(_Pagination2.classes.paginationPageButton, isActiveButton(pageValue), disabled.includes(pageValue) ? _Pagination2.classes.buttonDisabled : '')
158
+ className: (0, _utils.cx)(_Pagination2.classes.paginationPageButton, isActiveButton(pageValue))
159
159
  }, pageValue);
160
160
  })));
161
161
  }), rightContent && /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationButtonGroup, {
@@ -32,7 +32,7 @@ var PaginationButtonGroup = exports.PaginationButtonGroup = /*#__PURE__*/(0, _st
32
32
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _ButtonGroup.buttonGroupTokens.buttonColor, _Pagination.tokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _Pagination.tokens.buttonHoverColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _Pagination.tokens.buttonActiveColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _Pagination.tokens.paginationFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _Pagination.tokens.paginationFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _Pagination.tokens.paginationFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _Pagination.tokens.paginationFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight, _Pagination.tokens.paginationLineHeight, _ButtonGroup.buttonGroupTokens.buttonWidth, _Pagination.tokens.buttonWidth, _ButtonGroup.buttonGroupTokens.buttonHeight, _Pagination.tokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _Pagination.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _Pagination.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _Pagination.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonRadiusCircle, _Pagination.tokens.buttonRadius);
33
33
  var PaginationButton = exports.PaginationButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
34
34
  componentId: "plasma-new-hope__sc-13na7gd-5"
35
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ",var(", "));", ":var(", ",var(", "));}:focus{outline:none;}", ""], _Button.buttonTokens.buttonColor, _Pagination.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.buttonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.buttonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonFontFamily, _Pagination.tokens.paginationFontFamily, _Button.buttonTokens.buttonFontSize, _Pagination.tokens.paginationFontSize, _Button.buttonTokens.buttonFontStyle, _Pagination.tokens.paginationFontStyle, _Button.buttonTokens.buttonFontWeight, _Pagination.tokens.paginationFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Pagination.tokens.paginationLineHeight, _Button.buttonTokens.buttonWidth, _Pagination.tokens.buttonWidth, _Button.buttonTokens.buttonHeight, _Pagination.tokens.buttonHeight, _Button.buttonTokens.buttonRadius, _Pagination.tokens.buttonRadius, _Button.buttonTokens.buttonDisabledOpacity, _Pagination.tokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _Pagination.tokens.buttonFocusColor, _Pagination.classes.paginationPageButtonActive, _Button.buttonTokens.buttonColor, _Pagination.tokens.paginationCurrentButtonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.paginationCurrentButtonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.paginationCurrentButtonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.paginationCurrentButtonHoverBackgroundColor, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.paginationCurrentButtonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.paginationCurrentButtonActiveBackgroundColor, _Pagination.classes.buttonDisabled, _Button.buttonTokens.buttonColor, _Pagination.tokens.paginationDisabledButtonColor, _Pagination.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.paginationDisabledButtonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, /*#__PURE__*/(0, _mixins.addFocus)({
35
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}:focus{outline:none;}", ""], _Button.buttonTokens.buttonColor, _Pagination.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.buttonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.buttonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonFontFamily, _Pagination.tokens.paginationFontFamily, _Button.buttonTokens.buttonFontSize, _Pagination.tokens.paginationFontSize, _Button.buttonTokens.buttonFontStyle, _Pagination.tokens.paginationFontStyle, _Button.buttonTokens.buttonFontWeight, _Pagination.tokens.paginationFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Pagination.tokens.paginationLineHeight, _Button.buttonTokens.buttonWidth, _Pagination.tokens.buttonWidth, _Button.buttonTokens.buttonHeight, _Pagination.tokens.buttonHeight, _Button.buttonTokens.buttonRadius, _Pagination.tokens.buttonRadius, _Button.buttonTokens.buttonDisabledOpacity, _Pagination.tokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _Pagination.tokens.buttonFocusColor, _Pagination.classes.paginationPageButtonActive, _Button.buttonTokens.buttonColor, _Pagination.tokens.paginationCurrentButtonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.paginationCurrentButtonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.paginationCurrentButtonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.paginationCurrentButtonHoverBackgroundColor, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.paginationCurrentButtonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.paginationCurrentButtonActiveBackgroundColor, /*#__PURE__*/(0, _mixins.addFocus)({
36
36
  outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
37
37
  outlineSize: 'var(--plasma_private-btn-outline-size)',
38
38
  outlineRadius: 'var(--plasma_private-btn-br)',
@@ -17,8 +17,7 @@ var classes = exports.classes = {
17
17
  withHasPerPageSelect: 'pagination-has-perpage-select',
18
18
  paginationPageButton: 'pagination-page-button',
19
19
  paginationPageButtonActive: 'pagination-page-button-active',
20
- paginationIconReverse: 'pagination-icon-reverse',
21
- buttonDisabled: 'pagination-button-disabled'
20
+ paginationIconReverse: 'pagination-icon-reverse'
22
21
  };
23
22
  var tokens = exports.tokens = {
24
23
  paginationWidth: '--plasma-pagination-width',
@@ -42,8 +41,6 @@ var tokens = exports.tokens = {
42
41
  paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',
43
42
  paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',
44
43
  paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
45
- paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
46
- paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
47
44
  buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
48
45
  buttonHeight: '--plasma-pagination-button-height',
49
46
  buttonWidthShorter: '--plasma-pagination-button-width-shorter',
@@ -24,8 +24,8 @@ var PaginationSelectPerPage = exports.PaginationSelectPerPage = function Paginat
24
24
  listWidth = _ref.listWidth,
25
25
  rest = _objectWithoutProperties(_ref, _excluded);
26
26
  var handleSelectChange = function handleSelectChange(newValue) {
27
- if (newValue) {
28
- onChangeValue === null || onChangeValue === void 0 || onChangeValue(Number(newValue));
27
+ if (newValue && !Array.isArray(newValue) && onChangeValue) {
28
+ onChangeValue(Number(newValue));
29
29
  }
30
30
  };
31
31
  var transformedList = perPageList.map(function (num) {
@@ -16,7 +16,7 @@ var SelectPerPageRoot = exports.SelectPerPageRoot = /*#__PURE__*/_styledComponen
16
16
  })(["display:flex;align-items:center;gap:0.5rem;"]);
17
17
  var SelectPerPageSelect = exports.SelectPerPageSelect = /*#__PURE__*/(0, _styledComponents["default"])(Select).withConfig({
18
18
  componentId: "plasma-new-hope__sc-1g304l9-1"
19
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Select.selectTokens.targetButtonColor, _Pagination.tokens.buttonColor, _Select.selectTokens.targetButtonColorHover, _Pagination.tokens.buttonColorHover, _Select.selectTokens.targetButtonColorActive, _Pagination.tokens.buttonColorActive, _Select.selectTokens.targetButtonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Select.selectTokens.targetButtonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Select.selectTokens.targetButtonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Select.selectTokens.targetHeight, _Pagination.tokens.buttonHeight, _Select.selectTokens.targetButtonPadding, _Pagination.tokens.selectTargetPadding, _Select.selectTokens.borderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.targetButtonArrowColor, _Pagination.tokens.buttonArrowColor, _Select.selectTokens.targetButtonArrowColorHover, _Pagination.tokens.buttonArrowColorHover, _Select.selectTokens.targetButtonArrowColorActive, _Pagination.tokens.buttonArrowColorActive, _Select.selectTokens.targetButtonArrowMargin, _Pagination.tokens.buttonArrowMargin, _Select.selectTokens.padding, _Select.selectTokens.focusOffset, _Select.selectTokens.itemPadding, _Pagination.tokens.selectItemPadding, _Select.selectTokens.itemBorderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.itemIconMargin, _Select.selectTokens.itemIconSize, _Select.selectTokens.itemHeight, _Pagination.tokens.selectItemHeight, _Select.selectTokens.fontFamily, _Pagination.tokens.paginationFontFamily, _Select.selectTokens.fontSize, _Pagination.tokens.paginationFontSize, _Select.selectTokens.fontStyle, _Pagination.tokens.paginationFontStyle, _Select.selectTokens.fontWeight, _Pagination.tokens.paginationFontWeight, _Select.selectTokens.fontLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _Select.selectTokens.fontLineHeight, _Pagination.tokens.paginationLineHeight);
19
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");"], _Select.selectTokens.targetButtonColor, _Pagination.tokens.buttonColor, _Select.selectTokens.targetButtonColorHover, _Pagination.tokens.buttonColorHover, _Select.selectTokens.targetButtonColorActive, _Pagination.tokens.buttonColorActive, _Select.selectTokens.targetButtonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Select.selectTokens.targetButtonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Select.selectTokens.targetButtonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Select.selectTokens.targetHeight, _Pagination.tokens.buttonHeight, _Select.selectTokens.targetButtonPadding, _Pagination.tokens.selectTargetPadding, _Select.selectTokens.borderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.targetButtonArrowColor, _Pagination.tokens.buttonArrowColor, _Select.selectTokens.targetButtonArrowColorHover, _Pagination.tokens.buttonArrowColorHover, _Select.selectTokens.targetButtonArrowColorActive, _Pagination.tokens.buttonArrowColorActive, _Select.selectTokens.targetButtonArrowMargin, _Pagination.tokens.buttonArrowMargin, _Select.selectTokens.padding, _Select.selectTokens.focusOffset, _Select.selectTokens.itemPadding, _Pagination.tokens.selectItemPadding, _Select.selectTokens.itemBorderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.itemIconMargin, _Select.selectTokens.itemIconSize, _Select.selectTokens.itemHeight, _Pagination.tokens.selectItemHeight);
20
20
  var SelectPerPageTypography = exports.SelectPerPageTypography = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-1g304l9-2"
22
22
  })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Pagination.tokens.paginationFontFamily, _Pagination.tokens.paginationFontSize, _Pagination.tokens.paginationFontStyle, _Pagination.tokens.paginationFontWeight, _Pagination.tokens.paginationLetterSpacing, _Pagination.tokens.paginationLineHeight);
@@ -67,17 +67,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
67
67
  separator = props.separator,
68
68
  outerCloseAfterSelect = props.closeAfterSelect,
69
69
  rest = _objectWithoutProperties(props, _excluded);
70
- var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
71
- _useState2 = _slicedToArray(_useState, 2),
72
- internalValue = _useState2[0],
73
- setInternalValue = _useState2[1];
74
- var value = outerValue || internalValue;
75
- var onChange = function onChange(e) {
76
- if (outerOnChange) {
77
- outerOnChange(e);
78
- }
79
- setInternalValue(e);
80
- };
81
70
  var transformedItems = (0, _react.useMemo)(function () {
82
71
  return (0, _utils2.initialItemsTransform)(items || []);
83
72
  }, [items]);
@@ -87,6 +76,12 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
87
76
  focusedToValueMap = _usePathMaps2[1],
88
77
  valueToCheckedMap = _usePathMaps2[2],
89
78
  valueToItemMap = _usePathMaps2[3];
79
+ var value = (0, _utils2.getInitialValue)(outerValue, valueToItemMap);
80
+ var onChange = function onChange(e) {
81
+ if (outerOnChange) {
82
+ outerOnChange(e);
83
+ }
84
+ };
90
85
  var _useReducer = (0, _react.useReducer)(_reducers.pathReducer, []),
91
86
  _useReducer2 = _slicedToArray(_useReducer, 2),
92
87
  path = _useReducer2[0],
@@ -99,10 +94,10 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
99
94
  _useReducer6 = _slicedToArray(_useReducer5, 2),
100
95
  focusedChipIndex = _useReducer6[0],
101
96
  dispatchFocusedChipIndex = _useReducer6[1];
102
- var _useState3 = (0, _react.useState)(valueToCheckedMap),
103
- _useState4 = _slicedToArray(_useState3, 2),
104
- checked = _useState4[0],
105
- setChecked = _useState4[1];
97
+ var _useState = (0, _react.useState)(valueToCheckedMap),
98
+ _useState2 = _slicedToArray(_useState, 2),
99
+ checked = _useState2[0],
100
+ setChecked = _useState2[1];
106
101
  var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
107
102
  var targetRef = (0, _hooks.useOutsideClick)(function () {
108
103
  if (focusedChipIndex != null) {
@@ -168,15 +163,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
168
163
  if (e) {
169
164
  e.stopPropagation();
170
165
  }
171
- var checkedCopy = new Map(checked);
172
- var isCurrentChecked = checkedCopy.get(item.value);
173
- checkedCopy.forEach(function (_, key) {
174
- checkedCopy.set(key, false);
175
- });
176
- if (!isCurrentChecked) {
177
- checkedCopy.set(item.value, 'done');
178
- (0, _utils2.updateSingleAncestors)(item, checkedCopy, 'dot');
179
- }
166
+ var isCurrentChecked = checked.get(item.value);
180
167
  if (closeAfterSelect) {
181
168
  dispatchPath({
182
169
  type: 'reset'
@@ -248,7 +235,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
248
235
  }
249
236
  }
250
237
  setChecked(checkedCopy);
251
- }, [value]);
238
+ }, [outerValue, items]);
252
239
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
253
240
  ref: ref,
254
241
  size: size,
@@ -159,7 +159,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
159
159
  }
160
160
  case keys.Backspace:
161
161
  {
162
- if (!multiselect) break;
162
+ if (!multiselect || !Array.isArray(value)) break;
163
163
  if (focusedChipIndex !== null) {
164
164
  var _currentItem = valueToItemMap.get(value[focusedChipIndex]);
165
165
  handlePressDown(_currentItem);
@@ -41,7 +41,7 @@ var getLabel = function getLabel(_ref) {
41
41
  text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
42
42
  onClick: function onClick(e) {
43
43
  e.stopPropagation();
44
- onChipClick(currentValue);
44
+ onChipClick(currentValue.toString());
45
45
  },
46
46
  focused: focusedChipIndex === index
47
47
  });
@@ -54,7 +54,7 @@ var ChipWrapper = exports.ChipWrapper = /*#__PURE__*/_styledComponents["default"
54
54
  })(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref6) {
55
55
  var multiselect = _ref6.multiselect,
56
56
  value = _ref6.value;
57
- return "calc(".concat(_Select.constants.focusSize, " + ").concat(multiselect && value && value.length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
57
+ return "calc(".concat(_Select.constants.focusSize, " + ").concat(multiselect && value && value.toString().length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
58
58
  }, _Select.tokens.chipBorderRadius, _Select.tokens.chipBorderRadius);
59
59
  var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
60
60
  componentId: "plasma-new-hope__sc-1akl2tk-6"
@@ -22,7 +22,7 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
22
22
  if ((0, _utils.isEmpty)(value) && typeof value !== 'number') {
23
23
  return label || '';
24
24
  }
25
- if (selectProps.multiselect && selectProps.isTargetAmount) {
25
+ if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {
26
26
  return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
27
27
  }
28
28
  if (selectProps.multiselect && Array.isArray(value)) {
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getInitialValue = void 0;
7
+ // Утилита предназначена для фильтрации элементов в value, которые отсутствуют в items.
8
+ // Эти элементы игнорируются и не участвуют в дальнейшей работе компонента.
9
+ var getInitialValue = exports.getInitialValue = function getInitialValue(outerValue, valueToItemMap) {
10
+ if (Array.isArray(outerValue)) {
11
+ if (outerValue.length === 0) {
12
+ return [];
13
+ }
14
+ return outerValue.filter(valueToItemMap.has.bind(valueToItemMap));
15
+ }
16
+ if (valueToItemMap.has(outerValue)) {
17
+ return outerValue;
18
+ }
19
+ return '';
20
+ };
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "getCorrectHeight", {
15
15
  return _getCorrectHeight.getCorrectHeight;
16
16
  }
17
17
  });
18
+ Object.defineProperty(exports, "getInitialValue", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _getInitialValue.getInitialValue;
22
+ }
23
+ });
18
24
  Object.defineProperty(exports, "getView", {
19
25
  enumerable: true,
20
26
  get: function get() {
@@ -58,4 +64,5 @@ var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
58
64
  var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
59
65
  var _getCorrectHeight = /*#__PURE__*/require("./getCorrectHeight");
60
66
  var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
61
- var _getView = /*#__PURE__*/require("./getView");
67
+ var _getView = /*#__PURE__*/require("./getView");
68
+ var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
@@ -1,18 +1,31 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.initialItemsTransform = void 0;
8
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
12
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
13
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
14
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
17
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
18
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
7
19
  // Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
8
20
  // Дает возможность прохода к корневому элементу (снизу вверх).
9
-
21
+ // На выходе получаем глубокую копию исходного массива items.
10
22
  var initialItemsTransform = exports.initialItemsTransform = function initialItemsTransform(items, parent) {
11
- items.forEach(function (item) {
12
- item.parent = parent;
13
- if (item.items) {
14
- item.items = initialItemsTransform(item.items, item);
23
+ return _toConsumableArray(items).map(function (item) {
24
+ var itemCopy = _objectSpread({}, item);
25
+ itemCopy.parent = parent;
26
+ if (itemCopy.items) {
27
+ itemCopy.items = initialItemsTransform(itemCopy.items, itemCopy);
15
28
  }
29
+ return itemCopy;
16
30
  });
17
- return items;
18
31
  };
@@ -82,11 +82,5 @@ var tokens = exports.tokens = {
82
82
  fontStyle: '--plasma-tab-item-font-style',
83
83
  fontWeight: '--plasma-tab-item-font-weight',
84
84
  letterSpacing: '--plasma-tab-item-letter-spacing',
85
- lineHeight: '--plasma-tab-item-lineheight',
86
- valueFontFamily: '--plasma-tab-item-value-font-family',
87
- valueFontSize: '--plasma-tab-item-value-font-size',
88
- valueFontStyle: '--plasma-tab-item-value-font-style',
89
- valueFontWeight: '--plasma-tab-item-value-font-weight',
90
- valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',
91
- valueLineHeight: '--plasma-tab-item-value-lineheight'
85
+ lineHeight: '--plasma-tab-item-lineheight'
92
86
  };
@@ -22,7 +22,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
22
22
  })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
23
23
  var TabItemValue = exports.TabItemValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
24
24
  componentId: "plasma-new-hope__sc-lremls-1"
25
- })(["color:var(", ");font-family:var(", ",var(", "));font-size:var(", ",var(", "));font-style:var(", ",var(", "));font-weight:var(", ",var(", "));letter-spacing:var(", ",var(", "));line-height:var(", ",var(", "));"], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
25
+ })(["color:var(", ");"], _tokens.tokens.itemValueColor);
26
26
  var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
27
27
  componentId: "plasma-new-hope__sc-lremls-2"
28
28
  })(["display:flex;color:inherit;&:hover{color:inherit;}"]);
@@ -24,7 +24,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
24
24
  })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
25
25
  var TabItemValue = exports.TabItemValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
26
26
  componentId: "plasma-new-hope__sc-1pflgj8-1"
27
- })(["color:var(", ");font-family:var(", ",var(", "));font-size:var(", ",var(", "));font-style:var(", ",var(", "));font-weight:var(", ",var(", "));letter-spacing:var(", ",var(", "));line-height:var(", ",var(", "));"], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
27
+ })(["color:var(", ");"], _tokens.tokens.itemValueColor);
28
28
  var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
29
  componentId: "plasma-new-hope__sc-1pflgj8-2"
30
30
  })(["display:flex;color:inherit;&:hover{color:inherit;}"]);