@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
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _exportNames = {
7
+ ThumbBase: true
8
+ };
9
+ Object.defineProperty(exports, "ThumbBase", {
10
+ enumerable: true,
11
+ get: function get() {
12
+ return _Thumb2.ThumbBase;
13
+ }
14
+ });
15
+ var _Handle = /*#__PURE__*/require("./Handle/Handle");
16
+ Object.keys(_Handle).forEach(function (key) {
17
+ if (key === "default" || key === "__esModule") return;
18
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
19
+ if (key in exports && exports[key] === _Handle[key]) return;
20
+ Object.defineProperty(exports, key, {
21
+ enumerable: true,
22
+ get: function get() {
23
+ return _Handle[key];
24
+ }
25
+ });
26
+ });
27
+ var _Thumb = /*#__PURE__*/require("./Thumb/Thumb");
28
+ Object.keys(_Thumb).forEach(function (key) {
29
+ if (key === "default" || key === "__esModule") return;
30
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
31
+ if (key in exports && exports[key] === _Thumb[key]) return;
32
+ Object.defineProperty(exports, key, {
33
+ enumerable: true,
34
+ get: function get() {
35
+ return _Thumb[key];
36
+ }
37
+ });
38
+ });
39
+ var _Thumb2 = /*#__PURE__*/require("./Thumb/Thumb.styles");
40
+ var _Handle2 = /*#__PURE__*/require("./Handle/Handle.types");
41
+ Object.keys(_Handle2).forEach(function (key) {
42
+ if (key === "default" || key === "__esModule") return;
43
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
44
+ if (key in exports && exports[key] === _Handle2[key]) return;
45
+ Object.defineProperty(exports, key, {
46
+ enumerable: true,
47
+ get: function get() {
48
+ return _Handle2[key];
49
+ }
50
+ });
51
+ });
52
+ var _Thumb3 = /*#__PURE__*/require("./Thumb/Thumb.types");
53
+ Object.keys(_Thumb3).forEach(function (key) {
54
+ if (key === "default" || key === "__esModule") return;
55
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
56
+ if (key in exports && exports[key] === _Thumb3[key]) return;
57
+ Object.defineProperty(exports, key, {
58
+ enumerable: true,
59
+ get: function get() {
60
+ return _Thumb3[key];
61
+ }
62
+ });
63
+ });
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getOffsets = getOffsets;
7
+ exports.getSliderThumbValue = getSliderThumbValue;
8
+ exports.sizeData = void 0;
9
+ /**
10
+ * Расчитать значение слайдера с учетом его координат и шага изменений.
11
+ * @param {number} handleCenterXRelative
12
+ * @param {number} stepSize
13
+ * @param {number} min
14
+ * @param {number} max
15
+ * @return {number}
16
+ */
17
+ function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
18
+ var newValue = Math.round(handleCenterXRelative / stepSize) + min;
19
+ return Math.min(Math.max(newValue, min), max);
20
+ }
21
+
22
+ /**
23
+ * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.
24
+ * Значение используется для правильного расчета ограничения движения слайдера.
25
+ * @param ref
26
+ * @param {'left' | 'right'} side
27
+ * @return Array<number>
28
+ */
29
+ function getOffsets(ref, side) {
30
+ if (!ref || !('current' in ref) || !ref.current || !side) {
31
+ return [0, 0];
32
+ }
33
+ var size = ref.current.clientWidth;
34
+ if (side === 'left') {
35
+ return [0, size];
36
+ }
37
+ if (side === 'right') {
38
+ return [size, 0];
39
+ }
40
+ return [0, 0];
41
+ }
42
+ var sizeData = exports.sizeData = {
43
+ s: {
44
+ indent: 0.5,
45
+ fontSizeMultiplier: 16
46
+ },
47
+ m: {
48
+ indent: 0.75,
49
+ fontSizeMultiplier: 16
50
+ },
51
+ l: {
52
+ indent: 0.75,
53
+ fontSizeMultiplier: 16
54
+ }
55
+ };
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -0,0 +1,4 @@
1
+ {
2
+ "type": "boolean",
3
+ "tokens": ["--plasma-slider-disabled-opacity"]
4
+ }
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -18,7 +18,7 @@ var _TextField = /*#__PURE__*/require("./TextField.styles");
18
18
  var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
19
19
  var _ui = /*#__PURE__*/require("./ui");
20
20
  var _useKeyNavigation2 = /*#__PURE__*/require("./hooks/useKeyNavigation");
21
- var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
21
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
22
22
  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); }
23
23
  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; }
24
24
  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); }
@@ -34,6 +34,8 @@ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:bloc
34
34
  var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
35
35
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
36
36
  var id = _ref.id,
37
+ className = _ref.className,
38
+ style = _ref.style,
37
39
  contentLeft = _ref.contentLeft,
38
40
  contentRight = _ref.contentRight,
39
41
  label = _ref.label,
@@ -149,7 +151,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
149
151
  disabled: disabled,
150
152
  readOnly: !disabled && readOnly,
151
153
  labelPlacement: innerLabelPlacementValue,
152
- onClick: handleInputFocus
154
+ onClick: handleInputFocus,
155
+ className: className,
156
+ style: style
153
157
  }, labelInside || innerLabelValue && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
154
158
  id: labelId,
155
159
  htmlFor: id
@@ -18,7 +18,8 @@ var DisclosureRight = exports.DisclosureRight = function DisclosureRight(props)
18
18
  fillRule: "evenodd",
19
19
  clipRule: "evenodd",
20
20
  d: "M9.883 4.707a1 1 0 011.414-1.414L16.004 8l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 8 9.883 4.707z",
21
- fill: "currentColor"
21
+ fill: "currentColor",
22
+ fillOpacity: 0.56
22
23
  })));
23
24
  }
24
25
  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Dropdown = /*#__PURE__*/require("../../../../../components/Dropdown");
9
+ var dropdownSizeCommon = /*#__PURE__*/"\n ".concat(_Dropdown.dropdownTokens.width, ": 12.5rem;\n ").concat(_Dropdown.dropdownTokens.height, ": auto;\n ").concat(_Dropdown.dropdownTokens.borderRadius, ": 0.5rem;\n ").concat(_Dropdown.dropdownTokens.paddingTop, ": 0.125rem;\n ").concat(_Dropdown.dropdownTokens.paddingRight, ": 0.0625rem;\n ").concat(_Dropdown.dropdownTokens.paddingBottom, ": 0.125rem;\n ").concat(_Dropdown.dropdownTokens.paddingLeft, ": 0.125rem;\n");
10
+ var dropdownItemSizeCommon = /*#__PURE__*/"\n ".concat(_Dropdown.dropdownTokens.itemWidth, ": auto;\n ").concat(_Dropdown.dropdownTokens.itemHeight, ": auto;\n ").concat(_Dropdown.dropdownTokens.itemMarginTop, ": 0;\n ").concat(_Dropdown.dropdownTokens.itemMarginRight, ": 0;\n ").concat(_Dropdown.dropdownTokens.itemMarginBottom, ": 0;\n ").concat(_Dropdown.dropdownTokens.itemMarginLeft, ": 0;\n");
11
+ var config = exports.config = {
12
+ defaults: {
13
+ view: 'default',
14
+ size: 'm'
15
+ },
16
+ variations: {
17
+ size: {
18
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
19
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
21
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
22
+ },
23
+ view: {
24
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemBackgroundSelected, _Dropdown.dropdownTokens.itemColorSelected, _Dropdown.dropdownTokens.itemBackgroundSelectedHover, _Dropdown.dropdownTokens.itemColorSelectedHover, _Dropdown.dropdownTokens.itemColor)
25
+ }
26
+ }
27
+ };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DropdownItem = exports.Dropdown = void 0;
7
+ var _Dropdown = /*#__PURE__*/require("../../../../../components/Dropdown");
8
+ var _engines = /*#__PURE__*/require("../../../../../engines");
9
+ var _Dropdown2 = /*#__PURE__*/require("./Dropdown.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownConfig, _Dropdown2.config);
11
+ var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _engines.component)(mergedConfig);
12
+ var mergedItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownItemConfig);
13
+ var DropdownItem = exports.DropdownItem = /*#__PURE__*/(0, _engines.component)(mergedItemConfig);
@@ -0,0 +1,194 @@
1
+ import React, { useState } from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+ import { action } from '@storybook/addon-actions';
5
+ import styled from 'styled-components';
6
+
7
+ import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
8
+ import { mergeConfig } from '../../../../../engines';
9
+ import { dropdownConfig } from '../../../../../components/Dropdown';
10
+ import { Button } from '../../Button/Button';
11
+ import { Radiobox } from '../../Radiobox/Radiobox';
12
+ import { Checkbox } from '../../Checkbox/Checkbox';
13
+ import type { DropdownPlacement, DropdownTrigger } from '../../../../../components/Dropdown/Dropdown.types';
14
+
15
+ import { Dropdown, DropdownItem } from './Dropdown';
16
+ import { config } from './Dropdown.config';
17
+
18
+ const placements: Array<DropdownPlacement> = ['top', 'bottom', 'right', 'left', 'auto'];
19
+ const triggers: Array<DropdownTrigger> = ['click', 'hover'];
20
+
21
+ type StoryDropdownPropsCustom = {
22
+ skidding?: number;
23
+ distance?: number;
24
+ };
25
+
26
+ type StoryDropdownProps = ComponentProps<typeof Dropdown> & StoryDropdownPropsCustom;
27
+
28
+ const meta: Meta<StoryDropdownProps> = {
29
+ title: 'plasma_b2c/Dropdown',
30
+ decorators: [WithTheme],
31
+ component: Dropdown,
32
+ argTypes: {
33
+ placement: {
34
+ options: placements,
35
+ control: {
36
+ type: 'select',
37
+ },
38
+ },
39
+ trigger: {
40
+ options: triggers,
41
+ control: {
42
+ type: 'select',
43
+ },
44
+ },
45
+ ...argTypesFromConfig(mergeConfig(dropdownConfig, config)),
46
+ },
47
+ args: {
48
+ placement: 'bottom',
49
+ trigger: 'click',
50
+ closeOnOverlayClick: false,
51
+ closeOnEsc: true,
52
+ isFocusTrapped: true,
53
+ skidding: 0,
54
+ distance: 0,
55
+ },
56
+ };
57
+
58
+ export default meta;
59
+
60
+ const onSelect = action('onSelect');
61
+ const onClick = action('onClick');
62
+ const onChange = action('onChange');
63
+
64
+ const getDropdownItems = (slug: string, elemCount: number) =>
65
+ [...Array(elemCount).keys()].map((num) => ({
66
+ value: `${slug}_${num}`,
67
+ child: `${slug} ${num}`,
68
+ }));
69
+
70
+ const StyledRadiobox = styled(Radiobox)`
71
+ margin-right: 0.5rem;
72
+ `;
73
+
74
+ const StyledCheckbox = styled(Checkbox)`
75
+ margin-left: auto;
76
+ `;
77
+
78
+ const StyledDisclosureRightIcon = styled.div`
79
+ width: 1.25rem;
80
+ height: 1.25rem;
81
+ margin-left: auto;
82
+ `;
83
+
84
+ const DisclosureRightIcon = (props) => (
85
+ <StyledDisclosureRightIcon>
86
+ <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
87
+ <path
88
+ d="M9.883 8.707a1 1 0 011.414-1.414L16.004 12l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 12 9.883 8.707z"
89
+ fill="currentColor"
90
+ />
91
+ </svg>
92
+ </StyledDisclosureRightIcon>
93
+ );
94
+
95
+ const StoryNormal = (args: StoryDropdownProps) => {
96
+ const [selected, setSelected] = useState('');
97
+ const [isOpen, setIsOpen] = useState(false);
98
+ const [isOpenDropdown2, setIsOpenDropdown2] = useState(false);
99
+
100
+ const { skidding, distance, placement, ...rest } = args;
101
+
102
+ const onMainClose = () => {
103
+ setIsOpen(false);
104
+ setIsOpenDropdown2(false);
105
+ };
106
+
107
+ const onMainToggle = (openValue: boolean) => {
108
+ setIsOpen(openValue);
109
+
110
+ if (!openValue) {
111
+ onMainClose();
112
+ }
113
+ };
114
+
115
+ const handleSelect = (value: string, text: string) => {
116
+ setSelected(value);
117
+ onSelect(value, text);
118
+ setIsOpen(false);
119
+ };
120
+
121
+ return (
122
+ <div>
123
+ <h3>This is header</h3>
124
+ <Dropdown
125
+ target={<Button>Target</Button>}
126
+ isOpen={isOpen}
127
+ onToggle={onMainToggle}
128
+ offset={[Number(skidding), Number(distance)]}
129
+ placement={placement}
130
+ {...rest}
131
+ >
132
+ {getDropdownItems('item', 6).map((item) => (
133
+ <DropdownItem
134
+ key={item.value}
135
+ isSelected={Boolean(item.value === selected)}
136
+ onSelect={() => handleSelect(item.value, item.child)}
137
+ onClick={onClick}
138
+ value={item.value}
139
+ >
140
+ {item.child}
141
+ </DropdownItem>
142
+ ))}
143
+ <Dropdown
144
+ target={<DropdownItem contentRight={DisclosureRightIcon} name="test" text="Nested dropdown" />}
145
+ onToggle={(is) => setIsOpenDropdown2(is)}
146
+ isOpen={isOpenDropdown2}
147
+ offset={[0, 0]}
148
+ {...rest}
149
+ >
150
+ <DropdownItem contentRight={StyledCheckbox} value="checked" onChange={onChange} text="Checkbox" />
151
+ {getDropdownItems('nested', 4).map((item) => (
152
+ <DropdownItem
153
+ key={item.value}
154
+ isSelected={Boolean(item.value === selected)}
155
+ onSelect={() => handleSelect(item.value, item.child)}
156
+ onClick={onClick}
157
+ value={item.value}
158
+ >
159
+ {item.child}
160
+ </DropdownItem>
161
+ ))}
162
+ <DropdownItem
163
+ contentLeft={StyledRadiobox}
164
+ name="radio"
165
+ value="1"
166
+ onChange={onChange}
167
+ text="Radiobox 1"
168
+ />
169
+ <DropdownItem
170
+ contentLeft={StyledRadiobox}
171
+ name="radio"
172
+ value="2"
173
+ onChange={onChange}
174
+ text="Radiobox 2"
175
+ />
176
+ </Dropdown>
177
+
178
+ <DropdownItem
179
+ isSelected={selected === 'disabled'}
180
+ onSelect={() => handleSelect('disabled', 'disabled')}
181
+ onClick={onClick}
182
+ value="disabled"
183
+ disabled
184
+ >
185
+ disabled
186
+ </DropdownItem>
187
+ </Dropdown>
188
+ </div>
189
+ );
190
+ };
191
+
192
+ export const Normal: StoryObj<StoryDropdownProps> = {
193
+ render: (args) => <StoryNormal {...args} />,
194
+ };
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Dropdown = /*#__PURE__*/require("../../../../../components/Dropdown");
9
+ var dropdownSizeCommon = /*#__PURE__*/"\n ".concat(_Dropdown.dropdownTokens.width, ": 12.5rem;\n ").concat(_Dropdown.dropdownTokens.height, ": auto;\n ").concat(_Dropdown.dropdownTokens.borderRadius, ": 0.5rem;\n ").concat(_Dropdown.dropdownTokens.paddingTop, ": 0.125rem;\n ").concat(_Dropdown.dropdownTokens.paddingRight, ": 0.0625rem;\n ").concat(_Dropdown.dropdownTokens.paddingBottom, ": 0.125rem;\n ").concat(_Dropdown.dropdownTokens.paddingLeft, ": 0.125rem;\n");
10
+ var dropdownItemSizeCommon = /*#__PURE__*/"\n ".concat(_Dropdown.dropdownTokens.itemWidth, ": auto;\n ").concat(_Dropdown.dropdownTokens.itemHeight, ": auto;\n ").concat(_Dropdown.dropdownTokens.itemMarginTop, ": 0;\n ").concat(_Dropdown.dropdownTokens.itemMarginRight, ": 0;\n ").concat(_Dropdown.dropdownTokens.itemMarginBottom, ": 0;\n ").concat(_Dropdown.dropdownTokens.itemMarginLeft, ": 0;\n");
11
+ var config = exports.config = {
12
+ defaults: {
13
+ view: 'default',
14
+ size: 'm'
15
+ },
16
+ variations: {
17
+ size: {
18
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.3125rem;", ":0.5rem;", ":0.3125rem;", ":0.5rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
19
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.4375rem;", ":0.75rem;", ":0.4375rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.625rem;", ":0.875rem;", ":0.625rem;", ":0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
21
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.8125rem;", ":1rem;", ":0.8125rem;", ":1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
22
+ },
23
+ view: {
24
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemBackgroundSelected, _Dropdown.dropdownTokens.itemColorSelected, _Dropdown.dropdownTokens.itemBackgroundSelectedHover, _Dropdown.dropdownTokens.itemColorSelectedHover, _Dropdown.dropdownTokens.itemColor)
25
+ }
26
+ }
27
+ };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DropdownItem = exports.Dropdown = void 0;
7
+ var _Dropdown = /*#__PURE__*/require("../../../../../components/Dropdown");
8
+ var _engines = /*#__PURE__*/require("../../../../../engines");
9
+ var _Dropdown2 = /*#__PURE__*/require("./Dropdown.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownConfig, _Dropdown2.config);
11
+ var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _engines.component)(mergedConfig);
12
+ var mergedItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownItemConfig);
13
+ var DropdownItem = exports.DropdownItem = /*#__PURE__*/(0, _engines.component)(mergedItemConfig);