@salutejs/plasma-new-hope 0.78.0-canary.1203.8970261959.0 → 0.79.0-canary.1195.9053577477.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (518) hide show
  1. package/cjs/components/Button/Button.styles.js +1 -0
  2. package/cjs/components/Button/Button.styles.js.map +1 -1
  3. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  6. package/cjs/components/Calendar/hooks/useDays.js +3 -6
  7. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  8. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  9. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  10. package/cjs/components/Combobox/Combobox.css +20 -7
  11. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +18 -6
  12. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  13. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +18 -6
  14. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  15. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +18 -6
  16. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  17. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +18 -6
  18. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  19. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  20. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +81 -10
  21. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  22. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +21 -9
  23. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  24. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  25. package/cjs/components/Combobox/utils/index.js +23 -0
  26. package/cjs/components/Combobox/utils/index.js.map +1 -0
  27. package/cjs/components/Drawer/Drawer.js +1 -0
  28. package/cjs/components/Drawer/Drawer.js.map +1 -1
  29. package/cjs/components/Dropdown/Dropdown.css +28 -2
  30. package/cjs/components/Dropdown/Dropdown.js +141 -54
  31. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  32. package/cjs/components/Dropdown/Dropdown.styles.js +40 -7
  33. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  34. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  35. package/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  36. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  37. package/cjs/components/Dropdown/hooks/useHashMaps.js +34 -0
  38. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  39. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +247 -0
  40. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  41. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +37 -0
  42. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  43. package/cjs/components/Dropdown/reducers/pathReducer.js +41 -0
  44. package/cjs/components/Dropdown/reducers/pathReducer.js.map +1 -0
  45. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +125 -0
  46. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  47. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  48. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +79 -100
  49. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  50. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -5
  51. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  52. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  53. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +30 -0
  54. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  55. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  56. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  57. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +112 -0
  58. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  59. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  60. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  61. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  62. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  63. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +29 -0
  64. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  65. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  66. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  67. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +99 -0
  68. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  69. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +115 -0
  70. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  71. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +23 -0
  72. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  73. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +9 -0
  74. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  75. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +9 -0
  76. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  77. package/cjs/components/Dropdown/utils/index.js +16 -0
  78. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  79. package/cjs/components/IconButton/IconButton.css +24 -0
  80. package/cjs/components/IconButton/IconButton.js +50 -0
  81. package/cjs/components/IconButton/IconButton.js.map +1 -0
  82. package/cjs/components/IconButton/IconButton.styles.js +16 -0
  83. package/cjs/components/IconButton/IconButton.styles.js.map +1 -0
  84. package/cjs/components/IconButton/IconButton.styles_1hknr37.css +1 -0
  85. package/cjs/components/IconButton/IconButton.tokens.js +32 -0
  86. package/cjs/components/IconButton/IconButton.tokens.js.map +1 -0
  87. package/cjs/components/Pagination/Pagination.css +17 -7
  88. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -7
  89. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  90. package/cjs/components/Select/Select.css +17 -7
  91. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +18 -6
  92. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  93. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +18 -6
  94. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  95. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +18 -6
  96. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  97. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +18 -6
  98. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  99. package/cjs/components/Select/ui/SelectItem/SelectItem.css +19 -7
  100. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  101. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  102. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  103. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  104. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  105. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  106. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  107. package/cjs/index.css +23 -8
  108. package/cjs/index.js +18 -2
  109. package/cjs/index.js.map +1 -1
  110. package/es/components/Button/Button.styles.js +1 -0
  111. package/es/components/Button/Button.styles.js.map +1 -1
  112. package/es/components/Calendar/Calendar.types.js.map +1 -1
  113. package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  114. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  115. package/es/components/Calendar/hooks/useDays.js +3 -6
  116. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  117. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  118. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  119. package/es/components/Combobox/Combobox.css +20 -7
  120. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +18 -6
  121. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  122. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +18 -6
  123. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  124. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +18 -6
  125. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  126. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +18 -6
  127. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  128. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  129. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +82 -11
  130. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  131. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +19 -10
  132. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  133. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  134. package/es/components/Combobox/utils/index.js +19 -0
  135. package/es/components/Combobox/utils/index.js.map +1 -0
  136. package/es/components/Drawer/Drawer.js +1 -0
  137. package/es/components/Drawer/Drawer.js.map +1 -1
  138. package/es/components/Dropdown/Dropdown.css +28 -2
  139. package/es/components/Dropdown/Dropdown.js +147 -60
  140. package/es/components/Dropdown/Dropdown.js.map +1 -1
  141. package/es/components/Dropdown/Dropdown.styles.js +39 -7
  142. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  143. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  144. package/es/components/Dropdown/Dropdown.tokens.js +26 -23
  145. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  146. package/es/components/Dropdown/hooks/useHashMaps.js +30 -0
  147. package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  148. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +242 -0
  149. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  150. package/es/components/Dropdown/reducers/focusedPathReducer.js +33 -0
  151. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  152. package/es/components/Dropdown/reducers/pathReducer.js +37 -0
  153. package/es/components/Dropdown/reducers/pathReducer.js.map +1 -0
  154. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +121 -0
  155. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  156. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  157. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +80 -100
  158. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  159. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +30 -5
  160. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  161. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  162. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +23 -0
  163. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  164. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  165. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  166. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +107 -0
  167. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  168. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  169. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  170. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base_x642ct.css +1 -0
  171. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  172. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  173. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base_x642ct.css +1 -0
  174. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +24 -0
  175. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  176. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  177. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  178. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +94 -0
  179. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  180. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +111 -0
  181. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  182. package/es/components/Dropdown/ui/DropdownOld/utils/index.js +18 -0
  183. package/es/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  184. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +5 -0
  185. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  186. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base_x642ct.css +1 -0
  187. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +5 -0
  188. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  189. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base_x642ct.css +1 -0
  190. package/es/components/Dropdown/utils/index.js +16 -2
  191. package/es/components/Dropdown/utils/index.js.map +1 -1
  192. package/es/components/IconButton/IconButton.css +24 -0
  193. package/es/components/IconButton/IconButton.js +45 -0
  194. package/es/components/IconButton/IconButton.js.map +1 -0
  195. package/es/components/IconButton/IconButton.styles.js +12 -0
  196. package/es/components/IconButton/IconButton.styles.js.map +1 -0
  197. package/es/components/IconButton/IconButton.styles_1hknr37.css +1 -0
  198. package/es/components/IconButton/IconButton.tokens.js +28 -0
  199. package/es/components/IconButton/IconButton.tokens.js.map +1 -0
  200. package/es/components/Pagination/Pagination.css +17 -7
  201. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -7
  202. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  203. package/es/components/Select/Select.css +17 -7
  204. package/es/components/Select/ui/SelectDivider/SelectDivider.css +18 -6
  205. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  206. package/es/components/Select/ui/SelectFooter/SelectFooter.css +18 -6
  207. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  208. package/es/components/Select/ui/SelectGroup/SelectGroup.css +18 -6
  209. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  210. package/es/components/Select/ui/SelectHeader/SelectHeader.css +18 -6
  211. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  212. package/es/components/Select/ui/SelectItem/SelectItem.css +19 -7
  213. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  214. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  215. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  216. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  217. package/es/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  218. package/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  219. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  220. package/es/index.css +23 -8
  221. package/es/index.js +8 -1
  222. package/es/index.js.map +1 -1
  223. package/package.json +2 -2
  224. package/styled-components/cjs/components/Button/Button.styles.js +10 -2
  225. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  226. package/styled-components/cjs/components/Calendar/hooks/useDays.js +3 -6
  227. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  228. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +91 -2
  229. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +27 -7
  230. package/styled-components/cjs/components/Combobox/utils/index.js +23 -0
  231. package/styled-components/cjs/components/Dropdown/Dropdown.js +140 -54
  232. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +22 -7
  233. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +325 -66
  234. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  235. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +32 -0
  236. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +249 -0
  237. package/styled-components/cjs/components/Dropdown/index.js +9 -1
  238. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +40 -0
  239. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +44 -0
  240. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +117 -0
  241. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +5 -0
  242. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +77 -105
  243. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -19
  244. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +33 -0
  245. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +5 -0
  246. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +119 -0
  247. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +19 -0
  248. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.types.js +5 -0
  249. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +101 -0
  250. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +118 -0
  251. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +21 -0
  252. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +8 -0
  253. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  254. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +8 -0
  255. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  256. package/styled-components/cjs/components/Dropdown/ui/index.js +39 -5
  257. package/styled-components/cjs/components/Dropdown/utils/index.js +15 -1
  258. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +1 -9
  259. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  260. package/styled-components/cjs/components/IconButton/IconButton.js +47 -0
  261. package/styled-components/cjs/components/IconButton/IconButton.styles.js +13 -0
  262. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +31 -0
  263. package/styled-components/cjs/components/IconButton/index.js +25 -0
  264. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  265. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  266. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  267. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -18
  268. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +25 -0
  269. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +11 -0
  270. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  271. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +45 -0
  272. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +11 -0
  273. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +71 -0
  274. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -18
  275. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +25 -0
  276. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.js +11 -0
  277. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  278. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +45 -0
  279. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +11 -0
  280. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +71 -0
  281. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -18
  282. package/styled-components/cjs/index.js +11 -0
  283. package/styled-components/es/components/Button/Button.styles.js +10 -2
  284. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  285. package/styled-components/es/components/Calendar/hooks/useDays.js +3 -6
  286. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  287. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +90 -3
  288. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +23 -6
  289. package/styled-components/es/components/Combobox/utils/index.js +15 -0
  290. package/styled-components/es/components/Dropdown/Dropdown.js +142 -55
  291. package/styled-components/es/components/Dropdown/Dropdown.styles.js +18 -5
  292. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +325 -66
  293. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +26 -23
  294. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +26 -0
  295. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +243 -0
  296. package/styled-components/es/components/Dropdown/index.js +1 -0
  297. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +34 -0
  298. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +38 -0
  299. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +111 -0
  300. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +1 -0
  301. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +78 -107
  302. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -15
  303. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +25 -0
  304. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +1 -0
  305. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +111 -0
  306. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +13 -0
  307. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.types.js +1 -0
  308. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +92 -0
  309. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +112 -0
  310. package/styled-components/es/components/Dropdown/ui/DropdownOld/utils/index.js +15 -0
  311. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +2 -0
  312. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  313. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +2 -0
  314. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  315. package/styled-components/es/components/Dropdown/ui/index.js +5 -1
  316. package/styled-components/es/components/Dropdown/utils/index.js +15 -1
  317. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +1 -9
  318. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  319. package/styled-components/es/components/IconButton/IconButton.js +41 -0
  320. package/styled-components/es/components/IconButton/IconButton.styles.js +8 -0
  321. package/styled-components/es/components/IconButton/IconButton.tokens.js +25 -0
  322. package/styled-components/es/components/IconButton/index.js +2 -0
  323. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  324. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  325. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  326. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -18
  327. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +19 -0
  328. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +5 -0
  329. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  330. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +39 -0
  331. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +5 -0
  332. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +71 -0
  333. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -18
  334. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +19 -0
  335. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.js +5 -0
  336. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  337. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +39 -0
  338. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +5 -0
  339. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +71 -0
  340. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -18
  341. package/styled-components/es/index.js +1 -0
  342. package/types/components/Button/Button.styles.d.ts +1 -0
  343. package/types/components/Button/Button.styles.d.ts.map +1 -1
  344. package/types/components/Calendar/Calendar.types.d.ts +0 -4
  345. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  346. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  347. package/types/components/Calendar/hooks/useDays.d.ts +1 -1
  348. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  349. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  350. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +0 -1
  351. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  352. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +15 -13
  353. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  354. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +5 -1
  355. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  356. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +59 -2
  357. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  358. package/types/components/Combobox/utils/index.d.ts +4 -0
  359. package/types/components/Combobox/utils/index.d.ts.map +1 -0
  360. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  361. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  362. package/types/components/Dropdown/Dropdown.styles.d.ts +8 -1
  363. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  364. package/types/components/Dropdown/Dropdown.tokens.d.ts +24 -22
  365. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  366. package/types/components/Dropdown/Dropdown.types.d.ts +64 -40
  367. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  368. package/types/components/Dropdown/hooks/useHashMaps.d.ts +6 -0
  369. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -0
  370. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +37 -0
  371. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -0
  372. package/types/components/Dropdown/index.d.ts +3 -1
  373. package/types/components/Dropdown/index.d.ts.map +1 -1
  374. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +16 -0
  375. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +1 -0
  376. package/types/components/Dropdown/reducers/pathReducer.d.ts +20 -0
  377. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +1 -0
  378. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +5 -0
  379. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -0
  380. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +26 -0
  381. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -0
  382. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +2 -56
  383. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  384. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +5 -2
  385. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  386. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +44 -38
  387. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  388. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +7 -0
  389. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +1 -0
  390. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +60 -0
  391. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +1 -0
  392. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +58 -0
  393. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +1 -0
  394. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +1 -0
  395. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +1 -0
  396. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts +8 -0
  397. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts.map +1 -0
  398. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts +76 -0
  399. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts.map +1 -0
  400. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts +26 -0
  401. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -0
  402. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts +113 -0
  403. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts.map +1 -0
  404. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts +4 -0
  405. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts.map +1 -0
  406. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts +2 -0
  407. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts.map +1 -0
  408. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts +2 -0
  409. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts.map +1 -0
  410. package/types/components/Dropdown/ui/index.d.ts +5 -1
  411. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  412. package/types/components/Dropdown/utils/index.d.ts +5 -2
  413. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  414. package/types/components/IconButton/IconButton.d.ts +35 -0
  415. package/types/components/IconButton/IconButton.d.ts.map +1 -0
  416. package/types/components/IconButton/IconButton.styles.d.ts +3 -0
  417. package/types/components/IconButton/IconButton.styles.d.ts.map +1 -0
  418. package/types/components/IconButton/IconButton.tokens.d.ts +26 -0
  419. package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -0
  420. package/types/components/IconButton/index.d.ts +3 -0
  421. package/types/components/IconButton/index.d.ts.map +1 -0
  422. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  423. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  424. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  425. package/types/components/Select/utils/index.d.ts +1 -1
  426. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  427. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  428. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +13 -0
  429. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -0
  430. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +38 -0
  431. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -0
  432. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +32 -0
  433. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -0
  434. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  435. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +13 -0
  436. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -0
  437. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +38 -0
  438. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -0
  439. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +32 -0
  440. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -0
  441. package/types/index.d.ts +1 -0
  442. package/types/index.d.ts.map +1 -1
  443. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  444. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  445. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  446. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  447. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  448. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  449. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  450. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  451. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  452. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  453. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  454. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  455. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -27
  456. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -13
  457. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  458. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -27
  459. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -13
  460. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  461. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -27
  462. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -13
  463. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  464. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -27
  465. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -13
  466. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  467. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -22
  468. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -21
  469. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  470. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  471. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  472. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -21
  473. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -7
  474. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  475. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -21
  476. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -7
  477. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  478. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -21
  479. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -7
  480. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  481. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -21
  482. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -7
  483. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  484. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -16
  485. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -15
  486. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  487. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +0 -1
  488. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +0 -1
  489. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  490. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  491. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  492. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  493. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  494. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  495. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +0 -18
  496. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  497. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  498. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  499. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
  500. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  501. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  502. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  503. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +0 -15
  504. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  505. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +0 -51
  506. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +0 -1
  507. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
  508. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
  509. /package/{es/components/Dropdown/ui/DropdownItem → cjs/components/Dropdown/ui/DropdownOld}/variations/_size/base_x642ct.css +0 -0
  510. /package/{es/components/Dropdown/ui/DropdownItem → cjs/components/Dropdown/ui/DropdownOld}/variations/_view/base_x642ct.css +0 -0
  511. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  512. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  513. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  514. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  515. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.d.ts +0 -0
  516. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.d.ts +0 -0
  517. /package/types/examples/plasma_b2c/components/Dropdown/{Normal/Dropdown.config.d.ts → Dropdown.config.d.ts} +0 -0
  518. /package/types/examples/{plasma_b2c/components/Dropdown/Tight → plasma_web/components/Dropdown}/Dropdown.config.d.ts +0 -0
@@ -1,9 +1 @@
1
- [
2
- " --plasma-dropdown-width",
3
- " --plasma-dropdown-height",
4
- " --plasma-dropdown-border-radius",
5
- " --plasma-dropdown-padding-top",
6
- " --plasma-dropdown-padding-right",
7
- " --plasma-dropdown-padding-bottom",
8
- " --plasma-dropdown-padding-left"
9
- ]
1
+ []
@@ -1 +1 @@
1
- ["--plasma-dropdown-background", "--plasma-dropdown-box-shadow"]
1
+ []
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.iconButtonRoot = exports.iconButtonConfig = void 0;
7
+ var _Button = /*#__PURE__*/require("../Button");
8
+ var _base = /*#__PURE__*/require("../Button/variations/_view/base");
9
+ var _base2 = /*#__PURE__*/require("../Button/variations/_size/base");
10
+ var _base3 = /*#__PURE__*/require("../Button/variations/_disabled/base");
11
+ var _base4 = /*#__PURE__*/require("../Button/variations/_focused/base");
12
+ var _base5 = /*#__PURE__*/require("../Button/variations/_blurred/base");
13
+ var _base6 = /*#__PURE__*/require("../Button/variations/_stretching/base");
14
+ var _IconButton = /*#__PURE__*/require("./IconButton.styles");
15
+ var iconButtonRoot = exports.iconButtonRoot = _Button.buttonRoot;
16
+ var iconButtonConfig = exports.iconButtonConfig = {
17
+ name: 'IconButton',
18
+ tag: 'button',
19
+ layout: iconButtonRoot,
20
+ base: _IconButton.base,
21
+ variations: {
22
+ view: {
23
+ css: _base.base
24
+ },
25
+ size: {
26
+ css: _base2.base
27
+ },
28
+ disabled: {
29
+ css: _base3.base,
30
+ attrs: true
31
+ },
32
+ focused: {
33
+ css: _base4.base
34
+ },
35
+ blurred: {
36
+ css: _base5.base
37
+ },
38
+ stretching: {
39
+ css: _base6.base
40
+ }
41
+ },
42
+ defaults: {
43
+ view: 'secondary',
44
+ size: 'm',
45
+ stretching: 'fixed'
46
+ }
47
+ };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.mappingOverride = exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Button = /*#__PURE__*/require("../Button");
9
+ var _Button2 = /*#__PURE__*/require("../Button/Button.styles");
10
+ var _IconButton = /*#__PURE__*/require("./IconButton.tokens");
11
+ // Переопределние токенов из Button
12
+ var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Button.buttonTokens.buttonPadding, ": 0;\n\n ").concat(_Button.buttonTokens.buttonColor, ": var(").concat(_IconButton.tokens.iconButtonColor, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonColorHover, ": var(").concat(_IconButton.tokens.iconButtonColorHover, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorHover, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(_Button.buttonTokens.buttonColorActive, ": var(").concat(_IconButton.tokens.iconButtonColorActive, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorActive, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorActive, ");\n\n\n ").concat(_Button.buttonTokens.buttonFontFamily, ": var(").concat(_IconButton.tokens.iconButtonFontFamily, ");\n ").concat(_Button.buttonTokens.buttonFontSize, ": var(").concat(_IconButton.tokens.iconButtonFontSize, ");\n ").concat(_Button.buttonTokens.buttonFontStyle, ": var(").concat(_IconButton.tokens.iconButtonFontStyle, ");\n ").concat(_Button.buttonTokens.buttonFontWeight, ":var(").concat(_IconButton.tokens.iconButtonFontWeight, ");\n ").concat(_Button.buttonTokens.buttonLetterSpacing, ": var(").concat(_IconButton.tokens.iconButtonLetterSpacing, ");\n ").concat(_Button.buttonTokens.buttonLineHeight, ": var(").concat(_IconButton.tokens.iconButtonLineHeight, ");\n\n ").concat(_Button.buttonTokens.buttonWidth, ": var(").concat(_IconButton.tokens.iconButtonWidth, ");\n ").concat(_Button.buttonTokens.buttonHeight, ": var(").concat(_IconButton.tokens.iconButtonHeight, ");\n ").concat(_Button.buttonTokens.buttonRadius, ": var(").concat(_IconButton.tokens.iconButtonRadius, ");\n\n ").concat(_Button.buttonTokens.buttonDisabledOpacity, ": var(").concat(_IconButton.tokens.iconButtonDisabledOpacity, ");\n ").concat(_Button.buttonTokens.buttonFocusColor, ": var(").concat(_IconButton.tokens.iconButtonFocusColor, ");\n\n ").concat(_Button.buttonTokens.buttonSpinnerSize, ": var(").concat(_IconButton.tokens.iconButtonSpinnerSize, ");\n ").concat(_Button.buttonTokens.buttonSpinnerColor, ": var(").concat(_IconButton.tokens.iconButtonSpinnerColor, ");\n");
13
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _Button2.baseContent, mappingOverride);
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.tokens = void 0;
7
+ var tokens = exports.tokens = {
8
+ iconButtonColor: '--plasma-icon-button-color',
9
+ iconButtonBackgroundColor: '--plasma-icon-button-background-color',
10
+ iconButtonColorHover: '--plasma-icon-button-color-hover',
11
+ iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
12
+ iconButtonColorActive: '--plasma-icon-button-color-active',
13
+ iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',
14
+ iconButtonScaleHover: '--plasma-icon-button-scale-hover',
15
+ iconButtonScaleActive: '---plasma-icon-button-scale-active',
16
+ iconButtonHeight: '--plasma-icon-button-height',
17
+ iconButtonWidth: '--plasma-icon-button-width',
18
+ iconButtonPadding: '--plasma-icon-button-padding',
19
+ iconButtonRadius: '--plasma-icon-button-radius',
20
+ iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',
21
+ iconButtonFontFamily: '--plasma-icon-button-font-family',
22
+ iconButtonFontSize: '--plasma-icon-button-font-size',
23
+ iconButtonFontStyle: '--plasma-icon-button-font-style',
24
+ iconButtonFontWeight: '--plasma-icon-button-font-weight',
25
+ iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',
26
+ iconButtonLineHeight: '--plasma-icon-button-line-height',
27
+ iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',
28
+ iconButtonFocusColor: '--plasma-icon-button-focus-color',
29
+ iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',
30
+ iconButtonSpinnerSize: '--plasma-icon-button-spinner-size'
31
+ };
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "iconButtonConfig", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _IconButton.iconButtonConfig;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "iconButtonRoot", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _IconButton.iconButtonRoot;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "iconButtonTokens", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _IconButton2.tokens;
22
+ }
23
+ });
24
+ var _IconButton = /*#__PURE__*/require("./IconButton");
25
+ var _IconButton2 = /*#__PURE__*/require("./IconButton.tokens");
@@ -8,7 +8,7 @@ var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
8
8
  var _base = /*#__PURE__*/require("./variations/_view/base");
9
9
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
10
10
  var _SelectItem = /*#__PURE__*/require("./SelectItem.styles");
11
- var selectItemRoot = exports.selectItemRoot = _Dropdown.dropdownItemRoot;
11
+ var selectItemRoot = exports.selectItemRoot = _Dropdown.dropdownItemOldRoot;
12
12
  var selectItemConfig = exports.selectItemConfig = {
13
13
  name: 'SelectItem',
14
14
  tag: 'div',
@@ -7,7 +7,7 @@ exports.mappingOverride = exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Select = /*#__PURE__*/require("../../Select.tokens");
9
9
  var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
10
- var _DropdownItem = /*#__PURE__*/require("../../../Dropdown/ui/DropdownItem/DropdownItem.styles");
10
+ var _DropdownItem = /*#__PURE__*/require("../../../Dropdown/ui/DropdownItemOld/DropdownItem.styles");
11
11
  // NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
12
12
  var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Dropdown.dropdownTokens.itemBackground, ": var(").concat(_Select.tokens.itemBackground, ");\n ").concat(_Dropdown.dropdownTokens.itemColor, ": var(").concat(_Select.tokens.itemColor, ");\n ").concat(_Dropdown.dropdownTokens.itemBackgroundHover, ": var(").concat(_Select.tokens.itemBackgroundHover, ");\n ").concat(_Dropdown.dropdownTokens.itemBackgroundSelected, ": var(").concat(_Select.tokens.itemBackgroundSelected, ");\n ").concat(_Dropdown.dropdownTokens.itemColorSelected, ": var(").concat(_Select.tokens.itemColorSelected, ");\n ").concat(_Dropdown.dropdownTokens.itemBackgroundSelectedHover, ": var(").concat(_Select.tokens.itemBackgroundSelectedHover, ");\n ").concat(_Dropdown.dropdownTokens.itemColorSelectedHover, ": var(").concat(_Select.tokens.itemColorSelectedHover, ");\n ").concat(_Dropdown.dropdownTokens.itemContentLeftColor, ": var(").concat(_Select.tokens.itemContentLeftColor, ");\n ").concat(_Dropdown.dropdownTokens.itemContentRightColor, ": var(").concat(_Select.tokens.itemContentRightColor, ");\n ").concat(_Dropdown.dropdownTokens.disabledOpacity, ": var(").concat(_Select.tokens.disabledOpacity, ");\n ").concat(_Dropdown.dropdownTokens.focusColor, ": var(").concat(_Select.tokens.focusColor, ");\n ").concat(_Dropdown.dropdownTokens.itemWidth, ": var(").concat(_Select.tokens.itemWidth, ");\n ").concat(_Dropdown.dropdownTokens.itemHeight, ": var(").concat(_Select.tokens.itemHeight, ");\n ").concat(_Dropdown.dropdownTokens.itemBorderRadius, ": var(").concat(_Select.tokens.itemBorderRadius, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingTop, ": var(").concat(_Select.tokens.itemPaddingTop, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingRight, ": var(").concat(_Select.tokens.itemPaddingRight, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingBottom, ": var(").concat(_Select.tokens.itemPaddingBottom, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingLeft, ": var(").concat(_Select.tokens.itemPaddingLeft, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginTop, ": var(").concat(_Select.tokens.itemMarginTop, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginRight, ": var(").concat(_Select.tokens.itemMarginRight, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginBottom, ": var(").concat(_Select.tokens.itemMarginBottom, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginLeft, ": var(").concat(_Select.tokens.itemMarginLeft, ");\n ").concat(_Dropdown.dropdownTokens.itemFontFamily, ": var(").concat(_Select.tokens.itemFontFamily, ");\n ").concat(_Dropdown.dropdownTokens.itemFontSize, ": var(").concat(_Select.tokens.itemFontSize, ");\n ").concat(_Dropdown.dropdownTokens.itemFontStyle, ": var(").concat(_Select.tokens.itemFontStyle, ");\n ").concat(_Dropdown.dropdownTokens.itemFontWeightBold, ": var(").concat(_Select.tokens.itemFontWeightBold, ");\n ").concat(_Dropdown.dropdownTokens.itemFontLetterSpacing, ": var(").concat(_Select.tokens.itemFontLetterSpacing, ");\n ").concat(_Dropdown.dropdownTokens.itemFontLineHeight, ": var(").concat(_Select.tokens.itemFontLineHeight, ");\n ").concat(_Dropdown.dropdownTokens.itemContentLeftWidth, ": var(").concat(_Select.tokens.itemContentLeftWidth, ");\n ").concat(_Dropdown.dropdownTokens.itemContentRightWidth, ": var(").concat(_Select.tokens.itemContentRightWidth, ");\n");
13
13
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _DropdownItem.baseContent, mappingOverride);
@@ -18,8 +18,7 @@ var DisclosureRight = exports.DisclosureRight = function DisclosureRight(props)
18
18
  fillRule: "evenodd",
19
19
  clipRule: "evenodd",
20
20
  d: "M9.883 4.707a1 1 0 011.414-1.414L16.004 8l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 8 9.883 4.707z",
21
- fill: "currentColor",
22
- fillOpacity: 0.56
21
+ fill: "currentColor"
23
22
  })));
24
23
  }
25
24
  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -79,7 +79,7 @@ const baseEvents = [
79
79
  ];
80
80
 
81
81
  const StoryDefault = (args: CalendarProps) => {
82
- const { isRange, isDouble, min, max, date, includeEdgeDates } = args;
82
+ const { isRange, isDouble, min, max, date } = args;
83
83
  const [value, setValue] = useState(new Date(2023, 10, 16));
84
84
  const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
85
85
 
@@ -110,7 +110,6 @@ const StoryDefault = (args: CalendarProps) => {
110
110
  disabledList={disabledDays}
111
111
  min={min}
112
112
  max={max}
113
- includeEdgeDates={includeEdgeDates}
114
113
  onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
115
114
  />
116
115
  );
@@ -122,13 +121,12 @@ export const Default: StoryObj<CalendarProps> = {
122
121
  max: new Date(2023, 11, 24),
123
122
  isDouble: false,
124
123
  isRange: false,
125
- includeEdgeDates: false,
126
124
  },
127
125
  render: (args) => <StoryDefault {...args} />,
128
126
  };
129
127
 
130
128
  const StoryBase = (args: CalendarBaseProps) => {
131
- const { min, max, type, includeEdgeDates } = args;
129
+ const { min, max, type } = args;
132
130
  const [value, setValue] = useState(new Date(2023, 10, 16));
133
131
 
134
132
  const handleOnChange = useCallback((newValue: Date) => {
@@ -152,7 +150,6 @@ const StoryBase = (args: CalendarBaseProps) => {
152
150
  disabledList={disabledDays}
153
151
  min={min}
154
152
  max={max}
155
- includeEdgeDates={includeEdgeDates}
156
153
  type={type}
157
154
  onChangeValue={handleOnChange}
158
155
  />
@@ -171,14 +168,13 @@ export const Base: StoryObj<CalendarBaseProps> = {
171
168
  args: {
172
169
  min: new Date(2023, 10, 1),
173
170
  max: new Date(2023, 11, 24),
174
- includeEdgeDates: false,
175
171
  type: 'Days',
176
172
  },
177
173
  render: (args) => <StoryBase {...args} />,
178
174
  };
179
175
 
180
176
  const StoryDouble = (args: CalendarDoubleProps) => {
181
- const { min, max, includeEdgeDates } = args;
177
+ const { min, max } = args;
182
178
  const [value, setValue] = useState(new Date(2023, 10, 16));
183
179
  const handleOnChange = useCallback((newValue: Date) => {
184
180
  setValue(newValue);
@@ -201,7 +197,6 @@ const StoryDouble = (args: CalendarDoubleProps) => {
201
197
  disabledList={disabledDays}
202
198
  min={min}
203
199
  max={max}
204
- includeEdgeDates={includeEdgeDates}
205
200
  onChangeValue={handleOnChange}
206
201
  />
207
202
  );
@@ -211,13 +206,12 @@ export const Double: StoryObj<CalendarDoubleProps> = {
211
206
  args: {
212
207
  min: new Date(2023, 10, 1),
213
208
  max: new Date(2023, 11, 24),
214
- includeEdgeDates: false,
215
209
  },
216
210
  render: (args) => <StoryDouble {...args} />,
217
211
  };
218
212
 
219
213
  const StoryRange = (args: CalendarBaseRangeProps) => {
220
- const { min, max, type, includeEdgeDates } = args;
214
+ const { min, max, type } = args;
221
215
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
222
216
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
223
217
  onChangeValue(newValue);
@@ -243,7 +237,6 @@ const StoryRange = (args: CalendarBaseRangeProps) => {
243
237
  disabledList={disabledList}
244
238
  min={min}
245
239
  max={max}
246
- includeEdgeDates={includeEdgeDates}
247
240
  type={type}
248
241
  onChangeValue={handleOnChange}
249
242
  />
@@ -262,14 +255,13 @@ export const Range: StoryObj<CalendarBaseRangeProps> = {
262
255
  args: {
263
256
  min: new Date(2023, 10, 1),
264
257
  max: new Date(2023, 11, 24),
265
- includeEdgeDates: false,
266
258
  type: 'Days',
267
259
  },
268
260
  render: (args) => <StoryRange {...args} />,
269
261
  };
270
262
 
271
263
  const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
272
- const { min, max, includeEdgeDates } = args;
264
+ const { min, max } = args;
273
265
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
274
266
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
275
267
  onChangeValue(newValue);
@@ -295,7 +287,6 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
295
287
  disabledList={disabledList}
296
288
  min={min}
297
289
  max={max}
298
- includeEdgeDates={includeEdgeDates}
299
290
  onChangeValue={handleOnChange}
300
291
  />
301
292
  );
@@ -305,13 +296,12 @@ export const RangeDouble: StoryObj<CalendarBaseRangeProps> = {
305
296
  args: {
306
297
  min: new Date(2023, 10, 1),
307
298
  max: new Date(2023, 11, 24),
308
- includeEdgeDates: false,
309
299
  },
310
300
  render: (args) => <StoryRangeDouble {...args} />,
311
301
  };
312
302
 
313
303
  const StoryWithPopover = (args: CalendarProps) => {
314
- const { isDouble, min, max, includeEdgeDates } = args;
304
+ const { isDouble, min, max } = args;
315
305
  const [isOpen, setIsOpen] = useState(false);
316
306
  const [textValue, setTextValue] = useState('2023-10-16');
317
307
  const [value, setValue] = useState(new Date(textValue));
@@ -350,7 +340,6 @@ const StoryWithPopover = (args: CalendarProps) => {
350
340
  disabledList={disabledDays}
351
341
  min={min}
352
342
  max={max}
353
- includeEdgeDates={includeEdgeDates}
354
343
  isDouble={isDouble}
355
344
  isRange={false}
356
345
  onChangeValue={handleOnChange}
@@ -364,7 +353,6 @@ export const WithPopover: StoryObj<CalendarProps> = {
364
353
  min: new Date(2023, 9, 1),
365
354
  max: new Date(2023, 11, 24),
366
355
  isDouble: false,
367
- includeEdgeDates: false,
368
356
  },
369
357
  render: (args) => <StoryWithPopover {...args} />,
370
358
  };
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Dropdown = /*#__PURE__*/require("../../../../components/Dropdown");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ size: 'm'
13
+ },
14
+ variations: {
15
+ size: {
16
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
17
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
18
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
19
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
20
+ },
21
+ view: {
22
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor)
23
+ }
24
+ }
25
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Dropdown = void 0;
7
+ var _Dropdown = /*#__PURE__*/require("../../../../components/Dropdown");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _Dropdown2 = /*#__PURE__*/require("./Dropdown.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownConfig, _Dropdown2.config);
11
+ var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,292 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+ import { action } from '@storybook/addon-actions';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+ import { Button } from '../Button/Button';
8
+ import type { DropdownPlacement, DropdownTrigger } from '../../../../components/Dropdown/Dropdown.types';
9
+
10
+ import { Dropdown } from './Dropdown';
11
+
12
+ type StoryDropdownProps = ComponentProps<typeof Dropdown>;
13
+
14
+ const placements: Array<DropdownPlacement> = ['top', 'bottom', 'right', 'left', 'auto'];
15
+ const triggers: Array<DropdownTrigger> = ['click', 'hover'];
16
+ const size = ['xs', 's', 'm', 'l'];
17
+ const variant = ['normal', 'tight'];
18
+
19
+ const meta: Meta<StoryDropdownProps> = {
20
+ title: 'plasma_b2c/Dropdown',
21
+ decorators: [WithTheme],
22
+ component: Dropdown,
23
+ argTypes: {
24
+ placement: {
25
+ options: placements,
26
+ control: {
27
+ type: 'select',
28
+ },
29
+ },
30
+ trigger: {
31
+ options: triggers,
32
+ control: {
33
+ type: 'select',
34
+ },
35
+ },
36
+ size: {
37
+ options: size,
38
+ control: {
39
+ type: 'select',
40
+ },
41
+ },
42
+ variant: {
43
+ options: variant,
44
+ control: {
45
+ type: 'select',
46
+ },
47
+ },
48
+ },
49
+ args: {
50
+ trigger: 'click',
51
+ offset: [0, 0],
52
+ listWidth: 'auto',
53
+ hasArrow: true,
54
+ closeOnOverlayClick: true,
55
+ closeOnSelect: true,
56
+ size: 'm',
57
+ variant: 'normal',
58
+ },
59
+ };
60
+
61
+ export default meta;
62
+
63
+ const items = [
64
+ {
65
+ value: 'north_america',
66
+ label: 'Северная Америка',
67
+ },
68
+ {
69
+ value: 'south_america',
70
+ label: 'Южная Америка',
71
+ items: [
72
+ {
73
+ value: 'brazil',
74
+ label: 'Бразилия',
75
+ items: [
76
+ {
77
+ value: 'rio_de_janeiro',
78
+ label: 'Рио-де-Жанейро',
79
+ },
80
+ {
81
+ value: 'sao_paulo',
82
+ label: 'Сан-Паулу',
83
+ },
84
+ ],
85
+ },
86
+ {
87
+ value: 'argentina',
88
+ label: 'Аргентина',
89
+ items: [
90
+ {
91
+ value: 'buenos_aires',
92
+ label: 'Буэнос-Айрес',
93
+ },
94
+ {
95
+ value: 'cordoba',
96
+ label: 'Кордова',
97
+ },
98
+ ],
99
+ },
100
+ {
101
+ value: 'colombia',
102
+ label: 'Колумбия',
103
+ items: [
104
+ {
105
+ value: 'bogota',
106
+ label: 'Богота',
107
+ },
108
+ {
109
+ value: 'medellin',
110
+ label: 'Медельин',
111
+ },
112
+ ],
113
+ },
114
+ ],
115
+ },
116
+ {
117
+ value: 'europe',
118
+ label: 'Европа',
119
+ items: [
120
+ {
121
+ value: 'france',
122
+ label: 'Франция',
123
+ items: [
124
+ {
125
+ value: 'paris',
126
+ label: 'Париж',
127
+ },
128
+ {
129
+ value: 'lyon',
130
+ label: 'Лион',
131
+ },
132
+ ],
133
+ },
134
+ {
135
+ value: 'germany',
136
+ label: 'Германия',
137
+ items: [
138
+ {
139
+ value: 'berlin',
140
+ label: 'Берлин',
141
+ },
142
+ {
143
+ value: 'munich',
144
+ label: 'Мюнхен',
145
+ },
146
+ ],
147
+ },
148
+ {
149
+ value: 'italy',
150
+ label: 'Италия',
151
+ items: [
152
+ {
153
+ value: 'rome',
154
+ label: 'Рим',
155
+ },
156
+ {
157
+ value: 'milan',
158
+ label: 'Милан',
159
+ },
160
+ ],
161
+ },
162
+ {
163
+ value: 'spain',
164
+ label: 'Испания',
165
+ items: [
166
+ {
167
+ value: 'madrid',
168
+ label: 'Мадрид',
169
+ },
170
+ {
171
+ value: 'barcelona',
172
+ label: 'Барселона',
173
+ },
174
+ ],
175
+ },
176
+ {
177
+ value: 'united_kingdom',
178
+ label: 'Великобритания',
179
+ items: [
180
+ {
181
+ value: 'london',
182
+ label: 'Лондон',
183
+ },
184
+ {
185
+ value: 'manchester',
186
+ label: 'Манчестер',
187
+ },
188
+ ],
189
+ },
190
+ ],
191
+ },
192
+ {
193
+ value: 'asia',
194
+ label: 'Азия',
195
+ items: [
196
+ {
197
+ value: 'china',
198
+ label: 'Китай',
199
+ items: [
200
+ {
201
+ value: 'beijing',
202
+ label: 'Пекин',
203
+ },
204
+ {
205
+ value: 'shanghai',
206
+ label: 'Шанхай',
207
+ },
208
+ ],
209
+ },
210
+ {
211
+ value: 'japan',
212
+ label: 'Япония',
213
+ items: [
214
+ {
215
+ value: 'tokyo',
216
+ label: 'Токио',
217
+ },
218
+ {
219
+ value: 'osaka',
220
+ label: 'Осака',
221
+ },
222
+ ],
223
+ },
224
+ {
225
+ value: 'india',
226
+ label: 'Индия',
227
+ items: [
228
+ {
229
+ value: 'delhi',
230
+ label: 'Дели',
231
+ },
232
+ {
233
+ value: 'mumbai',
234
+ label: 'Мумбаи',
235
+ },
236
+ ],
237
+ },
238
+ {
239
+ value: 'south_korea',
240
+ label: 'Южная Корея',
241
+ items: [
242
+ {
243
+ value: 'seoul',
244
+ label: 'Сеул',
245
+ },
246
+ {
247
+ value: 'busan',
248
+ label: 'Пусан',
249
+ },
250
+ ],
251
+ },
252
+ {
253
+ value: 'thailand',
254
+ label: 'Таиланд',
255
+ items: [
256
+ {
257
+ value: 'bangkok',
258
+ label: 'Бангкок',
259
+ },
260
+ {
261
+ value: 'phuket',
262
+ label: 'Пхукет',
263
+ },
264
+ ],
265
+ },
266
+ ],
267
+ },
268
+ {
269
+ value: 'africa',
270
+ label: 'Африка',
271
+ disabled: true,
272
+ },
273
+ ];
274
+
275
+ const StoryNormal = (args: StoryDropdownProps) => {
276
+ return (
277
+ <Dropdown
278
+ {...args}
279
+ items={items}
280
+ onToggle={action('onToggle')}
281
+ onHover={action('onHover')}
282
+ onItemSelect={action('onItemSelect')}
283
+ onItemClick={action('onItemClick')}
284
+ >
285
+ <Button text="Список стран" />
286
+ </Dropdown>
287
+ );
288
+ };
289
+
290
+ export const Default: StoryObj<StoryDropdownProps> = {
291
+ render: (args) => <StoryNormal {...args} />,
292
+ };