@salutejs/plasma-new-hope 0.77.1-canary.1201.8930079977.0 → 0.78.0-canary.1176.8921778834.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (595) hide show
  1. package/cjs/components/Checkbox/Checkbox.css +13 -0
  2. package/cjs/components/Checkbox/Checkbox.js +20 -59
  3. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  4. package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
  5. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
  6. package/cjs/components/Checkbox/Checkbox.styles_d1mumx.css +7 -0
  7. package/cjs/components/Checkbox/Checkbox.tokens.js +38 -0
  8. package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
  9. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  10. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  11. package/cjs/components/Checkbox/{_view → variations/_disabled}/base.js +2 -2
  12. package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
  13. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  14. package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
  15. package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
  16. package/cjs/components/Checkbox/variations/_focused/base_1rx10n8.css +1 -0
  17. package/cjs/components/{Dropdown/ui/DropdownItemOld → Checkbox}/variations/_size/base.js +1 -1
  18. package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
  19. package/cjs/components/Checkbox/variations/_view/base.js +9 -0
  20. package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
  21. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  22. package/cjs/components/Combobox/Combobox.css +7 -17
  23. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  24. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  25. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  26. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  27. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  28. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  29. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  30. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  31. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  32. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +10 -81
  33. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  34. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +9 -21
  35. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  36. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  37. package/cjs/components/Dropdown/Dropdown.css +2 -25
  38. package/cjs/components/Dropdown/Dropdown.js +54 -138
  39. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  40. package/cjs/components/Dropdown/Dropdown.styles.js +7 -40
  41. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  42. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  43. package/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  44. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  45. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  46. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -79
  47. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  48. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -90
  49. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  50. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  51. package/cjs/components/{Checkbox → Dropdown/ui/DropdownItem/variations}/_size/base.js +1 -1
  52. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  53. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  54. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  55. package/cjs/components/Dropdown/utils/index.js +0 -16
  56. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  57. package/cjs/components/Pagination/Pagination.css +7 -14
  58. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  59. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  60. package/cjs/components/Radiobox/Radiobox.css +16 -0
  61. package/cjs/components/Radiobox/Radiobox.js +21 -32
  62. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  63. package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  64. package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
  65. package/cjs/components/Radiobox/Radiobox.styles_155ubn2.css +2 -0
  66. package/cjs/components/Radiobox/Radiobox.tokens.js +39 -0
  67. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
  68. package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
  69. package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
  70. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  71. package/cjs/components/{Checkbox/_disabled → Radiobox/variations/_focused}/base.js +2 -2
  72. package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
  73. package/{es/components/Radiobox/_focused/base_1nruwxa.css → cjs/components/Radiobox/variations/_focused/base_25xwn7.css} +1 -1
  74. package/cjs/components/Radiobox/{_size → variations/_size}/base.js +1 -1
  75. package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
  76. package/cjs/components/Radiobox/variations/_view/base.js +9 -0
  77. package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
  78. package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  79. package/cjs/components/Select/Select.css +7 -14
  80. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  81. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  82. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  83. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  84. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  85. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  86. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  87. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  88. package/cjs/components/Select/ui/SelectItem/SelectItem.css +7 -16
  89. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  90. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  91. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  92. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  93. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  94. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  95. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  96. package/cjs/index.css +23 -33
  97. package/cjs/index.js +6 -8
  98. package/cjs/index.js.map +1 -1
  99. package/es/components/Checkbox/Checkbox.css +13 -0
  100. package/es/components/Checkbox/Checkbox.js +10 -43
  101. package/es/components/Checkbox/Checkbox.js.map +1 -1
  102. package/es/components/Checkbox/Checkbox.styles.js +37 -0
  103. package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
  104. package/es/components/Checkbox/Checkbox.styles_d1mumx.css +7 -0
  105. package/es/components/Checkbox/Checkbox.tokens.js +33 -0
  106. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
  107. package/es/components/Checkbox/IconsSvg.js +9 -9
  108. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  109. package/es/components/Checkbox/{_view → variations/_disabled}/base.js +2 -2
  110. package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
  111. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  112. package/es/components/Checkbox/variations/_focused/base.js +10 -0
  113. package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
  114. package/es/components/Checkbox/variations/_focused/base_1rx10n8.css +1 -0
  115. package/es/components/{Dropdown/ui/DropdownItemOld → Checkbox}/variations/_size/base.js +1 -1
  116. package/es/components/Checkbox/variations/_size/base.js.map +1 -0
  117. package/es/components/Checkbox/variations/_view/base.js +5 -0
  118. package/es/components/Checkbox/variations/_view/base.js.map +1 -0
  119. package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  120. package/es/components/Combobox/Combobox.css +7 -17
  121. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  122. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  123. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  124. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  125. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  126. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  127. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  128. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  129. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  130. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +11 -82
  131. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  132. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +10 -19
  133. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  134. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  135. package/es/components/Dropdown/Dropdown.css +2 -25
  136. package/es/components/Dropdown/Dropdown.js +60 -144
  137. package/es/components/Dropdown/Dropdown.js.map +1 -1
  138. package/es/components/Dropdown/Dropdown.styles.js +7 -39
  139. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  140. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  141. package/es/components/Dropdown/Dropdown.tokens.js +23 -26
  142. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  143. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  144. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -80
  145. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  146. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -89
  147. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  148. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  149. package/es/components/{Radiobox → Dropdown/ui/DropdownItem/variations}/_size/base.js +1 -1
  150. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  151. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  152. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  153. package/es/components/Dropdown/utils/index.js +2 -16
  154. package/es/components/Dropdown/utils/index.js.map +1 -1
  155. package/es/components/Pagination/Pagination.css +7 -14
  156. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  157. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  158. package/es/components/Radiobox/Radiobox.css +16 -0
  159. package/es/components/Radiobox/Radiobox.js +10 -21
  160. package/es/components/Radiobox/Radiobox.js.map +1 -1
  161. package/es/components/Radiobox/Radiobox.styles.js +14 -0
  162. package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
  163. package/es/components/Radiobox/Radiobox.styles_155ubn2.css +2 -0
  164. package/es/components/Radiobox/Radiobox.tokens.js +34 -0
  165. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
  166. package/es/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -2
  167. package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
  168. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  169. package/es/components/{Checkbox → Radiobox/variations}/_focused/base.js +2 -2
  170. package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
  171. package/{cjs/components/Radiobox/_focused/base_1nruwxa.css → es/components/Radiobox/variations/_focused/base_25xwn7.css} +1 -1
  172. package/es/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
  173. package/es/components/Radiobox/variations/_size/base.js.map +1 -0
  174. package/es/components/Radiobox/variations/_view/base.js +5 -0
  175. package/es/components/Radiobox/variations/_view/base.js.map +1 -0
  176. package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  177. package/es/components/Select/Select.css +7 -14
  178. package/es/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  179. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  180. package/es/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  181. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  182. package/es/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  183. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  184. package/es/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  185. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  186. package/es/components/Select/ui/SelectItem/SelectItem.css +7 -16
  187. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  188. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  189. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  190. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  191. package/es/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  192. package/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  193. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  194. package/es/index.css +23 -33
  195. package/es/index.js +3 -4
  196. package/es/index.js.map +1 -1
  197. package/package.json +2 -2
  198. package/styled-components/cjs/components/Checkbox/Checkbox.js +18 -40
  199. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
  200. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +36 -0
  201. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  202. package/styled-components/cjs/components/Checkbox/index.js +8 -1
  203. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
  204. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
  205. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
  206. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
  207. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +2 -91
  208. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +7 -27
  209. package/styled-components/cjs/components/Dropdown/Dropdown.js +54 -140
  210. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +7 -22
  211. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  212. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  213. package/styled-components/cjs/components/Dropdown/index.js +1 -9
  214. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +105 -77
  215. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -83
  216. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  217. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  218. package/styled-components/cjs/components/Dropdown/ui/index.js +5 -19
  219. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -15
  220. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +9 -1
  221. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  222. package/styled-components/cjs/components/Radiobox/Radiobox.js +13 -22
  223. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  224. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +37 -0
  225. package/styled-components/cjs/components/Radiobox/index.js +8 -1
  226. package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
  227. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
  228. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +9 -0
  229. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  230. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  231. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  232. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  233. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +27 -0
  234. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +13 -0
  235. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  236. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +27 -0
  237. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +13 -0
  238. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  239. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  240. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  241. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +27 -0
  242. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +13 -0
  243. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  244. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +27 -0
  245. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +13 -0
  246. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  247. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  248. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  249. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +22 -0
  250. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +21 -0
  251. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  252. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  253. package/styled-components/es/components/Checkbox/Checkbox.js +10 -33
  254. package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
  255. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +30 -0
  256. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  257. package/styled-components/es/components/Checkbox/index.js +2 -1
  258. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
  259. package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
  260. package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
  261. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
  262. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +3 -90
  263. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +6 -23
  264. package/styled-components/es/components/Dropdown/Dropdown.js +55 -142
  265. package/styled-components/es/components/Dropdown/Dropdown.styles.js +5 -18
  266. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  267. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +23 -26
  268. package/styled-components/es/components/Dropdown/index.js +0 -1
  269. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +107 -78
  270. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +14 -80
  271. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  272. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  273. package/styled-components/es/components/Dropdown/ui/index.js +1 -3
  274. package/styled-components/es/components/Dropdown/utils/index.js +1 -15
  275. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +9 -1
  276. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  277. package/styled-components/es/components/Radiobox/Radiobox.js +11 -22
  278. package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
  279. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +31 -0
  280. package/styled-components/es/components/Radiobox/index.js +2 -1
  281. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
  282. package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
  283. package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
  284. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  285. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  286. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  287. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  288. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +21 -0
  289. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +7 -0
  290. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  291. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +21 -0
  292. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +7 -0
  293. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  294. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  295. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  296. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +21 -0
  297. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +7 -0
  298. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  299. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +21 -0
  300. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +7 -0
  301. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  302. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  303. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  304. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +16 -0
  305. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +15 -0
  306. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  307. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  308. package/types/components/Checkbox/Checkbox.d.ts +4 -37
  309. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  310. package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
  311. package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
  312. package/types/components/Checkbox/Checkbox.tokens.d.ts +31 -0
  313. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
  314. package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
  315. package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
  316. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  317. package/types/components/Checkbox/index.d.ts +2 -1
  318. package/types/components/Checkbox/index.d.ts.map +1 -1
  319. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
  320. package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
  321. package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
  322. package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
  323. package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
  324. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +13 -15
  325. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  326. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +1 -5
  327. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  328. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +2 -59
  329. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  330. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  331. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  332. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -8
  333. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  334. package/types/components/Dropdown/Dropdown.tokens.d.ts +22 -24
  335. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  336. package/types/components/Dropdown/Dropdown.types.d.ts +40 -64
  337. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  338. package/types/components/Dropdown/index.d.ts +1 -3
  339. package/types/components/Dropdown/index.d.ts.map +1 -1
  340. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +56 -2
  341. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  342. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -5
  343. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  344. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +38 -44
  345. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  346. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +1 -0
  347. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +1 -0
  348. package/types/components/Dropdown/ui/index.d.ts +1 -3
  349. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  350. package/types/components/Dropdown/utils/index.d.ts +2 -5
  351. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  352. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  353. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  354. package/types/components/Radiobox/Radiobox.styles.d.ts +4 -0
  355. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
  356. package/types/components/Radiobox/Radiobox.tokens.d.ts +32 -0
  357. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
  358. package/types/components/Radiobox/index.d.ts +1 -0
  359. package/types/components/Radiobox/index.d.ts.map +1 -1
  360. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
  361. package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
  362. package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
  363. package/types/components/Radiobox/variations/_view/base.d.ts.map +1 -0
  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/Checkbox/Checkbox.config.d.ts +0 -1
  370. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  371. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  372. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  373. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  374. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  375. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  376. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  377. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  378. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  379. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  380. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  381. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +0 -1
  382. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  383. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  384. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  385. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +18 -0
  386. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  387. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  388. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  389. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  390. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  391. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  392. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  393. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  394. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -1
  395. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  396. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  397. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  398. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +15 -0
  399. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  400. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +51 -0
  401. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +1 -0
  402. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  403. package/cjs/components/Checkbox/Checkbox_1q4l832.css +0 -7
  404. package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
  405. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  406. package/cjs/components/Checkbox/_focused/base.js.map +0 -1
  407. package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
  408. package/cjs/components/Checkbox/_size/base.js.map +0 -1
  409. package/cjs/components/Checkbox/_view/base.js.map +0 -1
  410. package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
  411. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  412. package/cjs/components/Combobox/utils/index.js +0 -23
  413. package/cjs/components/Combobox/utils/index.js.map +0 -1
  414. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  415. package/cjs/components/Dropdown/hooks/useHashMaps.js +0 -31
  416. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  417. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -200
  418. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  419. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -37
  420. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  421. package/cjs/components/Dropdown/reducers/pathReducer.js +0 -41
  422. package/cjs/components/Dropdown/reducers/pathReducer.js.map +0 -1
  423. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -119
  424. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  425. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  426. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -30
  427. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  428. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  429. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  430. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -112
  431. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  432. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  433. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  434. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  435. package/cjs/components/Radiobox/_disabled/base.js +0 -9
  436. package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
  437. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  438. package/cjs/components/Radiobox/_focused/base.js +0 -9
  439. package/cjs/components/Radiobox/_focused/base.js.map +0 -1
  440. package/cjs/components/Radiobox/_size/base.js.map +0 -1
  441. package/cjs/components/Radiobox/_view/base.js +0 -9
  442. package/cjs/components/Radiobox/_view/base.js.map +0 -1
  443. package/es/components/Checkbox/Checkbox_1q4l832.css +0 -7
  444. package/es/components/Checkbox/_disabled/base.js.map +0 -1
  445. package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  446. package/es/components/Checkbox/_focused/base.js.map +0 -1
  447. package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
  448. package/es/components/Checkbox/_size/base.js.map +0 -1
  449. package/es/components/Checkbox/_view/base.js.map +0 -1
  450. package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
  451. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  452. package/es/components/Combobox/utils/index.js +0 -19
  453. package/es/components/Combobox/utils/index.js.map +0 -1
  454. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  455. package/es/components/Dropdown/hooks/useHashMaps.js +0 -27
  456. package/es/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  457. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -196
  458. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  459. package/es/components/Dropdown/reducers/focusedPathReducer.js +0 -33
  460. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  461. package/es/components/Dropdown/reducers/pathReducer.js +0 -37
  462. package/es/components/Dropdown/reducers/pathReducer.js.map +0 -1
  463. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -115
  464. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  465. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  466. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -23
  467. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  468. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  469. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  470. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -107
  471. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  472. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  473. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  474. package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  475. package/es/components/Radiobox/_disabled/base.js +0 -5
  476. package/es/components/Radiobox/_disabled/base.js.map +0 -1
  477. package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  478. package/es/components/Radiobox/_focused/base.js +0 -5
  479. package/es/components/Radiobox/_focused/base.js.map +0 -1
  480. package/es/components/Radiobox/_size/base.js.map +0 -1
  481. package/es/components/Radiobox/_view/base.js +0 -5
  482. package/es/components/Radiobox/_view/base.js.map +0 -1
  483. package/styled-components/cjs/components/Checkbox/_focused/base.js +0 -26
  484. package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
  485. package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
  486. package/styled-components/cjs/components/Combobox/utils/index.js +0 -23
  487. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +0 -29
  488. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -199
  489. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -40
  490. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +0 -44
  491. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -114
  492. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -33
  493. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +0 -5
  494. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -119
  495. package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
  496. package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
  497. package/styled-components/cjs/components/Radiobox/_view/base.js +0 -8
  498. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -25
  499. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -11
  500. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -292
  501. package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
  502. package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
  503. package/styled-components/es/components/Checkbox/_view/base.js +0 -2
  504. package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
  505. package/styled-components/es/components/Combobox/utils/index.js +0 -15
  506. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +0 -23
  507. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -193
  508. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +0 -34
  509. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +0 -38
  510. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -108
  511. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -25
  512. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +0 -1
  513. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -111
  514. package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
  515. package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
  516. package/styled-components/es/components/Radiobox/_view/base.js +0 -2
  517. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -19
  518. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -5
  519. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -292
  520. package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
  521. package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
  522. package/types/components/Checkbox/_size/base.d.ts.map +0 -1
  523. package/types/components/Checkbox/_view/base.d.ts.map +0 -1
  524. package/types/components/Combobox/utils/index.d.ts +0 -4
  525. package/types/components/Combobox/utils/index.d.ts.map +0 -1
  526. package/types/components/Dropdown/hooks/useHashMaps.d.ts +0 -6
  527. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +0 -1
  528. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +0 -23
  529. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +0 -1
  530. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +0 -16
  531. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +0 -1
  532. package/types/components/Dropdown/reducers/pathReducer.d.ts +0 -20
  533. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +0 -1
  534. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +0 -5
  535. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +0 -1
  536. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +0 -26
  537. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +0 -1
  538. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +0 -7
  539. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +0 -1
  540. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +0 -60
  541. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +0 -1
  542. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +0 -58
  543. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +0 -1
  544. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +0 -1
  545. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +0 -1
  546. package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
  547. package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
  548. package/types/components/Radiobox/_size/base.d.ts.map +0 -1
  549. package/types/components/Radiobox/_view/base.d.ts +0 -2
  550. package/types/components/Radiobox/_view/base.d.ts.map +0 -1
  551. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  552. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +0 -13
  553. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +0 -1
  554. /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
  555. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  556. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  557. /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
  558. /package/es/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
  559. /package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  560. /package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  561. /package/es/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
  562. /package/styled-components/cjs/components/{Dropdown/ui/DropdownInner/DropdownInner.type.js → Checkbox/Checkbox.types.js} +0 -0
  563. /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  564. /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  565. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  566. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  567. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  568. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  569. /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  570. /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  571. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  572. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  573. /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  574. /package/styled-components/es/components/{Dropdown/ui/DropdownInner/DropdownInner.type.js → Checkbox/Checkbox.types.js} +0 -0
  575. /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  576. /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  577. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  578. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  579. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  580. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  581. /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  582. /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  583. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  584. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  585. /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  586. /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
  587. /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
  588. /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
  589. /package/types/components/{Checkbox/_view → Dropdown/ui/DropdownItem/variations/_size}/base.d.ts +0 -0
  590. /package/types/components/Dropdown/ui/{DropdownItemOld/variations/_size → DropdownItem/variations/_view}/base.d.ts +0 -0
  591. /package/types/components/{Dropdown/ui/DropdownItemOld/variations/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
  592. /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
  593. /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
  594. /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
  595. /package/types/examples/plasma_b2c/components/Dropdown/{Dropdown.config.d.ts → Normal/Dropdown.config.d.ts} +0 -0
package/es/index.css CHANGED
@@ -67,28 +67,28 @@
67
67
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
68
68
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
69
69
 
70
- .base_1vqr3f_bjda290__b2f2c792 input[type='checkbox']:indeterminate + label .base_1vqr3f_checkboxTrigger__b2f2c792{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_1vqr3f_bjda290__b2f2c792 input:checked + label .base_1vqr3f_checkboxTrigger__b2f2c792{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
70
+ .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
71
71
 
72
- .base_fyu17z_b7dgytu__1e125c64 input:disabled + label{opacity:var(--plasma-checkbox-disabled-opacity);}.base_fyu17z_b7dgytu__1e125c64 input:disabled + label{cursor:not-allowed;}
72
+ .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
73
73
 
74
- .base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689{position:relative;}.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689.base_po5iiu_focusVisible__42bc7689:focus::before,.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689{border-color:transparent;position:relative;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689{position:relative;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689::before,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689::before,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
74
+ .base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a{position:relative;}.base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a.base_1rx10n8_focusVisible__17d23f4a:focus::before,.base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added] + label .base_1rx10n8_checkboxTrigger__17d23f4a{border-color:transparent;position:relative;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added] + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added] + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added]:checked + label .base_1rx10n8_checkboxTrigger__17d23f4a,.base_1rx10n8_b1y5wkm1__17d23f4a input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_1rx10n8_checkboxTrigger__17d23f4a{position:relative;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added]:checked + label .base_1rx10n8_checkboxTrigger__17d23f4a::before,.base_1rx10n8_b1y5wkm1__17d23f4a input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added]:checked + label .base_1rx10n8_checkboxTrigger__17d23f4a::before,.base_1rx10n8_b1y5wkm1__17d23f4a input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
75
75
 
76
- .Checkbox_1q4l832_so9l3q2__ea6445d5{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_1q4l832_so9l3q2__ea6445d5:focus{outline:0 none;}
77
- .Checkbox_1q4l832_s1o5tixe__ea6445d5{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_1q4l832_s1o5tixe__ea6445d5 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_1q4l832_s1o5tixe__ea6445d5 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
78
- .Checkbox_1q4l832_s136y9ve__ea6445d5{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
79
- .Checkbox_1q4l832_s8lcvtu__ea6445d5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
80
- .Checkbox_1q4l832_s1dif9mh__ea6445d5{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
81
- .Checkbox_1q4l832_s1v492xg__ea6445d5{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
82
- .Checkbox_1q4l832_b1kn3qi9__ea6445d5{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_1q4l832_b1kn3qi9__ea6445d5 .Checkbox_1q4l832_singleLine__ea6445d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Checkbox_1q4l832_b1kn3qi9__ea6445d5.Checkbox_1q4l832_resetMargins__ea6445d5{margin:0;}
76
+ .Checkbox_styles_d1mumx_b1udywkg__c8170925{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_d1mumx_b1udywkg__c8170925 .Checkbox_styles_d1mumx_singleLine__c8170925{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
77
+ .Checkbox_styles_d1mumx_s165w87d__c8170925{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_d1mumx_s165w87d__c8170925:focus{outline:0 none;}
78
+ .Checkbox_styles_d1mumx_sft3zxv__c8170925{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_d1mumx_sft3zxv__c8170925 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_d1mumx_sft3zxv__c8170925 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
79
+ .Checkbox_styles_d1mumx_s1u3nd7e__c8170925{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
80
+ .Checkbox_styles_d1mumx_shwv1in__c8170925{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
81
+ .Checkbox_styles_d1mumx_s1my1ay__c8170925{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
82
+ .Checkbox_styles_d1mumx_s14u8fnn__c8170925{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
83
83
 
84
- .base_wj0ueq_b1lfwhkj__434a3d79 input:checked + label .base_wj0ueq_radioboxTrigger__434a3d79{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
84
+ .base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
85
85
 
86
- .base_1jca5bk_bya1zrj__c42664c9 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_1jca5bk_bya1zrj__c42664c9 input:disabled + label{cursor:not-allowed;}
86
+ .base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
87
87
 
88
- .base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5{position:relative;}.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5.base_1nruwxa_focusVisible__13de8fe5:focus::before,.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5{border-color:transparent;position:relative;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5{position:relative;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
88
+ .base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5{position:relative;}.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5.base_25xwn7_focusVisible__6569abe5:focus::before,.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5{border-color:transparent;position:relative;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5{position:relative;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
89
89
 
90
- .Radiobox_1ri2eqv_sv18cw2__70e20968{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_1ri2eqv_sv18cw2__70e20968{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
91
- .Radiobox_1ri2eqv_b1ls92xy__70e20968{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_1ri2eqv_b1ls92xy__70e20968 .Radiobox_1ri2eqv_singleLine__70e20968{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Radiobox_1ri2eqv_b1ls92xy__70e20968.Radiobox_1ri2eqv_resetMargins__70e20968{margin:0;}
90
+ .Radiobox_styles_155ubn2_s14xglkp__42aeaf3a{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_155ubn2_s14xglkp__42aeaf3a{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
91
+ .Radiobox_styles_155ubn2_bdte4ex__42aeaf3a{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_155ubn2_bdte4ex__42aeaf3a .Radiobox_styles_155ubn2_singleLine__42aeaf3a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
92
92
 
93
93
  .Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
94
94
  .Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
@@ -275,9 +275,8 @@
275
275
 
276
276
  .base_ydejlv_b175yas1__99ab42b5{--plasma-panel-border-radius:var(--plasma-drawer-border-radius);}
277
277
 
278
- .Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverWrapper__39673f55,.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverTarget__39673f55{display:block;}
279
- .Dropdown_styles_1tihqkp_ujr7fmv__39673f55{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(--ujr7fmv-0);height:var(--ujr7fmv-1);overflow:var(--ujr7fmv-2);margin:var(--ujr7fmv-3);padding:var(--plasma-dropdown-padding);}
280
- .Dropdown_styles_1tihqkp_byfocd2__39673f55{display:inline-block;}
278
+ .Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
279
+ .Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{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);}
281
280
 
282
281
  .DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
283
282
 
@@ -288,16 +287,10 @@
288
287
 
289
288
  .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
290
289
 
291
- .DropdownItem_styles_1o4szyu_s1gkzlls__6703745b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
292
- .DropdownItem_styles_1o4szyu_sz6s14y__6703745b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
293
- .DropdownItem_styles_1o4szyu_d1m97l2m__6703745b{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
294
- .DropdownItem_styles_1o4szyu_soib72h__6703745b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
295
- .DropdownItem_styles_1o4szyu_w6l2f0g__6703745b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding-top:var(--w6l2f0g-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w6l2f0g-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:hover:not(.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsActive__6703745b{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:focus{outline:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsFocused__6703745b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
296
-
297
- .DropdownItem_styles_12e50g5_s1iqs5in__94ac8eef{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);}
298
- .DropdownItem_styles_12e50g5_sfg3dyd__94ac8eef{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);}
299
- .DropdownItem_styles_12e50g5_s1dea6tl__94ac8eef{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
300
- .DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef{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:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:focus{outline:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_focusVisible__94ac8eef:focus::before,.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
290
+ .DropdownItem_styles_1juhjtq_s1gkzlls__cab27d09{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
291
+ .DropdownItem_styles_1juhjtq_sz6s14y__cab27d09{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
292
+ .DropdownItem_styles_1juhjtq_s1m97l2m__cab27d09{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
293
+ .DropdownItem_styles_1juhjtq_boib72h__cab27d09{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:focus{outline:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_focusVisible__cab27d09:focus::before,.DropdownItem_styles_1juhjtq_boib72h__cab27d09[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
301
294
 
302
295
  .base_1ght2ik_b1dbu9r0__c7db4365 .base_1ght2ik_headerLogoImage__c7db4365{--plasma_private-header-size:var(--plasma-header-height);width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);-webkit-flex:0 0 var(--plasma_private-header-size);-ms-flex:0 0 var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(--plasma-header-logo-margin-right);}
303
296
 
@@ -457,10 +450,7 @@
457
450
 
458
451
  .ComboboxHeader_styles_1t301n8_m1uayozu__0c5260d0{--plasma-dropdown-header-background:var(--plasma-combobox-header-background);--plasma-dropdown-header-width:var(--plasma-combobox-header-width);--plasma-dropdown-header-height:var(--plasma-combobox-header-height);--plasma-dropdown-header-padding-top:var(--plasma-combobox-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-combobox-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-combobox-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-combobox-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-combobox-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-combobox-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-combobox-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-combobox-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-combobox-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-combobox-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-combobox-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-combobox-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-combobox-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-combobox-header-font-weight);}
459
452
 
460
- .ComboboxItem_styles_s4sk53_s1thh7ji__df333595{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-item-content-left-width);color:var(--plasma-combobox-item-content-left-color);}
461
- .ComboboxItem_styles_s4sk53_s1exy6xj__df333595{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-item-content-right-width);color:var(--plasma-combobox-item-content-right-color);}
462
- .ComboboxItem_styles_s4sk53_s18437sq__df333595{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
463
- .ComboboxItem_styles_s4sk53_bvoi56l__df333595{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-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);background:var(--plasma-combobox-item-background);color:var(--plasma-combobox-item-color);border-radius:var(--plasma-combobox-item-border-radius);width:var(--plasma-combobox-item-width);height:var(--plasma-combobox-item-height);padding:var(--plasma-combobox-item-padding-top) var(--plasma-combobox-item-padding-right) var(--plasma-combobox-item-padding-bottom) var(--plasma-combobox-item-padding-left);margin:var(--plasma-combobox-item-margin-top) var(--plasma-combobox-item-margin-right) var(--plasma-combobox-item-margin-bottom) var(--plasma-combobox-item-margin-left);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595:focus{outline:none;}.ComboboxItem_styles_s4sk53_bvoi56l__df333595::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-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_focusVisible__df333595:focus::before,.ComboboxItem_styles_s4sk53_bvoi56l__df333595[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595:hover:not(.ComboboxItem_styles_s4sk53_comboboxItemIsDisabled__df333595){cursor:pointer;background:var(--plasma-combobox-item-background-hover);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_comboboxItemIsSelected__df333595{color:var(--plasma-combobox-item-color-selected);background:var(--plasma-combobox-item-background-selected);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_comboboxItemIsSelected__df333595:hover:not(.ComboboxItem_styles_s4sk53_comboboxItemIsDisabled__df333595){background:var(--plasma-combobox-item-background-selected-hover);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_comboboxItemIsDisabled__df333595{opacity:var(--plasma-combobox-disabled-opacity);cursor:not-allowed;}
453
+ .ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b{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);}.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b:focus{outline:none;}.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b::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;}.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b.ComboboxItem_styles_936wgl_focusVisible__e9993c3b:focus::before,.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b:hover:not(.ComboboxItem_styles_936wgl_dropdownItemIsDisabled__e9993c3b){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b.ComboboxItem_styles_936wgl_dropdownItemIsSelected__e9993c3b{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b.ComboboxItem_styles_936wgl_dropdownItemIsSelected__e9993c3b:hover:not(.ComboboxItem_styles_936wgl_dropdownItemIsDisabled__e9993c3b){background:var(--plasma-dropdown-item-background-selected-hover);}.ComboboxItem_styles_936wgl_b1thh7ji__e9993c3b.ComboboxItem_styles_936wgl_dropdownItemIsDisabled__e9993c3b{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
464
454
 
465
455
  .ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}
466
456
 
@@ -507,7 +497,7 @@
507
497
 
508
498
  .SelectHeader_styles_24gqog_m1tqc9mt__2df5b6b6{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}
509
499
 
510
- .SelectItem_styles_vk39mp_bhy25de__bb65e3c1{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:auto;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-select-item-background);--plasma-dropdown-item-color:var(--plasma-select-item-color);--plasma-dropdown-item-background-hover:var(--plasma-select-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-select-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-select-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-select-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-select-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-select-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-select-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-select-focus-color);--plasma-dropdown-item-width:var(--plasma-select-item-width);--plasma-dropdown-item-height:var(--plasma-select-item-height);--plasma-dropdown-item-border-radius:var(--plasma-select-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-select-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-select-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-select-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-select-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-select-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-select-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-select-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-select-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-select-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-select-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-select-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-select-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-select-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-select-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-select-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-select-item-content-right-width);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:focus{outline:none;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1::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;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_focusVisible__bb65e3c1:focus::before,.SelectItem_styles_vk39mp_bhy25de__bb65e3c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){background:var(--plasma-dropdown-item-background-selected-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
500
+ .SelectItem_styles_6h17aw_bhy25de__70ccf5d6{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-select-item-background);--plasma-dropdown-item-color:var(--plasma-select-item-color);--plasma-dropdown-item-background-hover:var(--plasma-select-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-select-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-select-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-select-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-select-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-select-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-select-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-select-focus-color);--plasma-dropdown-item-width:var(--plasma-select-item-width);--plasma-dropdown-item-height:var(--plasma-select-item-height);--plasma-dropdown-item-border-radius:var(--plasma-select-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-select-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-select-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-select-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-select-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-select-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-select-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-select-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-select-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-select-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-select-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-select-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-select-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-select-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-select-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-select-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-select-item-content-right-width);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6:focus{outline:none;}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6::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;}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_focusVisible__70ccf5d6:focus::before,.SelectItem_styles_6h17aw_bhy25de__70ccf5d6[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6:hover:not(.SelectItem_styles_6h17aw_dropdownItemIsDisabled__70ccf5d6){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_dropdownItemIsSelected__70ccf5d6{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_dropdownItemIsSelected__70ccf5d6:hover:not(.SelectItem_styles_6h17aw_dropdownItemIsDisabled__70ccf5d6){background:var(--plasma-dropdown-item-background-selected-hover);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_dropdownItemIsDisabled__70ccf5d6{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
511
501
 
512
502
  .SelectChip_styles_1u4uw04_s1eowjbp__c23911c1{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-color-hover:var(--plasma-select-chip-color-hover);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-color-active:var(--plasma-select-chip-color-active);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-background-readonly:var(--plasma-select-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-select-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-select-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-select-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-width:var(--plasma-select-chip-width);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-chip-font-family);--plasma-chip-font-size:var(--plasma-select-chip-font-size);--plasma-chip-font-style:var(--plasma-select-chip-font-style);--plasma-chip-font-weight:var(--plasma-select-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-select-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-select-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-select-focus-color);position:relative;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1.SelectChip_styles_1u4uw04_focusVisible__c23911c1:focus::before,.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[readonly]{opacity:var(--plasma-select-chip-opacity-readonly);}
513
503
 
package/es/index.js CHANGED
@@ -30,8 +30,10 @@ export { linkConfig, linkRoot } from './components/Link/Link.js';
30
30
  export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
31
31
  export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
32
32
  export { checkboxConfig, checkboxRoot } from './components/Checkbox/Checkbox.js';
33
+ export { tokens as checkboxTokens } from './components/Checkbox/Checkbox.tokens.js';
33
34
  export { radioboxConfig, radioboxRoot } from './components/Radiobox/Radiobox.js';
34
35
  export { RadioGroup } from './components/Radiobox/RadioGroup.js';
36
+ export { tokens as radioboxTokens } from './components/Radiobox/Radiobox.tokens.js';
35
37
  export { popoverConfig, popoverRoot } from './components/Popover/Popover.js';
36
38
  export { classes as popoverClasses, tokens as popoverTokens } from './components/Popover/Popover.tokens.js';
37
39
  export { textAreaConfig, textAreaRoot } from './components/TextArea/TextArea.js';
@@ -86,14 +88,11 @@ export { drawerHeaderConfig, drawerHeaderRoot } from './components/Drawer/ui/Dra
86
88
  export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
87
89
  export { dropdownConfig, dropdownRoot } from './components/Dropdown/Dropdown.js';
88
90
  export { classes as dropdownClasses, tokens as dropdownTokens } from './components/Dropdown/Dropdown.tokens.js';
89
- export { useKeyNavigation as useDropdownKeyNavigation } from './components/Dropdown/hooks/useKeyboardNavigation.js';
90
91
  export { dropdownDividerConfig, dropdownDividerRoot } from './components/Dropdown/ui/DropdownDivider/DropdownDivider.js';
91
92
  export { dropdownFooterConfig, dropdownFooterRoot } from './components/Dropdown/ui/DropdownFooter/DropdownFooter.js';
92
93
  export { dropdownGroupConfig, dropdownGroupRoot } from './components/Dropdown/ui/DropdownGroup/DropdownGroup.js';
93
94
  export { dropdownHeaderConfig, dropdownHeaderRoot } from './components/Dropdown/ui/DropdownHeader/DropdownHeader.js';
94
- export { DropdownItem } from './components/Dropdown/ui/DropdownItem/DropdownItem.js';
95
- export { DropdownInner } from './components/Dropdown/ui/DropdownInner/DropdownInner.js';
96
- export { dropdownItemOldConfig, dropdownItemOldRoot } from './components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js';
95
+ export { dropdownItemConfig, dropdownItemRoot } from './components/Dropdown/ui/DropdownItem/DropdownItem.js';
97
96
  export { headerLogoConfig } from './components/Header/ui/HeaderLogo/HeaderLogo.js';
98
97
  export { headerArrowConfig } from './components/Header/ui/HeaderArrow/HeaderArrow.js';
99
98
  export { headerTitleWrapperConfig } from './components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.77.1-canary.1201.8930079977.0",
3
+ "version": "0.78.0-canary.1176.8921778834.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -102,5 +102,5 @@
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "4cf2d1c06a2823b31c4aedcdfd2d0b636cd2e9db"
105
+ "gitHead": "bfff028c59e68ce021a7bd1cc4e7472dd89901de"
106
106
  }
@@ -4,44 +4,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.checkboxRoot = exports.checkboxConfig = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
7
+ exports.checkboxRoot = exports.checkboxConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
10
9
  var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
11
- var _mixins = /*#__PURE__*/require("../../mixins");
12
- var _utils = /*#__PURE__*/require("../../utils");
13
- var _base = /*#__PURE__*/require("./_view/base");
14
- var _base2 = /*#__PURE__*/require("./_size/base");
15
- var _base3 = /*#__PURE__*/require("./_disabled/base");
16
- var _base4 = /*#__PURE__*/require("./_focused/base");
10
+ var _base = /*#__PURE__*/require("./variations/_view/base");
11
+ var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
+ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
13
+ var _base4 = /*#__PURE__*/require("./variations/_focused/base");
17
14
  var _IconsSvg = /*#__PURE__*/require("./IconsSvg");
15
+ var _Checkbox = /*#__PURE__*/require("./Checkbox.styles");
16
+ var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
17
+ var _Indeterminate, _Done;
18
18
  var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
19
- var _templateObject, _Indeterminate, _Done;
20
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
22
21
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
22
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
24
23
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
26
- var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
27
- componentId: "plasma-new-hope__sc-1lv7grl-0"
28
- })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
29
- var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
30
- componentId: "plasma-new-hope__sc-1lv7grl-1"
31
- })(["margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"]);
32
- var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
33
- componentId: "plasma-new-hope__sc-1lv7grl-2"
34
- })(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
35
- var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
- componentId: "plasma-new-hope__sc-1lv7grl-3"
37
- })(["display:flex;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);"]);
38
- var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
39
- componentId: "plasma-new-hope__sc-1lv7grl-4"
40
- })(["font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);"]);
41
- var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
42
- componentId: "plasma-new-hope__sc-1lv7grl-5"
43
- })(["margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);"]);
44
- var base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n .single-line {\n ", ";\n }\n\n margin: var(--plasma-checkbox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n"])), /*#__PURE__*/(0, _mixins.applyEllipsis)(), /*#__PURE__*/(0, _mixins.applyNoUserSelect)());
45
24
  var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
46
25
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
47
26
  var size = props.size,
@@ -75,17 +54,16 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
75
54
  var isLabelAriaHidden = typeof label === 'string';
76
55
  var canFocused = focused ? 0 : -1;
77
56
  var hasContent = label || description;
78
- var singleLineClass = singleLine ? 'single-line' : undefined;
79
- var resetMargins = !hasContent ? 'reset-margins' : undefined;
57
+ var singleLineClass = singleLine ? _Checkbox2.classes.singleLine : undefined;
80
58
  return /*#__PURE__*/_react["default"].createElement(Root, {
81
59
  view: view,
82
60
  size: size,
83
61
  disabled: disabled,
84
62
  focused: focused,
85
63
  style: style,
86
- className: (0, _utils.cx)(className, resetMargins),
64
+ className: className,
87
65
  tabIndex: -1
88
- }, /*#__PURE__*/_react["default"].createElement(StyledInput, _extends({}, rest, {
66
+ }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledInput, _extends({}, rest, {
89
67
  id: checkboxId,
90
68
  ref: forkRef,
91
69
  type: "checkbox",
@@ -93,17 +71,17 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
93
71
  "aria-label": ariaLabel,
94
72
  "aria-describedby": uniqDescriptionId,
95
73
  tabIndex: canFocused
96
- })), /*#__PURE__*/_react["default"].createElement(StyledContentWrapper, {
74
+ })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
97
75
  htmlFor: checkboxId
98
- }, /*#__PURE__*/_react["default"].createElement(StyledTrigger, {
99
- className: (0, _utils.cx)('checkbox-trigger', resetMargins)
100
- }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(StyledContent, {
76
+ }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
77
+ className: _Checkbox2.classes.checkboxTrigger
78
+ }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
101
79
  className: singleLineClass
102
- }, label && /*#__PURE__*/_react["default"].createElement(StyledLabel, {
80
+ }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
103
81
  className: singleLineClass,
104
82
  id: uniqLabelId,
105
83
  "aria-hidden": isLabelAriaHidden
106
- }, label), description && /*#__PURE__*/_react["default"].createElement(StyledDescription, {
84
+ }, label), description && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledDescription, {
107
85
  className: singleLineClass,
108
86
  id: uniqDescriptionId
109
87
  }, description))));
@@ -113,7 +91,7 @@ var checkboxConfig = exports.checkboxConfig = {
113
91
  name: 'Checkbox',
114
92
  tag: 'div',
115
93
  layout: checkboxRoot,
116
- base: base,
94
+ base: _Checkbox.base,
117
95
  variations: {
118
96
  size: {
119
97
  css: _base2.base
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
8
+ var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
+ var _mixins = /*#__PURE__*/require("../../mixins");
10
+ var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
11
+ var _templateObject;
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: var(", ");\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .", " {\n ", ";\n }\n"])), _Checkbox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Checkbox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)());
16
+ var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
17
+ componentId: "plasma-new-hope__sc-tydhc1-0"
18
+ })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
19
+ var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
+ componentId: "plasma-new-hope__sc-tydhc1-1"
21
+ })(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBorderColor);
22
+ var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
23
+ componentId: "plasma-new-hope__sc-tydhc1-2"
24
+ })(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
25
+ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
26
+ componentId: "plasma-new-hope__sc-tydhc1-3"
27
+ })(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], _Checkbox.tokens.contentTopOffset, _Checkbox.tokens.contentLeftOffset);
28
+ var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
29
+ componentId: "plasma-new-hope__sc-tydhc1-4"
30
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.labelFontFamily, _Checkbox.tokens.labelFontSize, _Checkbox.tokens.labelFontStyle, _Checkbox.tokens.labelFontWeight, _Checkbox.tokens.labelLetterSpacing, _Checkbox.tokens.labelLineHeight);
31
+ var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
32
+ componentId: "plasma-new-hope__sc-tydhc1-5"
33
+ })(["margin-top:0.25rem;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.descriptionColor, _Checkbox.tokens.descriptionFontFamily, _Checkbox.tokens.descriptionFontSize, _Checkbox.tokens.descriptionFontStyle, _Checkbox.tokens.descriptionFontWeight, _Checkbox.tokens.descriptionLetterSpacing, _Checkbox.tokens.descriptionLineHeight);
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.tokens = exports.classes = void 0;
7
+ var classes = exports.classes = {
8
+ singleLine: 'single-line',
9
+ checkboxTrigger: 'checkbox-trigger'
10
+ };
11
+ var tokens = exports.tokens = {
12
+ margin: '--plasma-checkbox-margin',
13
+ triggerMargin: '--plasma-checkbox-trigger-margin',
14
+ triggerSize: '--plasma-checkbox-trigger-size',
15
+ triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
16
+ contentTopOffset: '--plasma-checkbox-content-top-offset',
17
+ contentLeftOffset: '--plasma-checkbox-content-left-offset',
18
+ labelFontFamily: '--plasma-checkbox-label-font-family',
19
+ labelFontSize: '--plasma-checkbox-label-font-size',
20
+ labelFontStyle: '--plasma-checkbox-label-font-style',
21
+ labelFontWeight: '--plasma-checkbox-label-font-weight',
22
+ labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
23
+ labelLineHeight: '--plasma-checkbox-label-line-height',
24
+ descriptionFontFamily: '--plasma-checkbox-description-font-family',
25
+ descriptionFontSize: '--plasma-checkbox-description-font-size',
26
+ descriptionFontStyle: '--plasma-checkbox-description-font-style',
27
+ descriptionFontWeight: '--plasma-checkbox-description-font-weight',
28
+ descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
29
+ descriptionLineHeight: '--plasma-checkbox-description-line-height',
30
+ fillColor: '--plasma-checkbox-fill-color',
31
+ iconColor: '--plasma-checkbox-icon-color',
32
+ descriptionColor: '--plasma-checkbox-description-color',
33
+ triggerBorderColor: '--plasma-checkbox-trigger-border-color',
34
+ focusColor: '--plasma-checkbox-focus-color',
35
+ disabledOpacity: '--plasma-checkbox-disabled-opacity'
36
+ };
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Indeterminate = exports.Done = void 0;
7
7
  var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _path, _path2;
8
+ var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
10
  var Done = exports.Done = function Done() {
11
11
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -17,12 +17,12 @@ var Done = exports.Done = function Done() {
17
17
  viewBox: "0 0 18 18",
18
18
  fill: "none",
19
19
  style: {
20
- width: 'var(--plasma-checkbox-trigger-size)'
20
+ width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
21
21
  }
22
- }, _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
23
- fill: "var(--plasma-checkbox-icon-color)",
22
+ }, /*#__PURE__*/_react["default"].createElement("path", {
23
+ fill: "var(".concat(_Checkbox.tokens.iconColor, ")"),
24
24
  d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
25
- }))));
25
+ })));
26
26
  };
27
27
  var Indeterminate = exports.Indeterminate = function Indeterminate() {
28
28
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -34,12 +34,12 @@ var Indeterminate = exports.Indeterminate = function Indeterminate() {
34
34
  viewBox: "0 0 18 18",
35
35
  fill: "none",
36
36
  style: {
37
- width: 'var(--plasma-checkbox-trigger-size)'
37
+ width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
38
38
  }
39
- }, _path2 || (_path2 = /*#__PURE__*/_react["default"].createElement("path", {
39
+ }, /*#__PURE__*/_react["default"].createElement("path", {
40
40
  strokeLinecap: "round",
41
41
  strokeWidth: "2",
42
- stroke: "var(--plasma-checkbox-icon-color)",
42
+ stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
43
43
  d: "m5.09449,9.0315l8,0"
44
- }))));
44
+ })));
45
45
  };
@@ -15,4 +15,11 @@ Object.defineProperty(exports, "checkboxRoot", {
15
15
  return _Checkbox.checkboxRoot;
16
16
  }
17
17
  });
18
- var _Checkbox = /*#__PURE__*/require("./Checkbox");
18
+ Object.defineProperty(exports, "checkboxTokens", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _Checkbox2.tokens;
22
+ }
23
+ });
24
+ var _Checkbox = /*#__PURE__*/require("./Checkbox");
25
+ var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
9
+ var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:disabled + ", "{opacity:var(", ");}input:disabled + ", "{cursor:not-allowed;}"], _Checkbox.StyledContentWrapper, _Checkbox2.tokens.disabledOpacity, _Checkbox.StyledContentWrapper);
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _mixins = /*#__PURE__*/require("../../../../mixins");
9
+ var _Checkbox = /*#__PURE__*/require("../../Checkbox.tokens");
10
+ /**
11
+ * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
12
+ * потому что линтер правит селектор и он применяется некорректно
13
+ */
14
+
15
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .", "{", "}"], _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
16
+ outlineOffset: '0',
17
+ outlineSize: '0.125rem',
18
+ outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
19
+ outlineColor: 'transparent'
20
+ }), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
21
+ outlineOffset: '-0.188rem',
22
+ outlineSize: '0.125rem',
23
+ outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
24
+ outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
25
+ customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
26
+ }), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
27
+ outlineOffset: '-0.125rem',
28
+ outlineSize: '0.063rem',
29
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(_Checkbox.tokens.triggerBorderRadius, ") + 0.125rem)"),
30
+ outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
31
+ customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
32
+ }));
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
9
+ var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input[type='checkbox']:indeterminate + ", " ", "{border:none;background:var(", ");border-color:var(", ");}input:checked + ", " ", "{border:none;background:var(", ");border-color:var(", ");}"], _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor, _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor);
@@ -0,0 +1 @@
1
+ ["--plasma-checkbox-fill-color"]