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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (377) hide show
  1. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/hooks/useDays.js +6 -3
  5. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  7. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  8. package/cjs/components/Combobox/Combobox.css +7 -17
  9. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  10. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  11. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  12. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  13. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  14. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  15. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  16. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  17. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  18. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +10 -81
  19. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  20. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +9 -21
  21. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  22. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  23. package/cjs/components/Dropdown/Dropdown.css +2 -25
  24. package/cjs/components/Dropdown/Dropdown.js +54 -138
  25. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  26. package/cjs/components/Dropdown/Dropdown.styles.js +7 -40
  27. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  28. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  29. package/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  30. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  31. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  32. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -79
  33. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  34. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -31
  35. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  36. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  37. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  38. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  39. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  40. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  41. package/cjs/components/Dropdown/utils/index.js +0 -16
  42. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  43. package/cjs/components/Pagination/Pagination.css +7 -14
  44. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  45. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  46. package/cjs/components/Select/Select.css +7 -14
  47. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  48. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  49. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  50. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  51. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  52. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  53. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  54. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  55. package/cjs/components/Select/ui/SelectItem/SelectItem.css +7 -16
  56. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  57. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  58. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  59. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  60. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  61. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  62. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  63. package/cjs/index.css +8 -18
  64. package/cjs/index.js +2 -8
  65. package/cjs/index.js.map +1 -1
  66. package/es/components/Calendar/Calendar.types.js.map +1 -1
  67. package/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  68. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  69. package/es/components/Calendar/hooks/useDays.js +6 -3
  70. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  71. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  72. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  73. package/es/components/Combobox/Combobox.css +7 -17
  74. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  75. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  76. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  77. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  78. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  79. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  80. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  81. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  82. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  83. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +11 -82
  84. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  85. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +10 -19
  86. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  87. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  88. package/es/components/Dropdown/Dropdown.css +2 -25
  89. package/es/components/Dropdown/Dropdown.js +60 -144
  90. package/es/components/Dropdown/Dropdown.js.map +1 -1
  91. package/es/components/Dropdown/Dropdown.styles.js +7 -39
  92. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  93. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  94. package/es/components/Dropdown/Dropdown.tokens.js +23 -26
  95. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  96. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  97. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -80
  98. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  99. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -30
  100. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  101. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  102. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  103. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  104. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  105. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  106. package/es/components/Dropdown/utils/index.js +2 -16
  107. package/es/components/Dropdown/utils/index.js.map +1 -1
  108. package/es/components/Pagination/Pagination.css +7 -14
  109. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  110. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  111. package/es/components/Select/Select.css +7 -14
  112. package/es/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  113. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  114. package/es/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  115. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  116. package/es/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  117. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  118. package/es/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  119. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  120. package/es/components/Select/ui/SelectItem/SelectItem.css +7 -16
  121. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  122. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  123. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  124. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  125. package/es/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  126. package/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  127. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  128. package/es/index.css +8 -18
  129. package/es/index.js +1 -4
  130. package/es/index.js.map +1 -1
  131. package/package.json +2 -2
  132. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  133. package/styled-components/cjs/components/Calendar/hooks/useDays.js +6 -3
  134. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  135. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +2 -91
  136. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +7 -27
  137. package/styled-components/cjs/components/Dropdown/Dropdown.js +54 -140
  138. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +7 -22
  139. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  140. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  141. package/styled-components/cjs/components/Dropdown/index.js +1 -9
  142. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +105 -77
  143. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +19 -24
  144. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  145. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  146. package/styled-components/cjs/components/Dropdown/ui/index.js +5 -19
  147. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -15
  148. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +9 -1
  149. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  150. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  151. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  152. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  153. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  154. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +27 -0
  155. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +13 -0
  156. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  157. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +27 -0
  158. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +13 -0
  159. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  160. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  161. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +27 -0
  162. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +13 -0
  163. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  164. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +27 -0
  165. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +13 -0
  166. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  167. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  168. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +22 -0
  169. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +21 -0
  170. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  171. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  172. package/styled-components/es/components/Calendar/hooks/useDays.js +6 -3
  173. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  174. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +3 -90
  175. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +6 -23
  176. package/styled-components/es/components/Dropdown/Dropdown.js +55 -142
  177. package/styled-components/es/components/Dropdown/Dropdown.styles.js +5 -18
  178. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  179. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +23 -26
  180. package/styled-components/es/components/Dropdown/index.js +0 -1
  181. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +107 -78
  182. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -21
  183. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  184. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  185. package/styled-components/es/components/Dropdown/ui/index.js +1 -3
  186. package/styled-components/es/components/Dropdown/utils/index.js +1 -15
  187. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +9 -1
  188. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  189. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  190. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  191. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  192. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  193. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +21 -0
  194. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +7 -0
  195. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  196. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +21 -0
  197. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +7 -0
  198. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  199. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  200. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +21 -0
  201. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +7 -0
  202. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  203. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +21 -0
  204. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +7 -0
  205. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  206. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  207. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +16 -0
  208. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +15 -0
  209. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  210. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  211. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  212. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  213. package/types/components/Calendar/hooks/useDays.d.ts +1 -1
  214. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  215. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  216. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +1 -0
  217. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  218. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +13 -15
  219. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  220. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +1 -5
  221. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  222. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +2 -59
  223. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  224. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  225. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  226. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -8
  227. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  228. package/types/components/Dropdown/Dropdown.tokens.d.ts +22 -24
  229. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  230. package/types/components/Dropdown/Dropdown.types.d.ts +40 -64
  231. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  232. package/types/components/Dropdown/index.d.ts +1 -3
  233. package/types/components/Dropdown/index.d.ts.map +1 -1
  234. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +56 -2
  235. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  236. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -5
  237. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  238. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +38 -44
  239. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  240. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +1 -0
  241. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +1 -0
  242. package/types/components/Dropdown/ui/index.d.ts +1 -3
  243. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  244. package/types/components/Dropdown/utils/index.d.ts +2 -5
  245. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  246. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  247. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  248. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  249. package/types/components/Select/utils/index.d.ts +1 -1
  250. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  251. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  252. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  253. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  254. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  255. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  256. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  257. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  258. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +18 -0
  259. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  260. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  261. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  262. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  263. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  264. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  265. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  266. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +15 -0
  267. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  268. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +51 -0
  269. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +1 -0
  270. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  271. package/cjs/components/Combobox/utils/index.js +0 -23
  272. package/cjs/components/Combobox/utils/index.js.map +0 -1
  273. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  274. package/cjs/components/Dropdown/hooks/useHashMaps.js +0 -34
  275. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  276. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -223
  277. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  278. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -37
  279. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  280. package/cjs/components/Dropdown/reducers/pathReducer.js +0 -41
  281. package/cjs/components/Dropdown/reducers/pathReducer.js.map +0 -1
  282. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -122
  283. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  284. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  285. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -30
  286. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  287. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  288. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  289. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -112
  290. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  291. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  292. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  293. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  294. package/es/components/Combobox/utils/index.js +0 -19
  295. package/es/components/Combobox/utils/index.js.map +0 -1
  296. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  297. package/es/components/Dropdown/hooks/useHashMaps.js +0 -30
  298. package/es/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  299. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -218
  300. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  301. package/es/components/Dropdown/reducers/focusedPathReducer.js +0 -33
  302. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  303. package/es/components/Dropdown/reducers/pathReducer.js +0 -37
  304. package/es/components/Dropdown/reducers/pathReducer.js.map +0 -1
  305. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -118
  306. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  307. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  308. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -23
  309. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  310. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  311. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  312. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -107
  313. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  314. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  315. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  316. package/styled-components/cjs/components/Combobox/utils/index.js +0 -23
  317. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +0 -32
  318. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -221
  319. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -40
  320. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +0 -44
  321. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -117
  322. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +0 -5
  323. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -33
  324. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +0 -5
  325. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -119
  326. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -25
  327. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -11
  328. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -292
  329. package/styled-components/es/components/Combobox/utils/index.js +0 -15
  330. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +0 -26
  331. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -215
  332. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +0 -34
  333. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +0 -38
  334. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -111
  335. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +0 -1
  336. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -25
  337. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +0 -1
  338. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -111
  339. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -19
  340. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -5
  341. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -292
  342. package/types/components/Combobox/utils/index.d.ts +0 -4
  343. package/types/components/Combobox/utils/index.d.ts.map +0 -1
  344. package/types/components/Dropdown/hooks/useHashMaps.d.ts +0 -6
  345. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +0 -1
  346. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +0 -37
  347. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +0 -1
  348. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +0 -16
  349. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +0 -1
  350. package/types/components/Dropdown/reducers/pathReducer.d.ts +0 -20
  351. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +0 -1
  352. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +0 -5
  353. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +0 -1
  354. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +0 -26
  355. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +0 -1
  356. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +0 -7
  357. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +0 -1
  358. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +0 -60
  359. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +0 -1
  360. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +0 -58
  361. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +0 -1
  362. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +0 -1
  363. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +0 -1
  364. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  365. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +0 -13
  366. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +0 -1
  367. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  368. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  369. /package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  370. /package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  371. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  372. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  373. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  374. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  375. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.d.ts +0 -0
  376. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.d.ts +0 -0
  377. /package/types/examples/plasma_b2c/components/Dropdown/{Dropdown.config.d.ts → Normal/Dropdown.config.d.ts} +0 -0
@@ -1,31 +1,25 @@
1
+ var _templateObject;
2
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
+ import { css } from 'styled-components';
1
4
  import styled from 'styled-components';
2
5
  import { classes, tokens } from '../../Dropdown.tokens';
3
6
  import { addFocus, applyEllipsis } from '../../../../mixins';
4
7
  export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
5
8
  componentId: "plasma-new-hope__sc-hs0ek1-0"
6
- })(["display:inline-flex;"]);
9
+ })(["display:inline-flex;min-width:var(", ");color:var(", ");"], tokens.itemContentLeftWidth, tokens.itemContentLeftColor);
7
10
  export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
8
11
  componentId: "plasma-new-hope__sc-hs0ek1-1"
9
- })(["margin-left:auto;display:inline-flex;"]);
10
- export var DisclosureIconWrapper = /*#__PURE__*/styled.div.withConfig({
11
- componentId: "plasma-new-hope__sc-hs0ek1-2"
12
- })(["line-height:0;color:var(", ");"], tokens.disclosureIconColor);
12
+ })(["margin-left:auto;display:inline-flex;min-width:var(", ");color:var(", ");"], tokens.itemContentRightWidth, tokens.itemContentRightColor);
13
13
  export var StyledText = /*#__PURE__*/styled.div.withConfig({
14
- componentId: "plasma-new-hope__sc-hs0ek1-3"
15
- })(["", ";flex:1;"], /*#__PURE__*/applyEllipsis());
16
- export var Wrapper = /*#__PURE__*/styled.li.withConfig({
17
- componentId: "plasma-new-hope__sc-hs0ek1-4"
18
- })(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref) {
19
- var variant = _ref.variant;
20
- return "var(".concat(variant === 'tight' ? tokens.itemPaddingTopTight : tokens.itemPaddingTop, ")");
21
- }, tokens.itemPaddingRight, function (_ref2) {
22
- var variant = _ref2.variant;
23
- return "var(".concat(variant === 'tight' ? tokens.itemPaddingBottomTight : tokens.itemPaddingBottom, ")");
24
- }, tokens.itemPaddingLeft, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.itemBackground, tokens.itemColor, tokens.itemBorderRadius, classes.dropdownItemIsDisabled, tokens.itemBackgroundHover, classes.dropdownItemIsActive, tokens.itemBackgroundHover, classes.dropdownItemIsDisabled, tokens.disabledOpacity, /*#__PURE__*/addFocus({
14
+ componentId: "plasma-new-hope__sc-hs0ek1-2"
15
+ })(["", ";"], /*#__PURE__*/applyEllipsis());
16
+
17
+ // INFO: Для возможности переиспользования стилей в других компонентах
18
+ export var baseContent = /*#__PURE__*/"\n box-sizing: content-box;\n display: flex;\n align-items: center;\n user-select: none;\n\n :focus {\n outline: none;\n }\n\n ".concat(addFocus({
25
19
  outlineSize: '0.0625rem',
26
20
  outlineOffset: '0',
27
- outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
28
- outlineRadius: /*#__PURE__*/"var(".concat(tokens.itemBorderRadius, ")"),
29
- hasTransition: false,
30
- customFocusRules: /*#__PURE__*/"\n &.".concat(classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(tokens.focusColor, ");\n }\n ")
31
- }));
21
+ outlineColor: "var(".concat(tokens.focusColor, ")"),
22
+ outlineRadius: "var(".concat(tokens.itemBorderRadius, ")"),
23
+ hasTransition: false
24
+ }), ";\n\n width: 100%;\n\n font-family: var(").concat(tokens.itemFontFamily, ");\n font-size: var(").concat(tokens.itemFontSize, ");\n font-style: var(").concat(tokens.itemFontStyle, ");\n font-weight: var(").concat(tokens.itemFontWeightBold, ");\n letter-spacing: var(").concat(tokens.itemFontLetterSpacing, ");\n line-height: var(").concat(tokens.itemFontLineHeight, ");\n\n background: var(").concat(tokens.itemBackground, ");\n color: var(").concat(tokens.itemColor, ");\n border-radius: var(").concat(tokens.itemBorderRadius, ");\n\n width: var(").concat(tokens.itemWidth, ");\n height: var(").concat(tokens.itemHeight, ");\n\n padding: var(").concat(tokens.itemPaddingTop, ") var(").concat(tokens.itemPaddingRight, ") var(").concat(tokens.itemPaddingBottom, ")\n var(").concat(tokens.itemPaddingLeft, ");\n\n margin: var(").concat(tokens.itemMarginTop, ") var(").concat(tokens.itemMarginRight, ") var(").concat(tokens.itemMarginBottom, ")\n var(").concat(tokens.itemMarginLeft, ");\n\n &:hover:not(.").concat(classes.dropdownItemIsDisabled, ") {\n cursor: pointer;\n background: var(").concat(tokens.itemBackgroundHover, ");\n }\n\n &.").concat(String(classes.dropdownItemIsSelected), " {\n color: var(").concat(tokens.itemColorSelected, ");\n background: var(").concat(tokens.itemBackgroundSelected, ");\n\n &:hover:not(.").concat(classes.dropdownItemIsDisabled, ") {\n background: var(").concat(tokens.itemBackgroundSelectedHover, ");\n }\n }\n\n &.").concat(classes.dropdownItemIsDisabled, " {\n opacity: var(").concat(tokens.disabledOpacity, ");\n cursor: not-allowed;\n }\n");
25
+ export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n"])), baseContent);
@@ -0,0 +1,19 @@
1
+ [
2
+ "--plasma-dropdown-item-width",
3
+ "--plasma-dropdown-item-height",
4
+ "--plasma-dropdown-item-padding-top",
5
+ "--plasma-dropdown-item-padding-right",
6
+ "--plasma-dropdown-item-padding-bottom",
7
+ "--plasma-dropdown-item-padding-left",
8
+ "--plasma-dropdown-item-margin-top",
9
+ "--plasma-dropdown-item-margin-right",
10
+ "--plasma-dropdown-item-margin-bottom",
11
+ "--plasma-dropdown-item-margin-left",
12
+ "--plasma-dropdown-item-border-radius",
13
+ "--plasma-dropdown-item-font-family",
14
+ "--plasma-dropdown-item-font-size",
15
+ "--plasma-dropdown-item-font-style",
16
+ "--plasma-dropdown-item-letter-spacing",
17
+ "--plasma-dropdown-item-line-height",
18
+ "--plasma-dropdown-item-font-weight"
19
+ ]
@@ -0,0 +1,9 @@
1
+ [
2
+ "--plasma-dropdown-item-background",
3
+ "--plasma-dropdown-item-color",
4
+ "--plasma-dropdown-item-background-hover",
5
+ "--plasma-dropdown-item-background-selected",
6
+ "--plasma-dropdown-item-color-selected",
7
+ "--plasma-dropdown-item-background-selected-hover",
8
+ "--plasma-dropdown-item-color-selected-hover"
9
+ ]
@@ -2,6 +2,4 @@ export { dropdownDividerRoot, dropdownDividerConfig } from './DropdownDivider/Dr
2
2
  export { dropdownFooterRoot, dropdownFooterConfig } from './DropdownFooter/DropdownFooter';
3
3
  export { dropdownGroupRoot, dropdownGroupConfig } from './DropdownGroup/DropdownGroup';
4
4
  export { dropdownHeaderRoot, dropdownHeaderConfig } from './DropdownHeader/DropdownHeader';
5
- export { DropdownItem } from './DropdownItem/DropdownItem';
6
- export { DropdownInner } from './DropdownInner/DropdownInner';
7
- export { dropdownItemOldRoot, dropdownItemOldConfig } from './DropdownItemOld/DropdownItemOld';
5
+ export { dropdownItemRoot, dropdownItemConfig } from './DropdownItem/DropdownItem';
@@ -1,5 +1,5 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- import React, { Children, cloneElement, isValidElement } from 'react';
2
+ import React, { cloneElement, isValidElement } from 'react';
3
3
  export var getPlacement = function getPlacement(placement) {
4
4
  return "".concat(placement, "-start");
5
5
  };
@@ -15,20 +15,6 @@ export var getPlacements = function getPlacements(placements) {
15
15
  return getPlacement(placement);
16
16
  });
17
17
  };
18
- export var getCorrectHeight = function getCorrectHeight(listHeight) {
19
- if (Number.isNaN(Number(listHeight))) {
20
- return listHeight.toString();
21
- }
22
- return "".concat(listHeight, "rem");
23
- };
24
- export var childrenWithProps = function childrenWithProps(children, additionalProps) {
25
- return Children.map(children, function (child) {
26
- if ( /*#__PURE__*/React.isValidElement(child)) {
27
- return /*#__PURE__*/React.cloneElement(child, additionalProps);
28
- }
29
- return child;
30
- });
31
- };
32
18
  var isReactObject = function isReactObject(element) {
33
19
  return _typeof(element) === 'object' || typeof element === 'function';
34
20
  };
@@ -1 +1,9 @@
1
- []
1
+ [
2
+ " --plasma-dropdown-width",
3
+ " --plasma-dropdown-height",
4
+ " --plasma-dropdown-border-radius",
5
+ " --plasma-dropdown-padding-top",
6
+ " --plasma-dropdown-padding-right",
7
+ " --plasma-dropdown-padding-bottom",
8
+ " --plasma-dropdown-padding-left"
9
+ ]
@@ -1 +1 @@
1
- []
1
+ ["--plasma-dropdown-background", "--plasma-dropdown-box-shadow"]
@@ -1,8 +1,8 @@
1
- import { dropdownItemOldRoot } from '../../../Dropdown';
1
+ import { dropdownItemRoot } from '../../../Dropdown';
2
2
  import { base as viewCSS } from './variations/_view/base';
3
3
  import { base as sizeCSS } from './variations/_size/base';
4
4
  import { base } from './SelectItem.styles';
5
- export var selectItemRoot = dropdownItemOldRoot;
5
+ export var selectItemRoot = dropdownItemRoot;
6
6
  export var selectItemConfig = {
7
7
  name: 'SelectItem',
8
8
  tag: 'div',
@@ -1,7 +1,7 @@
1
1
  import { css } from 'styled-components';
2
2
  import { tokens } from '../../Select.tokens';
3
3
  import { dropdownTokens } from '../../../Dropdown';
4
- import { baseContent as dropdownItemBase } from '../../../Dropdown/ui/DropdownItemOld/DropdownItem.styles';
4
+ import { baseContent as dropdownItemBase } from '../../../Dropdown/ui/DropdownItem/DropdownItem.styles';
5
5
 
6
6
  // NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
7
7
  export var mappingOverride = /*#__PURE__*/"\n ".concat(dropdownTokens.itemBackground, ": var(").concat(tokens.itemBackground, ");\n ").concat(dropdownTokens.itemColor, ": var(").concat(tokens.itemColor, ");\n ").concat(dropdownTokens.itemBackgroundHover, ": var(").concat(tokens.itemBackgroundHover, ");\n ").concat(dropdownTokens.itemBackgroundSelected, ": var(").concat(tokens.itemBackgroundSelected, ");\n ").concat(dropdownTokens.itemColorSelected, ": var(").concat(tokens.itemColorSelected, ");\n ").concat(dropdownTokens.itemBackgroundSelectedHover, ": var(").concat(tokens.itemBackgroundSelectedHover, ");\n ").concat(dropdownTokens.itemColorSelectedHover, ": var(").concat(tokens.itemColorSelectedHover, ");\n ").concat(dropdownTokens.itemContentLeftColor, ": var(").concat(tokens.itemContentLeftColor, ");\n ").concat(dropdownTokens.itemContentRightColor, ": var(").concat(tokens.itemContentRightColor, ");\n ").concat(dropdownTokens.disabledOpacity, ": var(").concat(tokens.disabledOpacity, ");\n ").concat(dropdownTokens.focusColor, ": var(").concat(tokens.focusColor, ");\n ").concat(dropdownTokens.itemWidth, ": var(").concat(tokens.itemWidth, ");\n ").concat(dropdownTokens.itemHeight, ": var(").concat(tokens.itemHeight, ");\n ").concat(dropdownTokens.itemBorderRadius, ": var(").concat(tokens.itemBorderRadius, ");\n ").concat(dropdownTokens.itemPaddingTop, ": var(").concat(tokens.itemPaddingTop, ");\n ").concat(dropdownTokens.itemPaddingRight, ": var(").concat(tokens.itemPaddingRight, ");\n ").concat(dropdownTokens.itemPaddingBottom, ": var(").concat(tokens.itemPaddingBottom, ");\n ").concat(dropdownTokens.itemPaddingLeft, ": var(").concat(tokens.itemPaddingLeft, ");\n ").concat(dropdownTokens.itemMarginTop, ": var(").concat(tokens.itemMarginTop, ");\n ").concat(dropdownTokens.itemMarginRight, ": var(").concat(tokens.itemMarginRight, ");\n ").concat(dropdownTokens.itemMarginBottom, ": var(").concat(tokens.itemMarginBottom, ");\n ").concat(dropdownTokens.itemMarginLeft, ": var(").concat(tokens.itemMarginLeft, ");\n ").concat(dropdownTokens.itemFontFamily, ": var(").concat(tokens.itemFontFamily, ");\n ").concat(dropdownTokens.itemFontSize, ": var(").concat(tokens.itemFontSize, ");\n ").concat(dropdownTokens.itemFontStyle, ": var(").concat(tokens.itemFontStyle, ");\n ").concat(dropdownTokens.itemFontWeightBold, ": var(").concat(tokens.itemFontWeightBold, ");\n ").concat(dropdownTokens.itemFontLetterSpacing, ": var(").concat(tokens.itemFontLetterSpacing, ");\n ").concat(dropdownTokens.itemFontLineHeight, ": var(").concat(tokens.itemFontLineHeight, ");\n ").concat(dropdownTokens.itemContentLeftWidth, ": var(").concat(tokens.itemContentLeftWidth, ");\n ").concat(dropdownTokens.itemContentRightWidth, ": var(").concat(tokens.itemContentRightWidth, ");\n");
@@ -11,7 +11,8 @@ export var DisclosureRight = function DisclosureRight(props) {
11
11
  fillRule: "evenodd",
12
12
  clipRule: "evenodd",
13
13
  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",
14
- fill: "currentColor"
14
+ fill: "currentColor",
15
+ fillOpacity: 0.56
15
16
  })));
16
17
  }
17
18
  return /*#__PURE__*/React.createElement("svg", _extends({
@@ -79,7 +79,7 @@ const baseEvents = [
79
79
  ];
80
80
 
81
81
  const StoryDefault = (args: CalendarProps) => {
82
- const { isRange, isDouble, min, max, date } = args;
82
+ const { isRange, isDouble, min, max, date, includeEdgeDates } = args;
83
83
  const [value, setValue] = useState(new Date(2023, 10, 16));
84
84
  const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
85
85
 
@@ -110,6 +110,7 @@ const StoryDefault = (args: CalendarProps) => {
110
110
  disabledList={disabledDays}
111
111
  min={min}
112
112
  max={max}
113
+ includeEdgeDates={includeEdgeDates}
113
114
  onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
114
115
  />
115
116
  );
@@ -121,12 +122,13 @@ export const Default: StoryObj<CalendarProps> = {
121
122
  max: new Date(2023, 11, 24),
122
123
  isDouble: false,
123
124
  isRange: false,
125
+ includeEdgeDates: false,
124
126
  },
125
127
  render: (args) => <StoryDefault {...args} />,
126
128
  };
127
129
 
128
130
  const StoryBase = (args: CalendarBaseProps) => {
129
- const { min, max, type } = args;
131
+ const { min, max, type, includeEdgeDates } = args;
130
132
  const [value, setValue] = useState(new Date(2023, 10, 16));
131
133
 
132
134
  const handleOnChange = useCallback((newValue: Date) => {
@@ -150,6 +152,7 @@ const StoryBase = (args: CalendarBaseProps) => {
150
152
  disabledList={disabledDays}
151
153
  min={min}
152
154
  max={max}
155
+ includeEdgeDates={includeEdgeDates}
153
156
  type={type}
154
157
  onChangeValue={handleOnChange}
155
158
  />
@@ -168,13 +171,14 @@ export const Base: StoryObj<CalendarBaseProps> = {
168
171
  args: {
169
172
  min: new Date(2023, 10, 1),
170
173
  max: new Date(2023, 11, 24),
174
+ includeEdgeDates: false,
171
175
  type: 'Days',
172
176
  },
173
177
  render: (args) => <StoryBase {...args} />,
174
178
  };
175
179
 
176
180
  const StoryDouble = (args: CalendarDoubleProps) => {
177
- const { min, max } = args;
181
+ const { min, max, includeEdgeDates } = args;
178
182
  const [value, setValue] = useState(new Date(2023, 10, 16));
179
183
  const handleOnChange = useCallback((newValue: Date) => {
180
184
  setValue(newValue);
@@ -197,6 +201,7 @@ const StoryDouble = (args: CalendarDoubleProps) => {
197
201
  disabledList={disabledDays}
198
202
  min={min}
199
203
  max={max}
204
+ includeEdgeDates={includeEdgeDates}
200
205
  onChangeValue={handleOnChange}
201
206
  />
202
207
  );
@@ -206,12 +211,13 @@ export const Double: StoryObj<CalendarDoubleProps> = {
206
211
  args: {
207
212
  min: new Date(2023, 10, 1),
208
213
  max: new Date(2023, 11, 24),
214
+ includeEdgeDates: false,
209
215
  },
210
216
  render: (args) => <StoryDouble {...args} />,
211
217
  };
212
218
 
213
219
  const StoryRange = (args: CalendarBaseRangeProps) => {
214
- const { min, max, type } = args;
220
+ const { min, max, type, includeEdgeDates } = args;
215
221
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
216
222
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
217
223
  onChangeValue(newValue);
@@ -237,6 +243,7 @@ const StoryRange = (args: CalendarBaseRangeProps) => {
237
243
  disabledList={disabledList}
238
244
  min={min}
239
245
  max={max}
246
+ includeEdgeDates={includeEdgeDates}
240
247
  type={type}
241
248
  onChangeValue={handleOnChange}
242
249
  />
@@ -255,13 +262,14 @@ export const Range: StoryObj<CalendarBaseRangeProps> = {
255
262
  args: {
256
263
  min: new Date(2023, 10, 1),
257
264
  max: new Date(2023, 11, 24),
265
+ includeEdgeDates: false,
258
266
  type: 'Days',
259
267
  },
260
268
  render: (args) => <StoryRange {...args} />,
261
269
  };
262
270
 
263
271
  const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
264
- const { min, max } = args;
272
+ const { min, max, includeEdgeDates } = args;
265
273
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
266
274
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
267
275
  onChangeValue(newValue);
@@ -287,6 +295,7 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
287
295
  disabledList={disabledList}
288
296
  min={min}
289
297
  max={max}
298
+ includeEdgeDates={includeEdgeDates}
290
299
  onChangeValue={handleOnChange}
291
300
  />
292
301
  );
@@ -296,12 +305,13 @@ export const RangeDouble: StoryObj<CalendarBaseRangeProps> = {
296
305
  args: {
297
306
  min: new Date(2023, 10, 1),
298
307
  max: new Date(2023, 11, 24),
308
+ includeEdgeDates: false,
299
309
  },
300
310
  render: (args) => <StoryRangeDouble {...args} />,
301
311
  };
302
312
 
303
313
  const StoryWithPopover = (args: CalendarProps) => {
304
- const { isDouble, min, max } = args;
314
+ const { isDouble, min, max, includeEdgeDates } = args;
305
315
  const [isOpen, setIsOpen] = useState(false);
306
316
  const [textValue, setTextValue] = useState('2023-10-16');
307
317
  const [value, setValue] = useState(new Date(textValue));
@@ -340,6 +350,7 @@ const StoryWithPopover = (args: CalendarProps) => {
340
350
  disabledList={disabledDays}
341
351
  min={min}
342
352
  max={max}
353
+ includeEdgeDates={includeEdgeDates}
343
354
  isDouble={isDouble}
344
355
  isRange={false}
345
356
  onChangeValue={handleOnChange}
@@ -353,6 +364,7 @@ export const WithPopover: StoryObj<CalendarProps> = {
353
364
  min: new Date(2023, 9, 1),
354
365
  max: new Date(2023, 11, 24),
355
366
  isDouble: false,
367
+ includeEdgeDates: false,
356
368
  },
357
369
  render: (args) => <StoryWithPopover {...args} />,
358
370
  };
@@ -0,0 +1,21 @@
1
+ import { css } from 'styled-components';
2
+ import { dropdownTokens } from '../../../../../components/Dropdown';
3
+ var dropdownSizeCommon = /*#__PURE__*/"\n ".concat(dropdownTokens.width, ": 12.5rem;\n ").concat(dropdownTokens.height, ": auto;\n ").concat(dropdownTokens.borderRadius, ": 0.5rem;\n ").concat(dropdownTokens.paddingTop, ": 0.125rem;\n ").concat(dropdownTokens.paddingRight, ": 0.0625rem;\n ").concat(dropdownTokens.paddingBottom, ": 0.125rem;\n ").concat(dropdownTokens.paddingLeft, ": 0.125rem;\n");
4
+ var dropdownItemSizeCommon = /*#__PURE__*/"\n ".concat(dropdownTokens.itemWidth, ": auto;\n ").concat(dropdownTokens.itemHeight, ": auto;\n ").concat(dropdownTokens.itemMarginTop, ": 0;\n ").concat(dropdownTokens.itemMarginRight, ": 0;\n ").concat(dropdownTokens.itemMarginBottom, ": 0;\n ").concat(dropdownTokens.itemMarginLeft, ": 0;\n");
5
+ export var config = {
6
+ defaults: {
7
+ view: 'default',
8
+ size: 'm'
9
+ },
10
+ variations: {
11
+ size: {
12
+ xs: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
13
+ s: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
14
+ m: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
15
+ l: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
16
+ },
17
+ view: {
18
+ "default": /*#__PURE__*/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);"], dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
19
+ }
20
+ }
21
+ };
@@ -0,0 +1,7 @@
1
+ import { dropdownConfig, dropdownItemConfig } from '../../../../../components/Dropdown';
2
+ import { component, mergeConfig } from '../../../../../engines';
3
+ import { config } from './Dropdown.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig, config);
5
+ export var Dropdown = /*#__PURE__*/component(mergedConfig);
6
+ var mergedItemConfig = /*#__PURE__*/mergeConfig(dropdownItemConfig);
7
+ export var DropdownItem = /*#__PURE__*/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,21 @@
1
+ import { css } from 'styled-components';
2
+ import { dropdownTokens } from '../../../../../components/Dropdown';
3
+ var dropdownSizeCommon = /*#__PURE__*/"\n ".concat(dropdownTokens.width, ": 12.5rem;\n ").concat(dropdownTokens.height, ": auto;\n ").concat(dropdownTokens.borderRadius, ": 0.5rem;\n ").concat(dropdownTokens.paddingTop, ": 0.125rem;\n ").concat(dropdownTokens.paddingRight, ": 0.0625rem;\n ").concat(dropdownTokens.paddingBottom, ": 0.125rem;\n ").concat(dropdownTokens.paddingLeft, ": 0.125rem;\n");
4
+ var dropdownItemSizeCommon = /*#__PURE__*/"\n ".concat(dropdownTokens.itemWidth, ": auto;\n ").concat(dropdownTokens.itemHeight, ": auto;\n ").concat(dropdownTokens.itemMarginTop, ": 0;\n ").concat(dropdownTokens.itemMarginRight, ": 0;\n ").concat(dropdownTokens.itemMarginBottom, ": 0;\n ").concat(dropdownTokens.itemMarginLeft, ": 0;\n");
5
+ export var config = {
6
+ defaults: {
7
+ view: 'default',
8
+ size: 'm'
9
+ },
10
+ variations: {
11
+ size: {
12
+ xs: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
13
+ s: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
14
+ m: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
15
+ l: /*#__PURE__*/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, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
16
+ },
17
+ view: {
18
+ "default": /*#__PURE__*/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);"], dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
19
+ }
20
+ }
21
+ };
@@ -0,0 +1,7 @@
1
+ import { dropdownConfig, dropdownItemConfig } from '../../../../../components/Dropdown';
2
+ import { component, mergeConfig } from '../../../../../engines';
3
+ import { config } from './Dropdown.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig, config);
5
+ export var Dropdown = /*#__PURE__*/component(mergedConfig);
6
+ var mergedItemConfig = /*#__PURE__*/mergeConfig(dropdownItemConfig);
7
+ export var DropdownItem = /*#__PURE__*/component(mergedItemConfig);