@salutejs/plasma-new-hope 0.78.0-canary.1185.8915022482.0 → 0.78.0-canary.1194.8928068974.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (598) hide show
  1. package/cjs/components/Combobox/Combobox.css +7 -17
  2. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  3. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  4. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  5. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  6. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  7. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  8. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  9. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  10. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  11. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  12. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  13. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +10 -81
  14. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  15. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +9 -21
  16. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  17. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  18. package/cjs/components/Dropdown/Dropdown.css +2 -25
  19. package/cjs/components/Dropdown/Dropdown.js +54 -138
  20. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  21. package/cjs/components/Dropdown/Dropdown.styles.js +7 -40
  22. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  23. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  24. package/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  25. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  26. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  27. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -79
  28. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  29. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -90
  30. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  31. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  32. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  33. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  34. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  35. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  36. package/cjs/components/Dropdown/utils/index.js +0 -16
  37. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  38. package/cjs/components/Pagination/Pagination.css +7 -14
  39. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  40. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  41. package/cjs/components/Select/Select.css +7 -14
  42. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  43. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  44. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  45. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  46. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  47. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  48. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  49. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  50. package/cjs/components/Select/ui/SelectItem/SelectItem.css +7 -16
  51. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  52. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  53. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  54. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  55. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  56. package/cjs/components/Slider/Slider.css +69 -0
  57. package/cjs/components/Slider/Slider.js +58 -0
  58. package/cjs/components/Slider/Slider.js.map +1 -0
  59. package/cjs/components/Slider/Slider.tokens.js +79 -0
  60. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  61. package/cjs/components/Slider/components/Double/Double.css +62 -0
  62. package/cjs/components/Slider/components/Double/Double.js +274 -0
  63. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  64. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  65. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  66. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  67. package/cjs/components/Slider/components/Single/Single.css +16 -0
  68. package/cjs/components/Slider/components/Single/Single.js +160 -0
  69. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  70. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  71. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  72. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  73. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  74. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  75. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  76. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  77. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  78. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  79. package/cjs/components/Slider/ui/Handle/Handle.css +4 -0
  80. package/cjs/components/Slider/ui/Handle/Handle.js +174 -0
  81. package/cjs/components/Slider/ui/Handle/Handle.js.map +1 -0
  82. package/cjs/components/Slider/ui/Handle/Handle.styles.js +21 -0
  83. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  84. package/cjs/components/Slider/ui/Handle/Handle.styles_16a5sl.css +2 -0
  85. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  86. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  87. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  88. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  89. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  90. package/cjs/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +1 -0
  91. package/cjs/components/Slider/utils/index.js +56 -0
  92. package/cjs/components/Slider/utils/index.js.map +1 -0
  93. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  94. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  95. package/cjs/components/Slider/variations/_size/base.js +9 -0
  96. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  97. package/cjs/components/Slider/variations/_view/base.js +9 -0
  98. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  99. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  100. package/cjs/components/TextField/TextField.js +6 -2
  101. package/cjs/components/TextField/TextField.js.map +1 -1
  102. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  103. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  104. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  105. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  106. package/cjs/index.css +33 -18
  107. package/cjs/index.js +16 -8
  108. package/cjs/index.js.map +1 -1
  109. package/cjs/utils/canUseDOM.js +12 -0
  110. package/cjs/utils/canUseDOM.js.map +1 -0
  111. package/cjs/utils/index.js.map +1 -1
  112. package/es/components/Combobox/Combobox.css +7 -17
  113. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  114. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  115. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  116. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  117. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  118. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  119. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  120. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  121. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  122. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  123. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  124. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +11 -82
  125. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  126. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +10 -19
  127. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  128. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  129. package/es/components/Dropdown/Dropdown.css +2 -25
  130. package/es/components/Dropdown/Dropdown.js +60 -144
  131. package/es/components/Dropdown/Dropdown.js.map +1 -1
  132. package/es/components/Dropdown/Dropdown.styles.js +7 -39
  133. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  134. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  135. package/es/components/Dropdown/Dropdown.tokens.js +23 -26
  136. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  137. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  138. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -80
  139. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  140. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -89
  141. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  142. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  143. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  144. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  145. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base_x642ct.css +1 -0
  146. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  147. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  148. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base_x642ct.css +1 -0
  149. package/es/components/Dropdown/utils/index.js +2 -16
  150. package/es/components/Dropdown/utils/index.js.map +1 -1
  151. package/es/components/Pagination/Pagination.css +7 -14
  152. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  153. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  154. package/es/components/Select/Select.css +7 -14
  155. package/es/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  156. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  157. package/es/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  158. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  159. package/es/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  160. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  161. package/es/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  162. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  163. package/es/components/Select/ui/SelectItem/SelectItem.css +7 -16
  164. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  165. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  166. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  167. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  168. package/es/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  169. package/es/components/Slider/Slider.css +69 -0
  170. package/es/components/Slider/Slider.js +53 -0
  171. package/es/components/Slider/Slider.js.map +1 -0
  172. package/es/components/Slider/Slider.tokens.js +74 -0
  173. package/es/components/Slider/Slider.tokens.js.map +1 -0
  174. package/es/components/Slider/components/Double/Double.css +62 -0
  175. package/es/components/Slider/components/Double/Double.js +270 -0
  176. package/es/components/Slider/components/Double/Double.js.map +1 -0
  177. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  178. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  179. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  180. package/es/components/Slider/components/Single/Single.css +16 -0
  181. package/es/components/Slider/components/Single/Single.js +156 -0
  182. package/es/components/Slider/components/Single/Single.js.map +1 -0
  183. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  184. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  185. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  186. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  187. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  188. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  189. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  190. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  191. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  192. package/es/components/Slider/ui/Handle/Handle.css +4 -0
  193. package/es/components/Slider/ui/Handle/Handle.js +170 -0
  194. package/es/components/Slider/ui/Handle/Handle.js.map +1 -0
  195. package/es/components/Slider/ui/Handle/Handle.styles.js +16 -0
  196. package/es/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  197. package/es/components/Slider/ui/Handle/Handle.styles_16a5sl.css +2 -0
  198. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  199. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  200. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  201. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  202. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  203. package/es/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +1 -0
  204. package/es/components/Slider/utils/index.js +50 -0
  205. package/es/components/Slider/utils/index.js.map +1 -0
  206. package/es/components/Slider/variations/_disabled/base.js +5 -0
  207. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  208. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  209. package/es/components/Slider/variations/_size/base.js +5 -0
  210. package/es/components/Slider/variations/_size/base.js.map +1 -0
  211. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  212. package/es/components/Slider/variations/_view/base.js +5 -0
  213. package/es/components/Slider/variations/_view/base.js.map +1 -0
  214. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  215. package/es/components/TextField/TextField.js +6 -2
  216. package/es/components/TextField/TextField.js.map +1 -1
  217. package/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  218. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  219. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  220. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  221. package/es/index.css +33 -18
  222. package/es/index.js +9 -4
  223. package/es/index.js.map +1 -1
  224. package/es/utils/canUseDOM.js +8 -0
  225. package/es/utils/canUseDOM.js.map +1 -0
  226. package/es/utils/index.js.map +1 -1
  227. package/package.json +4 -2
  228. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +2 -91
  229. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +7 -27
  230. package/styled-components/cjs/components/Dropdown/Dropdown.js +54 -140
  231. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +7 -22
  232. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  233. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  234. package/styled-components/cjs/components/Dropdown/index.js +1 -9
  235. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +105 -77
  236. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -83
  237. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  238. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  239. package/styled-components/cjs/components/Dropdown/ui/index.js +5 -19
  240. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -15
  241. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +9 -1
  242. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  243. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  244. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  245. package/styled-components/cjs/components/Slider/Slider.js +57 -0
  246. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  247. package/styled-components/cjs/components/Slider/components/Double/Double.js +286 -0
  248. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  249. package/styled-components/cjs/components/Slider/components/Single/Single.js +172 -0
  250. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  251. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  252. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  253. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  254. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  255. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  256. package/styled-components/cjs/components/Slider/index.js +32 -0
  257. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +183 -0
  258. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +15 -0
  259. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +5 -0
  260. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  261. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +12 -0
  262. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  263. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  264. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  265. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  266. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  267. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  268. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  269. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  270. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  271. package/styled-components/cjs/components/TextField/TextField.js +6 -2
  272. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  273. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +27 -0
  274. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +13 -0
  275. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  276. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +27 -0
  277. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +13 -0
  278. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  279. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  280. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +11 -0
  281. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +131 -0
  282. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +27 -0
  283. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +13 -0
  284. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  285. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +27 -0
  286. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +13 -0
  287. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  288. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  289. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +11 -0
  290. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +131 -0
  291. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +22 -0
  292. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +21 -0
  293. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  294. package/styled-components/cjs/hooks/index.js +8 -1
  295. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  296. package/styled-components/cjs/index.js +11 -0
  297. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  298. package/styled-components/cjs/utils/index.js +7 -0
  299. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +3 -90
  300. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +6 -23
  301. package/styled-components/es/components/Dropdown/Dropdown.js +55 -142
  302. package/styled-components/es/components/Dropdown/Dropdown.styles.js +5 -18
  303. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  304. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +23 -26
  305. package/styled-components/es/components/Dropdown/index.js +0 -1
  306. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +107 -78
  307. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +14 -80
  308. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  309. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  310. package/styled-components/es/components/Dropdown/ui/index.js +1 -3
  311. package/styled-components/es/components/Dropdown/utils/index.js +1 -15
  312. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +9 -1
  313. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  314. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  315. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  316. package/styled-components/es/components/Slider/Slider.js +48 -0
  317. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  318. package/styled-components/es/components/Slider/components/Double/Double.js +278 -0
  319. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  320. package/styled-components/es/components/Slider/components/Single/Single.js +164 -0
  321. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  322. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  323. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  324. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  325. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  326. package/styled-components/es/components/Slider/components/index.js +3 -0
  327. package/styled-components/es/components/Slider/index.js +3 -0
  328. package/styled-components/es/components/Slider/ui/Handle/Handle.js +174 -0
  329. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +8 -0
  330. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +1 -0
  331. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  332. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +5 -0
  333. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  334. package/styled-components/es/components/Slider/ui/index.js +5 -0
  335. package/styled-components/es/components/Slider/utils/index.js +47 -0
  336. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  337. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  338. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  339. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  340. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  341. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  342. package/styled-components/es/components/TextField/TextField.js +6 -2
  343. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  344. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +21 -0
  345. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +7 -0
  346. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  347. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +21 -0
  348. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +7 -0
  349. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  350. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  351. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +5 -0
  352. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +131 -0
  353. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +21 -0
  354. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +7 -0
  355. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  356. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +21 -0
  357. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +7 -0
  358. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  359. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  360. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +5 -0
  361. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +131 -0
  362. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +16 -0
  363. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +15 -0
  364. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  365. package/styled-components/es/hooks/index.js +2 -1
  366. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  367. package/styled-components/es/index.js +2 -1
  368. package/styled-components/es/utils/canUseDOM.js +5 -0
  369. package/styled-components/es/utils/index.js +1 -0
  370. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +13 -15
  371. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  372. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +1 -5
  373. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  374. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +2 -59
  375. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  376. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  377. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  378. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -8
  379. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  380. package/types/components/Dropdown/Dropdown.tokens.d.ts +22 -24
  381. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  382. package/types/components/Dropdown/Dropdown.types.d.ts +40 -64
  383. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  384. package/types/components/Dropdown/index.d.ts +1 -3
  385. package/types/components/Dropdown/index.d.ts.map +1 -1
  386. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +56 -2
  387. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  388. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -5
  389. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  390. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +38 -44
  391. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  392. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +1 -0
  393. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +1 -0
  394. package/types/components/Dropdown/ui/index.d.ts +1 -3
  395. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  396. package/types/components/Dropdown/utils/index.d.ts +2 -5
  397. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  398. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  399. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  400. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  401. package/types/components/Select/utils/index.d.ts +1 -1
  402. package/types/components/Slider/Slider.d.ts +31 -0
  403. package/types/components/Slider/Slider.d.ts.map +1 -0
  404. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  405. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  406. package/types/components/Slider/Slider.types.d.ts +3 -0
  407. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  408. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  409. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  410. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  411. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  412. package/types/components/Slider/components/Double/Double.types.d.ts +60 -0
  413. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  414. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  415. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  416. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  417. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  418. package/types/components/Slider/components/Single/Single.types.d.ts +62 -0
  419. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  420. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  421. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  422. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  423. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  424. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  425. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  426. package/types/components/Slider/components/index.d.ts +6 -0
  427. package/types/components/Slider/components/index.d.ts.map +1 -0
  428. package/types/components/Slider/index.d.ts +6 -0
  429. package/types/components/Slider/index.d.ts.map +1 -0
  430. package/types/components/Slider/ui/Handle/Handle.d.ts +9 -0
  431. package/types/components/Slider/ui/Handle/Handle.d.ts.map +1 -0
  432. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +4 -0
  433. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +1 -0
  434. package/types/components/Slider/ui/Handle/Handle.types.d.ts +24 -0
  435. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +1 -0
  436. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  437. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  438. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  439. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  440. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  441. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  442. package/types/components/Slider/ui/index.d.ts +6 -0
  443. package/types/components/Slider/ui/index.d.ts.map +1 -0
  444. package/types/components/Slider/utils/index.d.ts +33 -0
  445. package/types/components/Slider/utils/index.d.ts.map +1 -0
  446. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  447. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  448. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  449. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  450. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  451. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  452. package/types/components/TextField/TextField.d.ts.map +1 -1
  453. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  454. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  455. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  456. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  457. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  458. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  459. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  460. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  461. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  462. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  463. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +17 -0
  464. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  465. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +18 -0
  466. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  467. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  468. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  469. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  470. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  471. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  472. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  473. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  474. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  475. package/types/examples/plasma_web/components/Slider/Slider.d.ts +17 -0
  476. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  477. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +15 -0
  478. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  479. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +51 -0
  480. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +1 -0
  481. package/types/hooks/index.d.ts +1 -0
  482. package/types/hooks/index.d.ts.map +1 -1
  483. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  484. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  485. package/types/index.d.ts +1 -0
  486. package/types/index.d.ts.map +1 -1
  487. package/types/utils/canUseDOM.d.ts +6 -0
  488. package/types/utils/canUseDOM.d.ts.map +1 -0
  489. package/types/utils/index.d.ts +1 -0
  490. package/types/utils/index.d.ts.map +1 -1
  491. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  492. package/cjs/components/Combobox/utils/index.js +0 -23
  493. package/cjs/components/Combobox/utils/index.js.map +0 -1
  494. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  495. package/cjs/components/Dropdown/hooks/useHashMaps.js +0 -31
  496. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  497. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -200
  498. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  499. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -37
  500. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  501. package/cjs/components/Dropdown/reducers/pathReducer.js +0 -41
  502. package/cjs/components/Dropdown/reducers/pathReducer.js.map +0 -1
  503. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -119
  504. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  505. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  506. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -30
  507. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  508. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  509. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  510. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -112
  511. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  512. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  513. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  514. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  515. package/es/components/Combobox/utils/index.js +0 -19
  516. package/es/components/Combobox/utils/index.js.map +0 -1
  517. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  518. package/es/components/Dropdown/hooks/useHashMaps.js +0 -27
  519. package/es/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  520. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -196
  521. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  522. package/es/components/Dropdown/reducers/focusedPathReducer.js +0 -33
  523. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  524. package/es/components/Dropdown/reducers/pathReducer.js +0 -37
  525. package/es/components/Dropdown/reducers/pathReducer.js.map +0 -1
  526. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -115
  527. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  528. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  529. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -23
  530. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  531. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  532. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  533. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -107
  534. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  535. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  536. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  537. package/styled-components/cjs/components/Combobox/utils/index.js +0 -23
  538. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +0 -29
  539. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -199
  540. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -40
  541. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +0 -44
  542. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -114
  543. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -33
  544. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -119
  545. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -25
  546. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -11
  547. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -294
  548. package/styled-components/es/components/Combobox/utils/index.js +0 -15
  549. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +0 -23
  550. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -193
  551. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +0 -34
  552. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +0 -38
  553. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -108
  554. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -25
  555. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -111
  556. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -19
  557. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -5
  558. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -294
  559. package/types/components/Combobox/utils/index.d.ts +0 -4
  560. package/types/components/Combobox/utils/index.d.ts.map +0 -1
  561. package/types/components/Dropdown/hooks/useHashMaps.d.ts +0 -6
  562. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +0 -1
  563. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +0 -23
  564. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +0 -1
  565. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +0 -16
  566. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +0 -1
  567. package/types/components/Dropdown/reducers/pathReducer.d.ts +0 -20
  568. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +0 -1
  569. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +0 -5
  570. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +0 -1
  571. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +0 -26
  572. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +0 -1
  573. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +0 -7
  574. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +0 -1
  575. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +0 -60
  576. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +0 -1
  577. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +0 -58
  578. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +0 -1
  579. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +0 -1
  580. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +0 -1
  581. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  582. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +0 -13
  583. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +0 -1
  584. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  585. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  586. /package/{es/components/Dropdown/ui/DropdownItemOld/variations/_size → cjs/components/Slider/variations/_disabled}/base_x642ct.css +0 -0
  587. /package/{es/components/Dropdown/ui/DropdownItemOld/variations/_view → cjs/components/Slider/variations/_size}/base_x642ct.css +0 -0
  588. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  589. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  590. /package/styled-components/cjs/components/{Dropdown/ui/DropdownInner/DropdownInner.type.js → Slider/Slider.types.js} +0 -0
  591. /package/styled-components/cjs/components/{Dropdown/ui/DropdownItemOld/DropdownItem.type.js → Slider/components/Double/Double.types.js} +0 -0
  592. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  593. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  594. /package/styled-components/es/components/{Dropdown/ui/DropdownInner/DropdownInner.type.js → Slider/Slider.types.js} +0 -0
  595. /package/styled-components/es/components/{Dropdown/ui/DropdownItemOld/DropdownItem.type.js → Slider/components/Double/Double.types.js} +0 -0
  596. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.d.ts +0 -0
  597. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.d.ts +0 -0
  598. /package/types/examples/plasma_b2c/components/Dropdown/{Dropdown.config.d.ts → Normal/Dropdown.config.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, StyledPopover, base } from './Dropdown.styles';\nimport { getPlacements, childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n items,\n children,\n placement = 'bottom',\n offset = [0, 0],\n closeOnOverlayClick = true,\n onToggle,\n size,\n view,\n itemRole = 'option',\n className,\n listWidth,\n listHeight,\n listOverflow,\n closeOnSelect = true,\n onHover,\n onItemSelect,\n onItemClick,\n trigger = 'click',\n variant = 'normal',\n hasArrow = true,\n ...rest\n },\n ref,\n ) => {\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n\n if (onToggle) {\n onToggle(opened, event);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleGlobalToggle,\n closeOnSelect,\n onItemSelect,\n onItemClick,\n });\n\n const isCurrentListOpen = Boolean(path[0]);\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <Root\n className={cx(className, classes.dropdownRoot)}\n ref={ref}\n view={view}\n size={size}\n items={items}\n {...rest}\n >\n <StyledPopover\n isOpen={isCurrentListOpen}\n usePortal={false}\n onToggle={handleGlobalToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={childrenWithProps(children, {\n role: 'combobox',\n 'aria-controls': 'listbox1',\n 'aria-expanded': isCurrentListOpen,\n 'aria-haspopup': 'listbox',\n 'aria-activedescendant': getActiveDescendant(),\n onKeyDown,\n })}\n >\n <Ul\n listHeight={listHeight}\n listOverflow={listOverflow}\n role=\"listbox\"\n id=\"listbox1\"\n listWidth={listWidth}\n >\n {items.map((item, index) => (\n <DropdownInner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n focusedPath={focusedPath}\n trigger={trigger}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n itemRole={itemRole}\n listHeight={listHeight}\n listOverflow={listOverflow}\n handleGlobalToggle={handleGlobalToggle}\n closeOnSelect={closeOnSelect}\n onHover={onHover}\n onItemSelect={onItemSelect}\n onItemClick={onItemClick}\n listWidth={listWidth}\n variant={variant}\n hasArrow={hasArrow}\n />\n ))}\n </Ul>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","_extends","cx","classes","StyledPopover","isOpen","usePortal","getPlacements","isFocusTrapped","target","childrenWithProps","role","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n id,\n target,\n children,\n hasArrow,\n role,\n view,\n size,\n frame,\n onToggle,\n isFocusTrapped = true,\n isOpen = false,\n placement = 'auto',\n trigger = 'click',\n offset = [0, 6],\n preventOverflow = false,\n closeOnOverlayClick = false,\n closeOnEsc = false,\n ...rest\n },\n outerRootRef,\n ) => {\n const uniqId = useUniqId();\n const innerId = id || uniqId;\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const dropdownRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n return (\n <StyledPopover\n role={role}\n isOpen={isOpen}\n usePortal={false}\n onToggle={(is, event) => onToggle?.(is, event)}\n id={innerId}\n ref={dropdownForkRef}\n target={target}\n offset={offset}\n preventOverflow={preventOverflow}\n hasArrow={hasArrow}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n closeOnEsc={closeOnEsc}\n isFocusTrapped={isFocusTrapped}\n frame={frame}\n >\n <Root ref={handleRef} view={view} size={size} {...rest}>\n <StyledDropdown>{children}</StyledDropdown>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './Dropdown.styles_1tihqkp.css';
1
+ import './Dropdown.styles_1daxhqh.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,9 +7,8 @@ var react = require('@linaria/react');
7
7
  require('@linaria/core');
8
8
  var common = require('../../engines/common.js');
9
9
  var Popover$1 = require('../Popover/Popover.js');
10
- var index = require('./utils/index.js');
11
- var Dropdown_tokens = require('./Dropdown.tokens.js');
12
10
 
11
+ // issue #823
13
12
  var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
14
13
  var _exp = function _exp() {
15
14
  return Popover;
@@ -19,44 +18,12 @@ var StyledPopover = /*#__PURE__*/react.styled(_exp())({
19
18
  "class": "sn7uamp",
20
19
  propsAsIs: true
21
20
  });
22
- var _exp7 = function _exp7() {
23
- return function (_ref) {
24
- var listWidth = _ref.listWidth;
25
- return listWidth || "var(".concat(Dropdown_tokens.tokens.width, ")");
26
- };
27
- };
28
- var _exp8 = function _exp8() {
29
- return function (_ref2) {
30
- var listHeight = _ref2.listHeight;
31
- return listHeight ? index.getCorrectHeight(listHeight) : 'auto';
32
- };
33
- };
34
- var _exp9 = function _exp9() {
35
- return function (_ref3) {
36
- var listOverflow = _ref3.listOverflow;
37
- return listOverflow || 'initial';
38
- };
39
- };
40
- var _exp10 = function _exp10() {
41
- return function (_ref4) {
42
- var isInnerUl = _ref4.isInnerUl;
43
- return isInnerUl ? "calc(var(".concat(Dropdown_tokens.tokens.padding, ") * -1) 0 0 var(").concat(Dropdown_tokens.tokens.padding, ")") : 0;
44
- };
45
- };
46
- var Ul = /*#__PURE__*/react.styled('ul')({
47
- name: "Ul",
48
- "class": "ujr7fmv",
49
- propsAsIs: false,
50
- vars: {
51
- "ujr7fmv-0": [/*#__PURE__*/_exp7()],
52
- "ujr7fmv-1": [/*#__PURE__*/_exp8()],
53
- "ujr7fmv-2": [/*#__PURE__*/_exp9()],
54
- "ujr7fmv-3": [/*#__PURE__*/_exp10()]
55
- }
21
+ var StyledDropdown = /*#__PURE__*/react.styled('div')({
22
+ name: "StyledDropdown",
23
+ "class": "sjr7fmv",
24
+ propsAsIs: false
56
25
  });
57
- var base = "byfocd2";
58
26
 
27
+ exports.StyledDropdown = StyledDropdown;
59
28
  exports.StyledPopover = StyledPopover;
60
- exports.Ul = Ul;
61
- exports.base = base;
62
29
  //# sourceMappingURL=Dropdown.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverConfig, popoverClasses } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens } from './Dropdown.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n display: block;\n }\n`;\n\nexport const Ul = styled.ul<{\n listHeight: DropdownProps['listHeight'];\n listOverflow: DropdownProps['listOverflow'];\n isInnerUl?: boolean;\n listWidth?: DropdownProps['listWidth'];\n}>`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","concat","tokens","width","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","padding","Ul","vars","base"],"mappings":";;;;;;;;;;;AAUA,IAAMA,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAC,KAAA,GAfgBA,SAehBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,sBAAM,CAACC,KAAM,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BjDA,SA6BiDA,KAAAA,GAAA;AAAA,EAAA,OACrD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,sBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GA9BpEA,SA8BoEA,KAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/B7CA,SA+B6CA,MAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAZ,MAAA,CAAeC,sBAAM,CAACY,OAAQ,EAAAb,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,sBAAM,CAACY,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhB1G,IAAMC,EAAE,gBAAGrB,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAmB,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYXlB,KAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrDM,KAAwE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtEI,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMM,IAAI,GAEhB;;;;;;"}
1
+ {"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popoverConfig, popoverClasses } from '../Popover';\n\nimport { tokens } from './Dropdown.tokens';\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.target)} {\n display: block;\n }\n`;\n\nexport const StyledDropdown = styled.div`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","StyledDropdown"],"mappings":";;;;;;;;;AAOA;AACA,IAAMA,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPvBA,SAOuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYnC;;;;;"}
@@ -0,0 +1,2 @@
1
+ .sn7uamp .popover-target{display:block;}
2
+ .sjr7fmv{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
@@ -3,38 +3,47 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var classes = {
6
- dropdownRoot: 'dropdown-root',
7
- dropdownItemIsFocused: 'dropdown-item-is-focused',
8
- dropdownItemIsDisabled: 'dropdown-item-is-disabled',
9
- dropdownItemIsActive: 'dropdown-item-is-active',
10
- dropdownItemIsSelected: 'dropdownItemIsSelected'
6
+ dropdownItemIsSelected: 'dropdown-item-is-selected',
7
+ dropdownItemIsDisabled: 'dropdown-item-is-disabled'
11
8
  };
12
9
  var tokens = {
13
10
  background: '--plasma-dropdown-background',
14
11
  boxShadow: '--plasma-dropdown-box-shadow',
15
12
  width: '--plasma-dropdown-width',
13
+ height: '--plasma-dropdown-height',
16
14
  borderRadius: '--plasma-dropdown-border-radius',
17
- padding: '--plasma-dropdown-padding',
18
- disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
15
+ paddingTop: '--plasma-dropdown-padding-top',
16
+ paddingRight: '--plasma-dropdown-padding-right',
17
+ paddingBottom: '--plasma-dropdown-padding-bottom',
18
+ paddingLeft: '--plasma-dropdown-padding-left',
19
19
  itemBackground: '--plasma-dropdown-item-background',
20
20
  itemColor: '--plasma-dropdown-item-color',
21
21
  itemBackgroundHover: '--plasma-dropdown-item-background-hover',
22
+ itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
23
+ itemColorSelected: '--plasma-dropdown-item-color-selected',
24
+ itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
25
+ itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
26
+ itemWidth: '--plasma-dropdown-item-width',
27
+ itemHeight: '--plasma-dropdown-item-height',
22
28
  itemBorderRadius: '--plasma-dropdown-item-border-radius',
23
29
  itemPaddingTop: '--plasma-dropdown-item-padding-top',
24
- itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',
25
30
  itemPaddingRight: '--plasma-dropdown-item-padding-right',
26
31
  itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
27
- itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',
28
32
  itemPaddingLeft: '--plasma-dropdown-item-padding-left',
33
+ itemMarginTop: '--plasma-dropdown-item-margin-top',
34
+ itemMarginRight: '--plasma-dropdown-item-margin-right',
35
+ itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
36
+ itemMarginLeft: '--plasma-dropdown-item-margin-left',
29
37
  itemFontFamily: '--plasma-dropdown-item-font-family',
30
38
  itemFontSize: '--plasma-dropdown-item-font-size',
31
39
  itemFontStyle: '--plasma-dropdown-item-font-style',
32
40
  itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
33
41
  itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
34
42
  itemFontLineHeight: '--plasma-dropdown-item-font-weight',
35
- disabledOpacity: '--plasma-dropdown-disabled-opacity',
36
- focusColor: '--plasma-dropdown-focus-color',
37
- // TODO: Remove below tokens as soon as they are no longer needed
43
+ itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
44
+ itemContentRightColor: '--plasma-dropdown-item-content-right-color',
45
+ itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
46
+ itemContentRightWidth: '--plasma-dropdown-item-content-right-width',
38
47
  footerBackground: '--plasma-dropdown-footer-background',
39
48
  footerWidth: '--plasma-dropdown-footer-width',
40
49
  footerHeight: '--plasma-dropdown-footer-height',
@@ -102,20 +111,8 @@ var tokens = {
102
111
  groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
103
112
  groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
104
113
  groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',
105
- itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
106
- itemColorSelected: '--plasma-dropdown-item-color-selected',
107
- itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
108
- itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
109
- itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
110
- itemContentRightColor: '--plasma-dropdown-item-content-right-color',
111
- itemWidth: '--plasma-dropdown-item-width',
112
- itemHeight: '--plasma-dropdown-item-height',
113
- itemMarginTop: '--plasma-dropdown-item-margin-top',
114
- itemMarginRight: '--plasma-dropdown-item-margin-right',
115
- itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
116
- itemMarginLeft: '--plasma-dropdown-item-margin-left',
117
- itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
118
- itemContentRightWidth: '--plasma-dropdown-item-content-right-width'
114
+ disabledOpacity: '--plasma-dropdown-disabled-opacity',
115
+ focusColor: '--plasma-dropdown-focus-color'
119
116
  };
120
117
 
121
118
  exports.classes = classes;
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownRoot: 'dropdown-root',\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n dropdownItemIsSelected: 'dropdownItemIsSelected',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n borderRadius: '--plasma-dropdown-border-radius',\n padding: '--plasma-dropdown-padding',\n disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemColor: '--plasma-dropdown-item-color',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemPaddingTop: '--plasma-dropdown-item-padding-top',\n itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',\n itemPaddingRight: '--plasma-dropdown-item-padding-right',\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',\n itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',\n itemPaddingLeft: '--plasma-dropdown-item-padding-left',\n\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n focusColor: '--plasma-dropdown-focus-color',\n\n // TODO: Remove below tokens as soon as they are no longer needed\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected',\n itemColorSelected: '--plasma-dropdown-item-color-selected',\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color',\n itemContentRightColor: '--plasma-dropdown-item-content-right-color',\n itemWidth: '--plasma-dropdown-item-width',\n itemHeight: '--plasma-dropdown-item-height',\n itemMarginTop: '--plasma-dropdown-item-margin-top',\n itemMarginRight: '--plasma-dropdown-item-margin-right',\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom',\n itemMarginLeft: '--plasma-dropdown-item-margin-left',\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","itemBackground","itemColor","itemBackgroundHover","itemBorderRadius","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","disabledOpacity","focusColor","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerColor","dividerWidth","dividerHeight","dividerMarginTop","dividerMarginRight","dividerMarginBottom","dividerMarginLeft","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft","itemBackgroundSelected","itemColorSelected","itemBackgroundSelectedHover","itemColorSelectedHover","itemContentLeftColor","itemContentRightColor","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemContentLeftWidth","itemContentRightWidth"],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsSelected: 'dropdown-item-is-selected',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n height: '--plasma-dropdown-height',\n borderRadius: '--plasma-dropdown-border-radius',\n paddingTop: '--plasma-dropdown-padding-top',\n paddingRight: '--plasma-dropdown-padding-right',\n paddingBottom: '--plasma-dropdown-padding-bottom',\n paddingLeft: '--plasma-dropdown-padding-left',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemColor: '--plasma-dropdown-item-color',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected',\n itemColorSelected: '--plasma-dropdown-item-color-selected',\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',\n itemWidth: '--plasma-dropdown-item-width',\n itemHeight: '--plasma-dropdown-item-height',\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemPaddingTop: '--plasma-dropdown-item-padding-top',\n itemPaddingRight: '--plasma-dropdown-item-padding-right',\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',\n itemPaddingLeft: '--plasma-dropdown-item-padding-left',\n itemMarginTop: '--plasma-dropdown-item-margin-top',\n itemMarginRight: '--plasma-dropdown-item-margin-right',\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom',\n itemMarginLeft: '--plasma-dropdown-item-margin-left',\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color',\n itemContentRightColor: '--plasma-dropdown-item-content-right-color',\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width',\n\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n focusColor: '--plasma-dropdown-focus-color',\n};\n"],"names":["classes","dropdownItemIsSelected","dropdownItemIsDisabled","tokens","background","boxShadow","width","height","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","itemBackground","itemColor","itemBackgroundHover","itemBackgroundSelected","itemColorSelected","itemBackgroundSelectedHover","itemColorSelectedHover","itemWidth","itemHeight","itemBorderRadius","itemPaddingTop","itemPaddingRight","itemPaddingBottom","itemPaddingLeft","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemContentLeftColor","itemContentRightColor","itemContentLeftWidth","itemContentRightWidth","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerColor","dividerWidth","dividerHeight","dividerMarginTop","dividerMarginRight","dividerMarginBottom","dividerMarginLeft","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft","disabledOpacity","focusColor"],"mappings":"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"}
@@ -1,7 +1,4 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .DropdownItem_styles_1o4szyu_s1gkzlls__6703745b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
4
- .DropdownItem_styles_1o4szyu_sz6s14y__6703745b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
5
- .DropdownItem_styles_1o4szyu_d1m97l2m__6703745b{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
6
- .DropdownItem_styles_1o4szyu_soib72h__6703745b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
7
- .DropdownItem_styles_1o4szyu_w6l2f0g__6703745b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding-top:var(--w6l2f0g-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w6l2f0g-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:hover:not(.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsActive__6703745b{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:focus{outline:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsFocused__6703745b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
1
+ .DropdownItem_styles_1juhjtq_s1gkzlls__cab27d09{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
2
+ .DropdownItem_styles_1juhjtq_sz6s14y__cab27d09{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
3
+ .DropdownItem_styles_1juhjtq_s1m97l2m__cab27d09{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
4
+ .DropdownItem_styles_1juhjtq_boib72h__cab27d09{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:focus{outline:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_focusVisible__cab27d09:focus::before,.DropdownItem_styles_1juhjtq_boib72h__cab27d09[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
@@ -2,90 +2,111 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
5
6
  var React = require('react');
7
+ var plasmaCore = require('@salutejs/plasma-core');
6
8
  var Dropdown_tokens = require('../../Dropdown.tokens.js');
7
- var index = require('../../../../utils/index.js');
8
- require('@linaria/react');
9
- var IconDisclosureRight = require('../../../_Icon/Icons/IconDisclosureRight.js');
9
+ var index$1 = require('../../../../utils/index.js');
10
+ var index = require('../../utils/index.js');
11
+ var base = require('./variations/_view/base.js');
12
+ var base$1 = require('./variations/_size/base.js');
10
13
  var DropdownItem_styles = require('./DropdownItem.styles.js');
11
14
 
12
- var _DisclosureIconWrappe;
13
- var DropdownItem = function DropdownItem(_ref) {
14
- var item = _ref.item,
15
- path = _ref.path,
16
- focusedPath = _ref.focusedPath,
17
- currentLevel = _ref.currentLevel,
18
- index$1 = _ref.index,
19
- itemRole = _ref.itemRole,
20
- closeOnSelect = _ref.closeOnSelect,
21
- handleGlobalToggle = _ref.handleGlobalToggle,
22
- onHover = _ref.onHover,
23
- onItemSelect = _ref.onItemSelect,
24
- onItemClick = _ref.onItemClick,
25
- ariaControls = _ref.ariaControls,
26
- ariaExpanded = _ref.ariaExpanded,
27
- ariaHasPopup = _ref.ariaHasPopup,
28
- ariaLevel = _ref.ariaLevel,
29
- ariaLabel = _ref.ariaLabel,
30
- variant = _ref.variant,
31
- hasArrow = _ref.hasArrow;
32
- var value = item.value,
33
- label = item.label,
34
- disabled = item.disabled,
35
- isDisabled = item.isDisabled,
36
- contentLeft = item.contentLeft,
37
- contentRight = item.contentRight;
38
- var ref = React.useRef(null);
39
- var isDisabledClassName = disabled || isDisabled ? Dropdown_tokens.classes.dropdownItemIsDisabled : undefined;
40
- var focusedClass = currentLevel === focusedPath.length - 1 && index$1 === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? Dropdown_tokens.classes.dropdownItemIsFocused : undefined;
41
- var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? Dropdown_tokens.classes.dropdownItemIsActive : undefined;
42
- React.useEffect(function () {
43
- if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
44
- ref.current.scrollIntoView({
45
- behavior: 'smooth',
46
- block: 'center',
47
- inline: 'center'
48
- });
49
- }
50
- }, [focusedClass]);
51
- var handleClick = function handleClick(event) {
52
- if (disabled || isDisabled) {
53
- return;
54
- }
55
- if (onItemSelect) {
56
- onItemSelect(item, event);
57
- }
58
- if (onItemClick) {
59
- onItemClick(item, event);
60
- }
61
- if (handleGlobalToggle && closeOnSelect) {
62
- handleGlobalToggle(false, event);
63
- }
64
- };
65
- var handleHover = function handleHover() {
66
- if (onHover) {
67
- onHover(index$1);
15
+ var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "role", "view", "size", "disabled", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
16
+ /**
17
+ * Элемент выпадающего списка
18
+ */
19
+ var dropdownItemRoot = function dropdownItemRoot(Root) {
20
+ return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
21
+ var id = _ref.id,
22
+ className = _ref.className,
23
+ children = _ref.children,
24
+ text = _ref.text,
25
+ isSelected = _ref.isSelected,
26
+ name = _ref.name,
27
+ checked = _ref.checked,
28
+ value = _ref.value,
29
+ role = _ref.role,
30
+ view = _ref.view,
31
+ size = _ref.size,
32
+ disabled = _ref.disabled,
33
+ ContentLeftComponent = _ref.contentLeft,
34
+ ContentRightComponent = _ref.contentRight,
35
+ onSelect = _ref.onSelect,
36
+ onClick = _ref.onClick,
37
+ onChange = _ref.onChange,
38
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
39
+ var uniqId = plasmaCore.safeUseId();
40
+ var innerId = id || uniqId;
41
+ var withDropdownItemIsSelected = checked || isSelected ? Dropdown_tokens.classes.dropdownItemIsSelected : undefined;
42
+ var withDropdownItemIsDisabled = disabled ? Dropdown_tokens.classes.dropdownItemIsDisabled : undefined;
43
+ var handleOnClick = React.useCallback(function (event) {
44
+ if (disabled) {
45
+ return;
46
+ }
47
+ onClick === null || onClick === void 0 || onClick(event);
48
+ if (onSelect && !ContentLeftComponent) {
49
+ onSelect(value, text);
50
+ }
51
+ }, [onSelect, disabled]);
52
+ var handleOnChange = React.useCallback(function (event) {
53
+ if (disabled) {
54
+ return;
55
+ }
56
+ onChange === null || onChange === void 0 || onChange(event);
57
+ if (onSelect && ContentLeftComponent) {
58
+ onSelect(value, text);
59
+ }
60
+ }, [onSelect, disabled]);
61
+ var contentProps = _rollupPluginBabelHelpers.objectSpread2({
62
+ name: name,
63
+ value: value,
64
+ checked: checked || isSelected,
65
+ disabled: disabled,
66
+ tabIndex: 0
67
+ }, !disabled && {
68
+ onChange: handleOnChange
69
+ });
70
+ var ContentLeft = React.useMemo(function () {
71
+ return index.getValidComponent(ContentLeftComponent, contentProps);
72
+ }, [ContentRightComponent, contentProps]);
73
+ var ContentRight = React.useMemo(function () {
74
+ return index.getValidComponent(ContentRightComponent, contentProps);
75
+ }, [ContentRightComponent, contentProps]);
76
+ return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
77
+ className: index$1.cx(withDropdownItemIsSelected, withDropdownItemIsDisabled, className),
78
+ view: view,
79
+ size: size,
80
+ id: innerId,
81
+ isSelected: isSelected,
82
+ role: role,
83
+ ref: outerRootRef,
84
+ tabIndex: 0,
85
+ "aria-disabled": disabled,
86
+ onClick: handleOnClick,
87
+ "data-value": value
88
+ }, rest), text ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownItem_styles.StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/React.createElement(DropdownItem_styles.StyledText, null, text), /*#__PURE__*/React.createElement(DropdownItem_styles.StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
89
+ });
90
+ };
91
+ var dropdownItemConfig = {
92
+ name: 'DropdownItem',
93
+ tag: 'div',
94
+ layout: dropdownItemRoot,
95
+ base: DropdownItem_styles.base,
96
+ variations: {
97
+ view: {
98
+ css: base.base
99
+ },
100
+ size: {
101
+ css: base$1.base
68
102
  }
69
- };
70
- return /*#__PURE__*/React.createElement(DropdownItem_styles.Wrapper, {
71
- className: index.cx(isDisabledClassName, focusedClass, activeClass),
72
- id: value.toString(),
73
- role: itemRole,
74
- ref: ref,
75
- "aria-disabled": disabled || isDisabled,
76
- onClick: handleClick,
77
- onMouseEnter: handleHover,
78
- variant: variant,
79
- "aria-controls": ariaControls,
80
- "aria-expanded": ariaExpanded,
81
- "aria-haspopup": ariaHasPopup,
82
- "aria-level": ariaLevel,
83
- "aria-label": ariaLabel
84
- }, contentLeft && /*#__PURE__*/React.createElement(DropdownItem_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(DropdownItem_styles.StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(DropdownItem_styles.StyledContentRight, null, contentRight), item.items && hasArrow && (_DisclosureIconWrappe || (_DisclosureIconWrappe = /*#__PURE__*/React.createElement(DropdownItem_styles.DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight.IconDisclosureRight, {
85
- size: "xs",
86
- color: "inherit"
87
- })))));
103
+ },
104
+ defaults: {
105
+ view: 'primary',
106
+ size: 'm'
107
+ }
88
108
  };
89
109
 
90
- exports.DropdownItem = DropdownItem;
110
+ exports.dropdownItemConfig = dropdownItemConfig;
111
+ exports.dropdownItemRoot = dropdownItemRoot;
91
112
  //# sourceMappingURL=DropdownItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nimport {\n StyledContentLeft,\n StyledContentRight,\n StyledText,\n Wrapper,\n DisclosureIconWrapper,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n item,\n path,\n focusedPath,\n currentLevel,\n index,\n itemRole,\n closeOnSelect,\n handleGlobalToggle,\n onHover,\n onItemSelect,\n onItemClick,\n ariaControls,\n ariaExpanded,\n ariaHasPopup,\n ariaLevel,\n ariaLabel,\n variant,\n hasArrow,\n}) => {\n const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (disabled || isDisabled) {\n return;\n }\n\n if (onItemSelect) {\n onItemSelect(item, event);\n }\n\n if (onItemClick) {\n onItemClick(item, event);\n }\n\n if (handleGlobalToggle && closeOnSelect) {\n handleGlobalToggle(false, event);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <Wrapper\n className={cx(isDisabledClassName, focusedClass, activeClass)}\n id={value.toString()}\n role={itemRole}\n ref={ref}\n aria-disabled={disabled || isDisabled}\n onClick={handleClick}\n onMouseEnter={handleHover}\n variant={variant}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledText>{label}</StyledText>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n {item.items && hasArrow && (\n <DisclosureIconWrapper>\n <IconDisclosureRight size=\"xs\" color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["DropdownItem","_ref","item","path","focusedPath","currentLevel","index","itemRole","closeOnSelect","handleGlobalToggle","onHover","onItemSelect","onItemClick","ariaControls","ariaExpanded","ariaHasPopup","ariaLevel","ariaLabel","variant","hasArrow","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","handleHover","React","createElement","Wrapper","className","cx","id","toString","role","onClick","onMouseEnter","StyledContentLeft","StyledText","StyledContentRight","items","_DisclosureIconWrappe","DisclosureIconWrapper","IconDisclosureRight","size","color"],"mappings":"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"}
1
+ {"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../engines';\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { getValidComponent } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledContentLeft, StyledContentRight, StyledText, base } from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\n/**\n * Элемент выпадающего списка\n */\nexport const dropdownItemRoot = (Root: RootProps<HTMLDivElement, DropdownItemProps>) =>\n forwardRef<HTMLDivElement, DropdownItemProps>(\n (\n {\n id,\n className,\n children,\n text,\n isSelected,\n name,\n checked,\n value,\n role,\n view,\n size,\n disabled,\n contentLeft: ContentLeftComponent,\n contentRight: ContentRightComponent,\n onSelect,\n onClick,\n onChange,\n ...rest\n },\n outerRootRef,\n ) => {\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n\n const withDropdownItemIsSelected = checked || isSelected ? classes.dropdownItemIsSelected : undefined;\n const withDropdownItemIsDisabled = disabled ? classes.dropdownItemIsDisabled : undefined;\n\n const handleOnClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n onClick?.(event);\n\n if (onSelect && !ContentLeftComponent) {\n onSelect(value, text);\n }\n },\n [onSelect, disabled],\n );\n\n const handleOnChange = useCallback(\n (event: React.MouseEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n onChange?.(event);\n\n if (onSelect && ContentLeftComponent) {\n onSelect(value, text);\n }\n },\n [onSelect, disabled],\n );\n\n const contentProps = {\n name,\n value,\n checked: checked || isSelected,\n disabled,\n tabIndex: 0,\n ...(!disabled && { onChange: handleOnChange }),\n };\n\n const ContentLeft = useMemo(() => getValidComponent(ContentLeftComponent, contentProps), [\n ContentRightComponent,\n contentProps,\n ]);\n\n const ContentRight = useMemo(() => getValidComponent(ContentRightComponent, contentProps), [\n ContentRightComponent,\n contentProps,\n ]);\n\n return (\n <Root\n className={cx(withDropdownItemIsSelected, withDropdownItemIsDisabled, className)}\n view={view}\n size={size}\n id={innerId}\n isSelected={isSelected}\n role={role}\n ref={outerRootRef}\n tabIndex={0}\n aria-disabled={disabled}\n onClick={handleOnClick}\n data-value={value}\n {...rest}\n >\n {text ? (\n <>\n <StyledContentLeft>{ContentLeftComponent && ContentLeft}</StyledContentLeft>\n <StyledText>{text}</StyledText>\n <StyledContentRight>{ContentRightComponent && ContentRight}</StyledContentRight>\n </>\n ) : (\n children\n )}\n </Root>\n );\n },\n );\n\nexport const dropdownItemConfig = {\n name: 'DropdownItem',\n tag: 'div',\n layout: dropdownItemRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["dropdownItemRoot","Root","forwardRef","_ref","outerRootRef","id","className","children","text","isSelected","name","checked","value","role","view","size","disabled","ContentLeftComponent","contentLeft","ContentRightComponent","contentRight","onSelect","onClick","onChange","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","innerId","withDropdownItemIsSelected","classes","dropdownItemIsSelected","undefined","withDropdownItemIsDisabled","dropdownItemIsDisabled","handleOnClick","useCallback","event","handleOnChange","contentProps","_objectSpread","tabIndex","ContentLeft","useMemo","getValidComponent","ContentRight","React","createElement","_extends","cx","ref","Fragment","StyledContentLeft","StyledText","StyledContentRight","dropdownItemConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;AAaA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,gBAAU,CACN,UAAAC,IAAA,EAqBIC,YAAY,EACX;AAAA,IAAA,IApBGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;MACFC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;MACJC,UAAU,GAAAN,IAAA,CAAVM,UAAU;MACVC,IAAI,GAAAP,IAAA,CAAJO,IAAI;MACJC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;MACPC,KAAK,GAAAT,IAAA,CAALS,KAAK;MACLC,IAAI,GAAAV,IAAA,CAAJU,IAAI;MACJC,IAAI,GAAAX,IAAA,CAAJW,IAAI;MACJC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;MACKC,oBAAoB,GAAAd,IAAA,CAAjCe,WAAW;MACGC,qBAAqB,GAAAhB,IAAA,CAAnCiB,YAAY;MACZC,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ;MACRC,OAAO,GAAAnB,IAAA,CAAPmB,OAAO;MACPC,QAAQ,GAAApB,IAAA,CAARoB,QAAQ;AACLC,MAAAA,IAAI,GAAAC,iDAAA,CAAAtB,IAAA,EAAAuB,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAGxB,EAAE,IAAIsB,MAAM,CAAA;IAE5B,IAAMG,0BAA0B,GAAGnB,OAAO,IAAIF,UAAU,GAAGsB,uBAAO,CAACC,sBAAsB,GAAGC,SAAS,CAAA;IACrG,IAAMC,0BAA0B,GAAGlB,QAAQ,GAAGe,uBAAO,CAACI,sBAAsB,GAAGF,SAAS,CAAA;AAExF,IAAA,IAAMG,aAAa,GAAGC,iBAAW,CAC7B,UAACC,KAAuC,EAAK;AACzC,MAAA,IAAItB,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AAEAM,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGgB,KAAK,CAAC,CAAA;AAEhB,MAAA,IAAIjB,QAAQ,IAAI,CAACJ,oBAAoB,EAAE;AACnCI,QAAAA,QAAQ,CAACT,KAAK,EAAEJ,IAAI,CAAC,CAAA;AACzB,OAAA;AACJ,KAAC,EACD,CAACa,QAAQ,EAAEL,QAAQ,CACvB,CAAC,CAAA;AAED,IAAA,IAAMuB,cAAc,GAAGF,iBAAW,CAC9B,UAACC,KAAyC,EAAK;AAC3C,MAAA,IAAItB,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AAEAO,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGe,KAAK,CAAC,CAAA;MAEjB,IAAIjB,QAAQ,IAAIJ,oBAAoB,EAAE;AAClCI,QAAAA,QAAQ,CAACT,KAAK,EAAEJ,IAAI,CAAC,CAAA;AACzB,OAAA;AACJ,KAAC,EACD,CAACa,QAAQ,EAAEL,QAAQ,CACvB,CAAC,CAAA;IAED,IAAMwB,YAAY,GAAAC,uCAAA,CAAA;AACd/B,MAAAA,IAAI,EAAJA,IAAI;AACJE,MAAAA,KAAK,EAALA,KAAK;MACLD,OAAO,EAAEA,OAAO,IAAIF,UAAU;AAC9BO,MAAAA,QAAQ,EAARA,QAAQ;AACR0B,MAAAA,QAAQ,EAAE,CAAA;KACN,EAAA,CAAC1B,QAAQ,IAAI;AAAEO,MAAAA,QAAQ,EAAEgB,cAAAA;AAAe,KAAC,CAChD,CAAA;IAED,IAAMI,WAAW,GAAGC,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,uBAAiB,CAAC5B,oBAAoB,EAAEuB,YAAY,CAAC,CAAA;AAAA,KAAA,EAAE,CACrFrB,qBAAqB,EACrBqB,YAAY,CACf,CAAC,CAAA;IAEF,IAAMM,YAAY,GAAGF,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,uBAAiB,CAAC1B,qBAAqB,EAAEqB,YAAY,CAAC,CAAA;AAAA,KAAA,EAAE,CACvFrB,qBAAqB,EACrBqB,YAAY,CACf,CAAC,CAAA;AAEF,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAAC/C,IAAI,EAAAgD,iCAAA,CAAA;MACD3C,SAAS,EAAE4C,UAAE,CAACpB,0BAA0B,EAAEI,0BAA0B,EAAE5B,SAAS,CAAE;AACjFQ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXV,MAAAA,EAAE,EAAEwB,OAAQ;AACZpB,MAAAA,UAAU,EAAEA,UAAW;AACvBI,MAAAA,IAAI,EAAEA,IAAK;AACXsC,MAAAA,GAAG,EAAE/C,YAAa;AAClBsC,MAAAA,QAAQ,EAAE,CAAE;AACZ,MAAA,eAAA,EAAe1B,QAAS;AACxBM,MAAAA,OAAO,EAAEc,aAAc;MACvB,YAAYxB,EAAAA,KAAAA;KACRY,EAAAA,IAAI,GAEPhB,IAAI,gBACDuC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAK,QAAA,EACIL,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACK,qCAAiB,EAAEpC,IAAAA,EAAAA,oBAAoB,IAAI0B,WAA+B,CAAC,eAC5EI,KAAA,CAAAC,aAAA,CAACM,8BAAU,QAAE9C,IAAiB,CAAC,eAC/BuC,KAAA,CAAAC,aAAA,CAACO,sCAAkB,QAAEpC,qBAAqB,IAAI2B,YAAiC,CACjF,CAAC,GAEHvC,QAEF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMiD,kBAAkB,GAAG;AAC9B9C,EAAAA,IAAI,EAAE,cAAc;AACpB+C,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1D,gBAAgB;AACxB2D,EAAAA,IAAI,EAAJA,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACR9C,IAAAA,IAAI,EAAE;AACF+C,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD/C,IAAAA,IAAI,EAAE;AACF8C,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNlD,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}