@salutejs/plasma-new-hope 0.78.0-canary.1185.8922773956.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 -292
  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 -292
  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
@@ -0,0 +1,80 @@
1
+ ---
2
+ id: dropdown
3
+ title: Dropdown
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ # Dropdown
9
+ Набор компонентов для создания выпадающих списков.
10
+
11
+ <Description name="Dropdown" />
12
+ <PropsTable name="Dropdown" exclude={['css']} />
13
+
14
+ # DropdownItem
15
+
16
+ <Description name="DropdownItem" />
17
+ <PropsTable name="DropdownItem" exclude={['css']} />
18
+
19
+ ## Использование
20
+
21
+ ```tsx live
22
+ import React, { useState } from 'react';
23
+ import { Dropdown, DropdownItem } from '@salutejs/{{ package }}';
24
+ import { surfaceSolidSecondary } from '@salutejs/{{ theme }}';
25
+
26
+ export function App() {
27
+ const [selected, setSelected] = useState('');
28
+ const [isOpen, setIsOpen] = useState(false);
29
+
30
+ const handleSelect = (value: string, text: string) => {
31
+ setSelected(value);
32
+ setIsOpen(false);
33
+ };
34
+
35
+ const getDropdownItems = (slug: string, elemCount: number) =>
36
+ [...Array(elemCount).keys()].map((num) => ({
37
+ value: `${slug}_${num}`,
38
+ child: `${slug} ${num}`,
39
+ }));
40
+
41
+ return (
42
+ <div style=\{{height: "400px", background: surfaceSolidSecondary, padding: "1rem" }}>
43
+ <Dropdown
44
+ target={<Button>Target</Button>}
45
+ isOpen={isOpen}
46
+ onToggle={() => {
47
+ setIsOpen(!isOpen);
48
+ }}
49
+ offset={[10, 15]}
50
+ view="primary"
51
+ size="m"
52
+ placement="right"
53
+ trigger="click"
54
+ closeOnOverlayClick={false}
55
+ closeOnEsc
56
+ isFocusTrapped
57
+ >
58
+ {getDropdownItems('item', 6).map((item) => (
59
+ <DropdownItem
60
+ key={item.value}
61
+ isSelected={Boolean(item.value === selected)}
62
+ onSelect={() => handleSelect(item.value, item.child)}
63
+ value={item.value}
64
+ >
65
+ {item.child}
66
+ </DropdownItem>
67
+ ))}
68
+ <DropdownItem
69
+ isSelected={selected === 'disabled'}
70
+ onSelect={() => handleSelect('disabled', 'disabled')}
71
+ value="disabled"
72
+ disabled
73
+ >
74
+ disabled
75
+ </DropdownItem>
76
+ </Dropdown>
77
+ </div>
78
+ );
79
+ }
80
+ ```
@@ -5,38 +5,47 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.tokens = exports.classes = void 0;
7
7
  var classes = exports.classes = {
8
- dropdownRoot: 'dropdown-root',
9
- dropdownItemIsFocused: 'dropdown-item-is-focused',
10
- dropdownItemIsDisabled: 'dropdown-item-is-disabled',
11
- dropdownItemIsActive: 'dropdown-item-is-active',
12
- dropdownItemIsSelected: 'dropdownItemIsSelected'
8
+ dropdownItemIsSelected: 'dropdown-item-is-selected',
9
+ dropdownItemIsDisabled: 'dropdown-item-is-disabled'
13
10
  };
14
11
  var tokens = exports.tokens = {
15
12
  background: '--plasma-dropdown-background',
16
13
  boxShadow: '--plasma-dropdown-box-shadow',
17
14
  width: '--plasma-dropdown-width',
15
+ height: '--plasma-dropdown-height',
18
16
  borderRadius: '--plasma-dropdown-border-radius',
19
- padding: '--plasma-dropdown-padding',
20
- disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
17
+ paddingTop: '--plasma-dropdown-padding-top',
18
+ paddingRight: '--plasma-dropdown-padding-right',
19
+ paddingBottom: '--plasma-dropdown-padding-bottom',
20
+ paddingLeft: '--plasma-dropdown-padding-left',
21
21
  itemBackground: '--plasma-dropdown-item-background',
22
22
  itemColor: '--plasma-dropdown-item-color',
23
23
  itemBackgroundHover: '--plasma-dropdown-item-background-hover',
24
+ itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
25
+ itemColorSelected: '--plasma-dropdown-item-color-selected',
26
+ itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
27
+ itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
28
+ itemWidth: '--plasma-dropdown-item-width',
29
+ itemHeight: '--plasma-dropdown-item-height',
24
30
  itemBorderRadius: '--plasma-dropdown-item-border-radius',
25
31
  itemPaddingTop: '--plasma-dropdown-item-padding-top',
26
- itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',
27
32
  itemPaddingRight: '--plasma-dropdown-item-padding-right',
28
33
  itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
29
- itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',
30
34
  itemPaddingLeft: '--plasma-dropdown-item-padding-left',
35
+ itemMarginTop: '--plasma-dropdown-item-margin-top',
36
+ itemMarginRight: '--plasma-dropdown-item-margin-right',
37
+ itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
38
+ itemMarginLeft: '--plasma-dropdown-item-margin-left',
31
39
  itemFontFamily: '--plasma-dropdown-item-font-family',
32
40
  itemFontSize: '--plasma-dropdown-item-font-size',
33
41
  itemFontStyle: '--plasma-dropdown-item-font-style',
34
42
  itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
35
43
  itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
36
44
  itemFontLineHeight: '--plasma-dropdown-item-font-weight',
37
- disabledOpacity: '--plasma-dropdown-disabled-opacity',
38
- focusColor: '--plasma-dropdown-focus-color',
39
- // TODO: Remove below tokens as soon as they are no longer needed
45
+ itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
46
+ itemContentRightColor: '--plasma-dropdown-item-content-right-color',
47
+ itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
48
+ itemContentRightWidth: '--plasma-dropdown-item-content-right-width',
40
49
  footerBackground: '--plasma-dropdown-footer-background',
41
50
  footerWidth: '--plasma-dropdown-footer-width',
42
51
  footerHeight: '--plasma-dropdown-footer-height',
@@ -104,18 +113,6 @@ var tokens = exports.tokens = {
104
113
  groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
105
114
  groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
106
115
  groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',
107
- itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
108
- itemColorSelected: '--plasma-dropdown-item-color-selected',
109
- itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
110
- itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
111
- itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
112
- itemContentRightColor: '--plasma-dropdown-item-content-right-color',
113
- itemWidth: '--plasma-dropdown-item-width',
114
- itemHeight: '--plasma-dropdown-item-height',
115
- itemMarginTop: '--plasma-dropdown-item-margin-top',
116
- itemMarginRight: '--plasma-dropdown-item-margin-right',
117
- itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
118
- itemMarginLeft: '--plasma-dropdown-item-margin-left',
119
- itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
120
- itemContentRightWidth: '--plasma-dropdown-item-content-right-width'
116
+ disabledOpacity: '--plasma-dropdown-disabled-opacity',
117
+ focusColor: '--plasma-dropdown-focus-color'
121
118
  };
@@ -7,8 +7,7 @@ var _exportNames = {
7
7
  dropdownRoot: true,
8
8
  dropdownConfig: true,
9
9
  dropdownClasses: true,
10
- dropdownTokens: true,
11
- useDropdownKeyNavigation: true
10
+ dropdownTokens: true
12
11
  };
13
12
  Object.defineProperty(exports, "dropdownClasses", {
14
13
  enumerable: true,
@@ -34,15 +33,8 @@ Object.defineProperty(exports, "dropdownTokens", {
34
33
  return _Dropdown2.tokens;
35
34
  }
36
35
  });
37
- Object.defineProperty(exports, "useDropdownKeyNavigation", {
38
- enumerable: true,
39
- get: function get() {
40
- return _useKeyboardNavigation.useKeyNavigation;
41
- }
42
- });
43
36
  var _Dropdown = /*#__PURE__*/require("./Dropdown");
44
37
  var _Dropdown2 = /*#__PURE__*/require("./Dropdown.tokens");
45
- var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
46
38
  var _ui = /*#__PURE__*/require("./ui");
47
39
  Object.keys(_ui).forEach(function (key) {
48
40
  if (key === "default" || key === "__esModule") return;
@@ -4,88 +4,116 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.DropdownItem = void 0;
7
+ exports.dropdownItemRoot = exports.dropdownItemConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
10
  var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
10
11
  var _utils = /*#__PURE__*/require("../../../../utils");
11
- var _Icon = /*#__PURE__*/require("../../../_Icon");
12
+ var _utils2 = /*#__PURE__*/require("../../utils");
13
+ var _base = /*#__PURE__*/require("./variations/_view/base");
14
+ var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
15
  var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
13
- var _DisclosureIconWrappe;
16
+ var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "role", "view", "size", "disabled", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
14
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
- var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
17
- var item = _ref.item,
18
- path = _ref.path,
19
- focusedPath = _ref.focusedPath,
20
- currentLevel = _ref.currentLevel,
21
- index = _ref.index,
22
- itemRole = _ref.itemRole,
23
- closeOnSelect = _ref.closeOnSelect,
24
- handleGlobalToggle = _ref.handleGlobalToggle,
25
- onHover = _ref.onHover,
26
- onItemSelect = _ref.onItemSelect,
27
- onItemClick = _ref.onItemClick,
28
- ariaControls = _ref.ariaControls,
29
- ariaExpanded = _ref.ariaExpanded,
30
- ariaHasPopup = _ref.ariaHasPopup,
31
- ariaLevel = _ref.ariaLevel,
32
- ariaLabel = _ref.ariaLabel,
33
- variant = _ref.variant,
34
- hasArrow = _ref.hasArrow;
35
- var value = item.value,
36
- label = item.label,
37
- disabled = item.disabled,
38
- isDisabled = item.isDisabled,
39
- contentLeft = item.contentLeft,
40
- contentRight = item.contentRight;
41
- var ref = (0, _react.useRef)(null);
42
- var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
43
- var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Dropdown.classes.dropdownItemIsFocused : undefined;
44
- var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Dropdown.classes.dropdownItemIsActive : undefined;
45
- (0, _react.useEffect)(function () {
46
- if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
47
- ref.current.scrollIntoView({
48
- behavior: 'smooth',
49
- block: 'center',
50
- inline: 'center'
51
- });
19
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
24
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
25
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
26
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
+ /**
28
+ * Элемент выпадающего списка
29
+ */
30
+ var dropdownItemRoot = exports.dropdownItemRoot = function dropdownItemRoot(Root) {
31
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
32
+ var id = _ref.id,
33
+ className = _ref.className,
34
+ children = _ref.children,
35
+ text = _ref.text,
36
+ isSelected = _ref.isSelected,
37
+ name = _ref.name,
38
+ checked = _ref.checked,
39
+ value = _ref.value,
40
+ role = _ref.role,
41
+ view = _ref.view,
42
+ size = _ref.size,
43
+ disabled = _ref.disabled,
44
+ ContentLeftComponent = _ref.contentLeft,
45
+ ContentRightComponent = _ref.contentRight,
46
+ onSelect = _ref.onSelect,
47
+ onClick = _ref.onClick,
48
+ onChange = _ref.onChange,
49
+ rest = _objectWithoutProperties(_ref, _excluded);
50
+ var uniqId = (0, _plasmaCore.safeUseId)();
51
+ var innerId = id || uniqId;
52
+ var withDropdownItemIsSelected = checked || isSelected ? _Dropdown.classes.dropdownItemIsSelected : undefined;
53
+ var withDropdownItemIsDisabled = disabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
54
+ var handleOnClick = (0, _react.useCallback)(function (event) {
55
+ if (disabled) {
56
+ return;
57
+ }
58
+ onClick === null || onClick === void 0 || onClick(event);
59
+ if (onSelect && !ContentLeftComponent) {
60
+ onSelect(value, text);
61
+ }
62
+ }, [onSelect, disabled]);
63
+ var handleOnChange = (0, _react.useCallback)(function (event) {
64
+ if (disabled) {
65
+ return;
66
+ }
67
+ onChange === null || onChange === void 0 || onChange(event);
68
+ if (onSelect && ContentLeftComponent) {
69
+ onSelect(value, text);
70
+ }
71
+ }, [onSelect, disabled]);
72
+ var contentProps = _objectSpread({
73
+ name: name,
74
+ value: value,
75
+ checked: checked || isSelected,
76
+ disabled: disabled,
77
+ tabIndex: 0
78
+ }, !disabled && {
79
+ onChange: handleOnChange
80
+ });
81
+ var ContentLeft = (0, _react.useMemo)(function () {
82
+ return (0, _utils2.getValidComponent)(ContentLeftComponent, contentProps);
83
+ }, [ContentRightComponent, contentProps]);
84
+ var ContentRight = (0, _react.useMemo)(function () {
85
+ return (0, _utils2.getValidComponent)(ContentRightComponent, contentProps);
86
+ }, [ContentRightComponent, contentProps]);
87
+ return /*#__PURE__*/_react["default"].createElement(Root, _extends({
88
+ className: (0, _utils.cx)(withDropdownItemIsSelected, withDropdownItemIsDisabled, className),
89
+ view: view,
90
+ size: size,
91
+ id: innerId,
92
+ isSelected: isSelected,
93
+ role: role,
94
+ ref: outerRootRef,
95
+ tabIndex: 0,
96
+ "aria-disabled": disabled,
97
+ onClick: handleOnClick,
98
+ "data-value": value
99
+ }, rest), text ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, text), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
100
+ });
101
+ };
102
+ var dropdownItemConfig = exports.dropdownItemConfig = {
103
+ name: 'DropdownItem',
104
+ tag: 'div',
105
+ layout: dropdownItemRoot,
106
+ base: _DropdownItem.base,
107
+ variations: {
108
+ view: {
109
+ css: _base.base
110
+ },
111
+ size: {
112
+ css: _base2.base
52
113
  }
53
- }, [focusedClass]);
54
- var handleClick = function handleClick(event) {
55
- if (disabled || isDisabled) {
56
- return;
57
- }
58
- if (onItemSelect) {
59
- onItemSelect(item, event);
60
- }
61
- if (onItemClick) {
62
- onItemClick(item, event);
63
- }
64
- if (handleGlobalToggle && closeOnSelect) {
65
- handleGlobalToggle(false, event);
66
- }
67
- };
68
- var handleHover = function handleHover() {
69
- if (onHover) {
70
- onHover(index);
71
- }
72
- };
73
- return /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
74
- className: (0, _utils.cx)(isDisabledClassName, focusedClass, activeClass),
75
- id: value.toString(),
76
- role: itemRole,
77
- ref: ref,
78
- "aria-disabled": disabled || isDisabled,
79
- onClick: handleClick,
80
- onMouseEnter: handleHover,
81
- variant: variant,
82
- "aria-controls": ariaControls,
83
- "aria-expanded": ariaExpanded,
84
- "aria-haspopup": ariaHasPopup,
85
- "aria-level": ariaLevel,
86
- "aria-label": ariaLabel
87
- }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && (_DisclosureIconWrappe || (_DisclosureIconWrappe = /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
88
- size: "xs",
89
- color: "inherit"
90
- })))));
114
+ },
115
+ defaults: {
116
+ view: 'primary',
117
+ size: 'm'
118
+ }
91
119
  };
@@ -1,98 +1,33 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
- exports.Wrapper = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = exports.DisclosureIconWrapper = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
7
+ exports.baseContent = exports.base = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = void 0;
8
+ var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
8
9
  var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
9
10
  var _mixins = /*#__PURE__*/require("../../../../mixins");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ var _templateObject;
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
11
15
  var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
16
  componentId: "plasma-new-hope__sc-hs0ek1-0"
13
- })(["display:inline-flex;"]);
17
+ })(["display:inline-flex;min-width:var(", ");color:var(", ");"], _Dropdown.tokens.itemContentLeftWidth, _Dropdown.tokens.itemContentLeftColor);
14
18
  var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
15
19
  componentId: "plasma-new-hope__sc-hs0ek1-1"
16
- })(["margin-left:auto;display:inline-flex;"]);
17
- var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
- componentId: "plasma-new-hope__sc-hs0ek1-2"
19
- })(["line-height:0;color:var(", ");"], _Dropdown.tokens.disclosureIconColor);
20
+ })(["margin-left:auto;display:inline-flex;min-width:var(", ");color:var(", ");"], _Dropdown.tokens.itemContentRightWidth, _Dropdown.tokens.itemContentRightColor);
20
21
  var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
- componentId: "plasma-new-hope__sc-hs0ek1-3"
22
- })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
23
-
24
- // TODO: Remove baseContent after refactoring a Select component
25
- // export const baseContent = `
26
- // box-sizing: content-box;
27
- // display: flex;
28
- // align-items: center;
29
- // user-select: none;
30
- //
31
- // :focus {
32
- // outline: none;
33
- // }
34
- //
35
- // ${addFocus({
36
- // outlineSize: '0.0625rem',
37
- // outlineOffset: '0',
38
- // outlineColor: `var(${tokens.focusColor})`,
39
- // outlineRadius: `var(${tokens.itemBorderRadius})`,
40
- // hasTransition: false,
41
- // customFocusRules: `
42
- // &.${classes.dropdownItemIsFocused}:before {
43
- // outline: none;
44
- // box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});
45
- // }
46
- // `,
47
- // })};
48
- //
49
- // width: 100%;
50
- //
51
- // font-family: var(${tokens.itemFontFamily});
52
- // font-size: var(${tokens.itemFontSize});
53
- // font-style: var(${tokens.itemFontStyle});
54
- // font-weight: var(${tokens.itemFontWeightBold});
55
- // letter-spacing: var(${tokens.itemFontLetterSpacing});
56
- // line-height: var(${tokens.itemFontLineHeight});
57
- //
58
- // background: var(${tokens.itemBackground});
59
- // color: var(${tokens.itemColor});
60
- // border-radius: var(${tokens.itemBorderRadius});
61
- //
62
- // padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom}) var(${
63
- // tokens.itemPaddingLeft
64
- // });
65
- //
66
- // margin: 0;
67
- //
68
- // &:hover:not(.${classes.dropdownItemIsDisabled}) {
69
- // cursor: pointer;
70
- // background: var(${tokens.itemBackgroundHover});
71
- // }
72
- //
73
- // &.${classes.dropdownItemIsActive} {
74
- // background: var(${tokens.itemBackgroundHover});
75
- // }
76
- //
77
- // &.${classes.dropdownItemIsDisabled} {
78
- // opacity: var(${tokens.disabledOpacity});
79
- // cursor: not-allowed;
80
- // }
81
- // `;
22
+ componentId: "plasma-new-hope__sc-hs0ek1-2"
23
+ })(["", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
82
24
 
83
- var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
84
- componentId: "plasma-new-hope__sc-hs0ek1-4"
85
- })(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref) {
86
- var variant = _ref.variant;
87
- return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTopTight : _Dropdown.tokens.itemPaddingTop, ")");
88
- }, _Dropdown.tokens.itemPaddingRight, function (_ref2) {
89
- var variant = _ref2.variant;
90
- return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingBottomTight : _Dropdown.tokens.itemPaddingBottom, ")");
91
- }, _Dropdown.tokens.itemPaddingLeft, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.tokens.itemBackground, _Dropdown.tokens.itemColor, _Dropdown.tokens.itemBorderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.disabledOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
25
+ // INFO: Для возможности переиспользования стилей в других компонентах
26
+ var baseContent = exports.baseContent = /*#__PURE__*/"\n box-sizing: content-box;\n display: flex;\n align-items: center;\n user-select: none;\n\n :focus {\n outline: none;\n }\n\n ".concat((0, _mixins.addFocus)({
92
27
  outlineSize: '0.0625rem',
93
28
  outlineOffset: '0',
94
- outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.tokens.focusColor, ")"),
95
- outlineRadius: /*#__PURE__*/"var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
96
- hasTransition: false,
97
- customFocusRules: /*#__PURE__*/"\n &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.tokens.focusColor, ");\n }\n ")
98
- }));
29
+ outlineColor: "var(".concat(_Dropdown.tokens.focusColor, ")"),
30
+ outlineRadius: "var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
31
+ hasTransition: false
32
+ }), ";\n\n width: 100%;\n\n font-family: var(").concat(_Dropdown.tokens.itemFontFamily, ");\n font-size: var(").concat(_Dropdown.tokens.itemFontSize, ");\n font-style: var(").concat(_Dropdown.tokens.itemFontStyle, ");\n font-weight: var(").concat(_Dropdown.tokens.itemFontWeightBold, ");\n letter-spacing: var(").concat(_Dropdown.tokens.itemFontLetterSpacing, ");\n line-height: var(").concat(_Dropdown.tokens.itemFontLineHeight, ");\n\n background: var(").concat(_Dropdown.tokens.itemBackground, ");\n color: var(").concat(_Dropdown.tokens.itemColor, ");\n border-radius: var(").concat(_Dropdown.tokens.itemBorderRadius, ");\n\n width: var(").concat(_Dropdown.tokens.itemWidth, ");\n height: var(").concat(_Dropdown.tokens.itemHeight, ");\n\n padding: var(").concat(_Dropdown.tokens.itemPaddingTop, ") var(").concat(_Dropdown.tokens.itemPaddingRight, ") var(").concat(_Dropdown.tokens.itemPaddingBottom, ")\n var(").concat(_Dropdown.tokens.itemPaddingLeft, ");\n\n margin: var(").concat(_Dropdown.tokens.itemMarginTop, ") var(").concat(_Dropdown.tokens.itemMarginRight, ") var(").concat(_Dropdown.tokens.itemMarginBottom, ")\n var(").concat(_Dropdown.tokens.itemMarginLeft, ");\n\n &:hover:not(.").concat(_Dropdown.classes.dropdownItemIsDisabled, ") {\n cursor: pointer;\n background: var(").concat(_Dropdown.tokens.itemBackgroundHover, ");\n }\n\n &.").concat(String(_Dropdown.classes.dropdownItemIsSelected), " {\n color: var(").concat(_Dropdown.tokens.itemColorSelected, ");\n background: var(").concat(_Dropdown.tokens.itemBackgroundSelected, ");\n\n &:hover:not(.").concat(_Dropdown.classes.dropdownItemIsDisabled, ") {\n background: var(").concat(_Dropdown.tokens.itemBackgroundSelectedHover, ");\n }\n }\n\n &.").concat(_Dropdown.classes.dropdownItemIsDisabled, " {\n opacity: var(").concat(_Dropdown.tokens.disabledOpacity, ");\n cursor: not-allowed;\n }\n");
33
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n"])), baseContent);
@@ -0,0 +1,19 @@
1
+ [
2
+ "--plasma-dropdown-item-width",
3
+ "--plasma-dropdown-item-height",
4
+ "--plasma-dropdown-item-padding-top",
5
+ "--plasma-dropdown-item-padding-right",
6
+ "--plasma-dropdown-item-padding-bottom",
7
+ "--plasma-dropdown-item-padding-left",
8
+ "--plasma-dropdown-item-margin-top",
9
+ "--plasma-dropdown-item-margin-right",
10
+ "--plasma-dropdown-item-margin-bottom",
11
+ "--plasma-dropdown-item-margin-left",
12
+ "--plasma-dropdown-item-border-radius",
13
+ "--plasma-dropdown-item-font-family",
14
+ "--plasma-dropdown-item-font-size",
15
+ "--plasma-dropdown-item-font-style",
16
+ "--plasma-dropdown-item-letter-spacing",
17
+ "--plasma-dropdown-item-line-height",
18
+ "--plasma-dropdown-item-font-weight"
19
+ ]
@@ -0,0 +1,9 @@
1
+ [
2
+ "--plasma-dropdown-item-background",
3
+ "--plasma-dropdown-item-color",
4
+ "--plasma-dropdown-item-background-hover",
5
+ "--plasma-dropdown-item-background-selected",
6
+ "--plasma-dropdown-item-color-selected",
7
+ "--plasma-dropdown-item-background-selected-hover",
8
+ "--plasma-dropdown-item-color-selected-hover"
9
+ ]
@@ -3,18 +3,6 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "DropdownInner", {
7
- enumerable: true,
8
- get: function get() {
9
- return _DropdownInner.DropdownInner;
10
- }
11
- });
12
- Object.defineProperty(exports, "DropdownItem", {
13
- enumerable: true,
14
- get: function get() {
15
- return _DropdownItem.DropdownItem;
16
- }
17
- });
18
6
  Object.defineProperty(exports, "dropdownDividerConfig", {
19
7
  enumerable: true,
20
8
  get: function get() {
@@ -63,22 +51,20 @@ Object.defineProperty(exports, "dropdownHeaderRoot", {
63
51
  return _DropdownHeader.dropdownHeaderRoot;
64
52
  }
65
53
  });
66
- Object.defineProperty(exports, "dropdownItemOldConfig", {
54
+ Object.defineProperty(exports, "dropdownItemConfig", {
67
55
  enumerable: true,
68
56
  get: function get() {
69
- return _DropdownItemOld.dropdownItemOldConfig;
57
+ return _DropdownItem.dropdownItemConfig;
70
58
  }
71
59
  });
72
- Object.defineProperty(exports, "dropdownItemOldRoot", {
60
+ Object.defineProperty(exports, "dropdownItemRoot", {
73
61
  enumerable: true,
74
62
  get: function get() {
75
- return _DropdownItemOld.dropdownItemOldRoot;
63
+ return _DropdownItem.dropdownItemRoot;
76
64
  }
77
65
  });
78
66
  var _DropdownDivider = /*#__PURE__*/require("./DropdownDivider/DropdownDivider");
79
67
  var _DropdownFooter = /*#__PURE__*/require("./DropdownFooter/DropdownFooter");
80
68
  var _DropdownGroup = /*#__PURE__*/require("./DropdownGroup/DropdownGroup");
81
69
  var _DropdownHeader = /*#__PURE__*/require("./DropdownHeader/DropdownHeader");
82
- var _DropdownItem = /*#__PURE__*/require("./DropdownItem/DropdownItem");
83
- var _DropdownInner = /*#__PURE__*/require("./DropdownInner/DropdownInner");
84
- var _DropdownItemOld = /*#__PURE__*/require("./DropdownItemOld/DropdownItemOld");
70
+ var _DropdownItem = /*#__PURE__*/require("./DropdownItem/DropdownItem");
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getValidComponent = exports.getPlacements = exports.getPlacement = exports.getCorrectHeight = exports.childrenWithProps = void 0;
6
+ exports.getValidComponent = exports.getPlacements = exports.getPlacement = void 0;
7
7
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
8
8
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
9
9
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -23,20 +23,6 @@ var getPlacements = exports.getPlacements = function getPlacements(placements) {
23
23
  return getPlacement(placement);
24
24
  });
25
25
  };
26
- var getCorrectHeight = exports.getCorrectHeight = function getCorrectHeight(listHeight) {
27
- if (Number.isNaN(Number(listHeight))) {
28
- return listHeight.toString();
29
- }
30
- return "".concat(listHeight, "rem");
31
- };
32
- var childrenWithProps = exports.childrenWithProps = function childrenWithProps(children, additionalProps) {
33
- return _react.Children.map(children, function (child) {
34
- if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
35
- return /*#__PURE__*/_react["default"].cloneElement(child, additionalProps);
36
- }
37
- return child;
38
- });
39
- };
40
26
  var isReactObject = function isReactObject(element) {
41
27
  return _typeof(element) === 'object' || typeof element === 'function';
42
28
  };
@@ -1 +1,9 @@
1
- []
1
+ [
2
+ " --plasma-dropdown-width",
3
+ " --plasma-dropdown-height",
4
+ " --plasma-dropdown-border-radius",
5
+ " --plasma-dropdown-padding-top",
6
+ " --plasma-dropdown-padding-right",
7
+ " --plasma-dropdown-padding-bottom",
8
+ " --plasma-dropdown-padding-left"
9
+ ]
@@ -1 +1 @@
1
- []
1
+ ["--plasma-dropdown-background", "--plasma-dropdown-box-shadow"]