@salutejs/plasma-new-hope 0.78.0-canary.1203.8970261959.0 → 0.78.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (450) hide show
  1. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/hooks/useDays.js +3 -6
  5. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  7. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  8. package/cjs/components/Combobox/Combobox.css +20 -7
  9. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +18 -6
  10. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  11. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +18 -6
  12. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  13. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +18 -6
  14. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  15. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +18 -6
  16. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  17. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  18. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +81 -10
  19. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  20. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +21 -9
  21. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  22. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  23. package/cjs/components/Combobox/utils/index.js +23 -0
  24. package/cjs/components/Combobox/utils/index.js.map +1 -0
  25. package/cjs/components/Dropdown/Dropdown.css +28 -2
  26. package/cjs/components/Dropdown/Dropdown.js +141 -54
  27. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  28. package/cjs/components/Dropdown/Dropdown.styles.js +40 -7
  29. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  30. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  31. package/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  32. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  33. package/cjs/components/Dropdown/hooks/useHashMaps.js +34 -0
  34. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  35. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +247 -0
  36. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  37. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +37 -0
  38. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  39. package/cjs/components/Dropdown/reducers/pathReducer.js +41 -0
  40. package/cjs/components/Dropdown/reducers/pathReducer.js.map +1 -0
  41. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +125 -0
  42. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  43. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  44. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +79 -100
  45. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  46. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -5
  47. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  48. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  49. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +30 -0
  50. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  51. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  52. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  53. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +112 -0
  54. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  55. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  56. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  57. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  58. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  59. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +29 -0
  60. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  61. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  62. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  63. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +99 -0
  64. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  65. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +115 -0
  66. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  67. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +23 -0
  68. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  69. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +9 -0
  70. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  71. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +9 -0
  72. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  73. package/cjs/components/Dropdown/utils/index.js +16 -0
  74. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  75. package/cjs/components/Pagination/Pagination.css +17 -7
  76. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -7
  77. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  78. package/cjs/components/Select/Select.css +17 -7
  79. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +18 -6
  80. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  81. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +18 -6
  82. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  83. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +18 -6
  84. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  85. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +18 -6
  86. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  87. package/cjs/components/Select/ui/SelectItem/SelectItem.css +19 -7
  88. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  89. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  90. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  91. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  92. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  93. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  94. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  95. package/cjs/index.css +21 -8
  96. package/cjs/index.js +13 -2
  97. package/cjs/index.js.map +1 -1
  98. package/es/components/Calendar/Calendar.types.js.map +1 -1
  99. package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  100. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  101. package/es/components/Calendar/hooks/useDays.js +3 -6
  102. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  103. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  104. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  105. package/es/components/Combobox/Combobox.css +20 -7
  106. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +18 -6
  107. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  108. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +18 -6
  109. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  110. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +18 -6
  111. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  112. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +18 -6
  113. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  114. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  115. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +82 -11
  116. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  117. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +19 -10
  118. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  119. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  120. package/es/components/Combobox/utils/index.js +19 -0
  121. package/es/components/Combobox/utils/index.js.map +1 -0
  122. package/es/components/Dropdown/Dropdown.css +28 -2
  123. package/es/components/Dropdown/Dropdown.js +147 -60
  124. package/es/components/Dropdown/Dropdown.js.map +1 -1
  125. package/es/components/Dropdown/Dropdown.styles.js +39 -7
  126. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  127. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  128. package/es/components/Dropdown/Dropdown.tokens.js +26 -23
  129. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  130. package/es/components/Dropdown/hooks/useHashMaps.js +30 -0
  131. package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  132. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +242 -0
  133. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  134. package/es/components/Dropdown/reducers/focusedPathReducer.js +33 -0
  135. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  136. package/es/components/Dropdown/reducers/pathReducer.js +37 -0
  137. package/es/components/Dropdown/reducers/pathReducer.js.map +1 -0
  138. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +121 -0
  139. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  140. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  141. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +80 -100
  142. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  143. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +30 -5
  144. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  145. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  146. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +23 -0
  147. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  148. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  149. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  150. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +107 -0
  151. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  152. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  153. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  154. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base_x642ct.css +1 -0
  155. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  156. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  157. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base_x642ct.css +1 -0
  158. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +24 -0
  159. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  160. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  161. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  162. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +94 -0
  163. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  164. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +111 -0
  165. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  166. package/es/components/Dropdown/ui/DropdownOld/utils/index.js +18 -0
  167. package/es/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  168. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +5 -0
  169. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  170. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base_x642ct.css +1 -0
  171. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +5 -0
  172. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  173. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base_x642ct.css +1 -0
  174. package/es/components/Dropdown/utils/index.js +16 -2
  175. package/es/components/Dropdown/utils/index.js.map +1 -1
  176. package/es/components/Pagination/Pagination.css +17 -7
  177. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -7
  178. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  179. package/es/components/Select/Select.css +17 -7
  180. package/es/components/Select/ui/SelectDivider/SelectDivider.css +18 -6
  181. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  182. package/es/components/Select/ui/SelectFooter/SelectFooter.css +18 -6
  183. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  184. package/es/components/Select/ui/SelectGroup/SelectGroup.css +18 -6
  185. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  186. package/es/components/Select/ui/SelectHeader/SelectHeader.css +18 -6
  187. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  188. package/es/components/Select/ui/SelectItem/SelectItem.css +19 -7
  189. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  190. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  191. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  192. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  193. package/es/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  194. package/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  195. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  196. package/es/index.css +21 -8
  197. package/es/index.js +6 -1
  198. package/es/index.js.map +1 -1
  199. package/package.json +2 -2
  200. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  201. package/styled-components/cjs/components/Calendar/hooks/useDays.js +3 -6
  202. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  203. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +91 -2
  204. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +27 -7
  205. package/styled-components/cjs/components/Combobox/utils/index.js +23 -0
  206. package/styled-components/cjs/components/Dropdown/Dropdown.js +140 -54
  207. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +22 -7
  208. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +325 -66
  209. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  210. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +32 -0
  211. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +249 -0
  212. package/styled-components/cjs/components/Dropdown/index.js +9 -1
  213. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +40 -0
  214. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +44 -0
  215. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +117 -0
  216. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +5 -0
  217. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +77 -105
  218. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -19
  219. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +33 -0
  220. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +5 -0
  221. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +119 -0
  222. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +19 -0
  223. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.types.js +5 -0
  224. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +101 -0
  225. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +118 -0
  226. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +21 -0
  227. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +8 -0
  228. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  229. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +8 -0
  230. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  231. package/styled-components/cjs/components/Dropdown/ui/index.js +39 -5
  232. package/styled-components/cjs/components/Dropdown/utils/index.js +15 -1
  233. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +1 -9
  234. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  235. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  236. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  237. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  238. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -18
  239. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +25 -0
  240. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +11 -0
  241. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  242. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -18
  243. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +25 -0
  244. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.js +11 -0
  245. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  246. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -18
  247. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  248. package/styled-components/es/components/Calendar/hooks/useDays.js +3 -6
  249. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  250. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +90 -3
  251. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +23 -6
  252. package/styled-components/es/components/Combobox/utils/index.js +15 -0
  253. package/styled-components/es/components/Dropdown/Dropdown.js +142 -55
  254. package/styled-components/es/components/Dropdown/Dropdown.styles.js +18 -5
  255. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +325 -66
  256. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +26 -23
  257. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +26 -0
  258. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +243 -0
  259. package/styled-components/es/components/Dropdown/index.js +1 -0
  260. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +34 -0
  261. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +38 -0
  262. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +111 -0
  263. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +1 -0
  264. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +78 -107
  265. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -15
  266. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +25 -0
  267. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +1 -0
  268. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +111 -0
  269. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +13 -0
  270. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.types.js +1 -0
  271. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +92 -0
  272. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +112 -0
  273. package/styled-components/es/components/Dropdown/ui/DropdownOld/utils/index.js +15 -0
  274. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +2 -0
  275. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  276. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +2 -0
  277. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  278. package/styled-components/es/components/Dropdown/ui/index.js +5 -1
  279. package/styled-components/es/components/Dropdown/utils/index.js +15 -1
  280. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +1 -9
  281. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  282. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  283. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  284. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  285. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -18
  286. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +19 -0
  287. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +5 -0
  288. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  289. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -18
  290. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +19 -0
  291. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.js +5 -0
  292. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  293. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -18
  294. package/types/components/Calendar/Calendar.types.d.ts +0 -4
  295. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  296. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  297. package/types/components/Calendar/hooks/useDays.d.ts +1 -1
  298. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  299. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  300. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +0 -1
  301. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  302. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +15 -13
  303. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  304. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +5 -1
  305. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  306. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +59 -2
  307. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  308. package/types/components/Combobox/utils/index.d.ts +4 -0
  309. package/types/components/Combobox/utils/index.d.ts.map +1 -0
  310. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  311. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  312. package/types/components/Dropdown/Dropdown.styles.d.ts +8 -1
  313. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  314. package/types/components/Dropdown/Dropdown.tokens.d.ts +24 -22
  315. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  316. package/types/components/Dropdown/Dropdown.types.d.ts +64 -40
  317. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  318. package/types/components/Dropdown/hooks/useHashMaps.d.ts +6 -0
  319. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -0
  320. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +37 -0
  321. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -0
  322. package/types/components/Dropdown/index.d.ts +3 -1
  323. package/types/components/Dropdown/index.d.ts.map +1 -1
  324. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +16 -0
  325. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +1 -0
  326. package/types/components/Dropdown/reducers/pathReducer.d.ts +20 -0
  327. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +1 -0
  328. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +5 -0
  329. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -0
  330. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +26 -0
  331. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -0
  332. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +2 -56
  333. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  334. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +5 -2
  335. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  336. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +44 -38
  337. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  338. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +7 -0
  339. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +1 -0
  340. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +60 -0
  341. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +1 -0
  342. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +58 -0
  343. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +1 -0
  344. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +1 -0
  345. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +1 -0
  346. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts +8 -0
  347. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts.map +1 -0
  348. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts +76 -0
  349. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts.map +1 -0
  350. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts +26 -0
  351. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -0
  352. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts +113 -0
  353. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts.map +1 -0
  354. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts +4 -0
  355. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts.map +1 -0
  356. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts +2 -0
  357. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts.map +1 -0
  358. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts +2 -0
  359. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts.map +1 -0
  360. package/types/components/Dropdown/ui/index.d.ts +5 -1
  361. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  362. package/types/components/Dropdown/utils/index.d.ts +5 -2
  363. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  364. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  365. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  366. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  367. package/types/components/Select/utils/index.d.ts +1 -1
  368. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  369. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  370. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +13 -0
  371. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -0
  372. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  373. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +13 -0
  374. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -0
  375. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  376. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  377. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  378. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  379. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  380. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  381. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  382. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  383. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  384. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  385. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  386. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  387. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -27
  388. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -13
  389. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  390. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -27
  391. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -13
  392. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  393. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -27
  394. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -13
  395. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  396. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -27
  397. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -13
  398. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  399. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -22
  400. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -21
  401. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  402. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  403. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  404. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -21
  405. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -7
  406. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  407. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -21
  408. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -7
  409. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  410. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -21
  411. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -7
  412. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  413. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -21
  414. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -7
  415. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  416. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -16
  417. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -15
  418. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  419. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +0 -1
  420. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +0 -1
  421. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  422. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  423. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  424. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  425. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  426. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  427. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +0 -18
  428. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  429. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  430. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  431. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
  432. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  433. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  434. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  435. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +0 -15
  436. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  437. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +0 -51
  438. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +0 -1
  439. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
  440. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
  441. /package/{es/components/Dropdown/ui/DropdownItem → cjs/components/Dropdown/ui/DropdownOld}/variations/_size/base_x642ct.css +0 -0
  442. /package/{es/components/Dropdown/ui/DropdownItem → cjs/components/Dropdown/ui/DropdownOld}/variations/_view/base_x642ct.css +0 -0
  443. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  444. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  445. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  446. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  447. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.d.ts +0 -0
  448. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.d.ts +0 -0
  449. /package/types/examples/plasma_b2c/components/Dropdown/{Normal/Dropdown.config.d.ts → Dropdown.config.d.ts} +0 -0
  450. /package/types/examples/{plasma_b2c/components/Dropdown/Tight → plasma_web/components/Dropdown}/Dropdown.config.d.ts +0 -0
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ export declare const Dropdown: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
+ size: {
4
+ xs: import("@linaria/core").LinariaClassName;
5
+ s: import("@linaria/core").LinariaClassName;
6
+ m: import("@linaria/core").LinariaClassName;
7
+ l: import("@linaria/core").LinariaClassName;
8
+ };
9
+ view: {
10
+ default: import("@linaria/core").LinariaClassName;
11
+ };
12
+ }> & import("../../../../components/Dropdown").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
+ //# sourceMappingURL=Dropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Dropdown/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;6GAA0B,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Dropdown/Dropdown.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CAqGlB,CAAC"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ export declare const Dropdown: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
+ size: {
4
+ xs: import("@linaria/core").LinariaClassName;
5
+ s: import("@linaria/core").LinariaClassName;
6
+ m: import("@linaria/core").LinariaClassName;
7
+ l: import("@linaria/core").LinariaClassName;
8
+ };
9
+ view: {
10
+ default: import("@linaria/core").LinariaClassName;
11
+ };
12
+ }> & import("../../../../components/Dropdown").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
+ //# sourceMappingURL=Dropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Dropdown/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;6GAA0B,CAAC"}
@@ -1 +0,0 @@
1
- .b1thh7ji{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);--plasma-dropdown-item-background:var(--plasma-combobox-item-background);--plasma-dropdown-item-color:var(--plasma-combobox-item-color);--plasma-dropdown-item-background-hover:var(--plasma-combobox-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-combobox-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-combobox-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-combobox-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-combobox-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-combobox-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-combobox-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-combobox-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-combobox-focus-color);--plasma-dropdown-item-width:var(--plasma-combobox-item-width);--plasma-dropdown-item-height:var(--plasma-combobox-item-height);--plasma-dropdown-item-border-radius:var(--plasma-combobox-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-combobox-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-combobox-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-combobox-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-combobox-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-combobox-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-combobox-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-combobox-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-combobox-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-combobox-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-combobox-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-combobox-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-combobox-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-combobox-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-combobox-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-combobox-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-combobox-item-content-right-width);}.b1thh7ji:focus{outline:none;}.b1thh7ji::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.b1thh7ji.focus-visible:focus::before,.b1thh7ji[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.b1thh7ji:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.b1thh7ji.dropdown-item-is-selected{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.b1thh7ji.dropdown-item-is-selected:hover:not(.dropdown-item-is-disabled){background:var(--plasma-dropdown-item-background-selected-hover);}.b1thh7ji.dropdown-item-is-disabled{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
@@ -1,2 +0,0 @@
1
- .sn7uamp .popover-target{display:block;}
2
- .sjr7fmv{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
@@ -1,4 +0,0 @@
1
- .s1gkzlls{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
2
- .sz6s14y{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
3
- .s1m97l2m{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
4
- .boib72h{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.boib72h:focus{outline:none;}.boib72h::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.boib72h.focus-visible:focus::before,.boib72h[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.boib72h:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.boib72h.dropdown-item-is-selected{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.boib72h.dropdown-item-is-selected:hover:not(.dropdown-item-is-disabled){background:var(--plasma-dropdown-item-background-selected-hover);}.boib72h.dropdown-item-is-disabled{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1 +0,0 @@
1
- .b1thh7ji{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);--plasma-dropdown-item-background:var(--plasma-combobox-item-background);--plasma-dropdown-item-color:var(--plasma-combobox-item-color);--plasma-dropdown-item-background-hover:var(--plasma-combobox-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-combobox-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-combobox-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-combobox-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-combobox-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-combobox-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-combobox-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-combobox-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-combobox-focus-color);--plasma-dropdown-item-width:var(--plasma-combobox-item-width);--plasma-dropdown-item-height:var(--plasma-combobox-item-height);--plasma-dropdown-item-border-radius:var(--plasma-combobox-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-combobox-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-combobox-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-combobox-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-combobox-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-combobox-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-combobox-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-combobox-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-combobox-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-combobox-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-combobox-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-combobox-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-combobox-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-combobox-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-combobox-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-combobox-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-combobox-item-content-right-width);}.b1thh7ji:focus{outline:none;}.b1thh7ji::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.b1thh7ji.focus-visible:focus::before,.b1thh7ji[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.b1thh7ji:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.b1thh7ji.dropdown-item-is-selected{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.b1thh7ji.dropdown-item-is-selected:hover:not(.dropdown-item-is-disabled){background:var(--plasma-dropdown-item-background-selected-hover);}.b1thh7ji.dropdown-item-is-disabled{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
@@ -1,2 +0,0 @@
1
- .sn7uamp .popover-target{display:block;}
2
- .sjr7fmv{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
@@ -1,4 +0,0 @@
1
- .s1gkzlls{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
2
- .sz6s14y{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
3
- .s1m97l2m{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
4
- .boib72h{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.boib72h:focus{outline:none;}.boib72h::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.boib72h.focus-visible:focus::before,.boib72h[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.boib72h:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.boib72h.dropdown-item-is-selected{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.boib72h.dropdown-item-is-selected:hover:not(.dropdown-item-is-disabled){background:var(--plasma-dropdown-item-background-selected-hover);}.boib72h.dropdown-item-is-disabled{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,19 +0,0 @@
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
- ]
@@ -1,9 +0,0 @@
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
- ]
@@ -1,27 +0,0 @@
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
- };
@@ -1,13 +0,0 @@
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);
@@ -1,194 +0,0 @@
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
- };
@@ -1,27 +0,0 @@
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
- };
@@ -1,13 +0,0 @@
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);
@@ -1,195 +0,0 @@
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 StoryTight = (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
- isNested
149
- {...rest}
150
- >
151
- <DropdownItem contentRight={StyledCheckbox} value="checked" onChange={onChange} text="Checkbox" />
152
- {getDropdownItems('nested', 4).map((item) => (
153
- <DropdownItem
154
- key={item.value}
155
- isSelected={Boolean(item.value === selected)}
156
- onSelect={() => handleSelect(item.value, item.child)}
157
- onClick={onClick}
158
- value={item.value}
159
- >
160
- {item.child}
161
- </DropdownItem>
162
- ))}
163
- <DropdownItem
164
- contentLeft={StyledRadiobox}
165
- name="radio"
166
- value="1"
167
- onChange={onChange}
168
- text="Radiobox 1"
169
- />
170
- <DropdownItem
171
- contentLeft={StyledRadiobox}
172
- name="radio"
173
- value="2"
174
- onChange={onChange}
175
- text="Radiobox 2"
176
- />
177
- </Dropdown>
178
-
179
- <DropdownItem
180
- isSelected={selected === 'disabled'}
181
- onSelect={() => handleSelect('disabled', 'disabled')}
182
- onClick={onClick}
183
- value="disabled"
184
- disabled
185
- >
186
- disabled
187
- </DropdownItem>
188
- </Dropdown>
189
- </div>
190
- );
191
- };
192
-
193
- export const Tight: StoryObj<StoryDropdownProps> = {
194
- render: (args) => <StoryTight {...args} />,
195
- };