@salutejs/plasma-new-hope 0.175.0-canary.1504.11549657359.0 → 0.175.1-canary.1497.11552145733.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (221) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +10 -10
  2. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +10 -10
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +10 -10
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -20
  7. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  8. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1us8jz1.css → Item.styles_y71664.css} +1 -1
  9. package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
  10. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  11. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  12. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  13. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  14. package/cjs/components/Dropdown/Dropdown.css +30 -16
  15. package/cjs/components/Dropdown/Dropdown.js +60 -37
  16. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  17. package/cjs/components/Dropdown/Dropdown.styles.js +14 -26
  18. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  19. package/cjs/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  20. package/cjs/components/Dropdown/Dropdown.tokens.js +24 -1
  21. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  22. package/cjs/components/Dropdown/FloatingPopover.js +104 -0
  23. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
  24. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  25. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  26. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  27. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  28. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  29. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +25 -31
  30. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  31. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  32. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  33. package/{es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css → cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_1lyg81y.css} +1 -1
  34. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  35. package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
  36. package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  37. package/cjs/components/Dropdown/utils/getItemId.js +10 -0
  38. package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
  39. package/cjs/components/Dropdown/utils/getPlacement.js +16 -0
  40. package/cjs/components/Dropdown/utils/getPlacement.js.map +1 -0
  41. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  42. package/cjs/components/Select/Select.js +1 -1
  43. package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
  44. package/cjs/hooks/useOutsideClick.js +1 -1
  45. package/cjs/hooks/useOutsideClick.js.map +1 -1
  46. package/cjs/index.css +20 -22
  47. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  48. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +14 -20
  49. package/emotion/cjs/components/Dropdown/Dropdown.js +58 -37
  50. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
  51. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
  52. package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
  53. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  54. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  55. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
  56. package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  57. package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
  58. package/emotion/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  59. package/emotion/cjs/components/Dropdown/utils/index.js +23 -1
  60. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  61. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  62. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  63. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  64. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  65. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  66. package/emotion/cjs/hooks/useOutsideClick.js +1 -1
  67. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  68. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +14 -20
  69. package/emotion/es/components/Dropdown/Dropdown.js +60 -40
  70. package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
  71. package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -1
  72. package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
  73. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  74. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  75. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
  76. package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  77. package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
  78. package/emotion/es/components/Dropdown/utils/getPlacement.js +9 -0
  79. package/emotion/es/components/Dropdown/utils/index.js +4 -1
  80. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  81. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  82. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  83. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  84. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  85. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  86. package/emotion/es/hooks/useOutsideClick.js +1 -1
  87. package/es/components/Combobox/ComboboxNew/Combobox.css +10 -10
  88. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +10 -10
  89. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +10 -10
  90. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  91. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  92. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -20
  93. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  94. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1us8jz1.css → Item.styles_y71664.css} +1 -1
  95. package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
  96. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  97. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  98. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  99. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  100. package/es/components/Dropdown/Dropdown.css +30 -16
  101. package/es/components/Dropdown/Dropdown.js +62 -40
  102. package/es/components/Dropdown/Dropdown.js.map +1 -1
  103. package/es/components/Dropdown/Dropdown.styles.js +15 -26
  104. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  105. package/es/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  106. package/es/components/Dropdown/Dropdown.tokens.js +24 -1
  107. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  108. package/es/components/Dropdown/FloatingPopover.js +100 -0
  109. package/es/components/Dropdown/FloatingPopover.js.map +1 -0
  110. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  111. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  112. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  113. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  114. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  115. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -29
  116. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  117. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  118. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  119. package/{cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css → es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_1lyg81y.css} +1 -1
  120. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  121. package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
  122. package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  123. package/es/components/Dropdown/utils/getItemId.js +6 -0
  124. package/es/components/Dropdown/utils/getItemId.js.map +1 -0
  125. package/es/components/Dropdown/utils/getPlacement.js +12 -0
  126. package/es/components/Dropdown/utils/getPlacement.js.map +1 -0
  127. package/es/components/Dropdown/utils/index.js.map +1 -1
  128. package/es/components/Select/Select.js +1 -1
  129. package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
  130. package/es/hooks/useOutsideClick.js +1 -1
  131. package/es/hooks/useOutsideClick.js.map +1 -1
  132. package/es/index.css +20 -22
  133. package/package.json +2 -2
  134. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  135. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +4 -10
  136. package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -37
  137. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
  138. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
  139. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
  140. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  141. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  142. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
  143. package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  144. package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
  145. package/styled-components/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  146. package/styled-components/cjs/components/Dropdown/utils/index.js +23 -1
  147. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  148. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  149. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  150. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  151. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  152. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  153. package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
  154. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  155. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +4 -10
  156. package/styled-components/es/components/Dropdown/Dropdown.js +60 -40
  157. package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
  158. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -1
  159. package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
  160. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  161. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  162. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
  163. package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  164. package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
  165. package/styled-components/es/components/Dropdown/utils/getPlacement.js +9 -0
  166. package/styled-components/es/components/Dropdown/utils/index.js +4 -1
  167. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  168. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  169. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  170. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  171. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  172. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  173. package/styled-components/es/hooks/useOutsideClick.js +1 -1
  174. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  175. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  176. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
  177. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  178. package/types/components/Dropdown/Dropdown.d.ts +2 -1
  179. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  180. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
  181. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  182. package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -0
  183. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  184. package/types/components/Dropdown/Dropdown.types.d.ts +30 -4
  185. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  186. package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
  187. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
  188. package/types/components/Dropdown/index.d.ts +1 -1
  189. package/types/components/Dropdown/index.d.ts.map +1 -1
  190. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  191. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -12
  192. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  193. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  194. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +32 -3
  195. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  196. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
  197. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  198. package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
  199. package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
  200. package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
  201. package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
  202. package/types/components/Dropdown/utils/getPlacement.d.ts +3 -0
  203. package/types/components/Dropdown/utils/getPlacement.d.ts.map +1 -0
  204. package/types/components/Dropdown/utils/index.d.ts +3 -0
  205. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  206. package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
  207. package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
  208. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
  209. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  210. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
  211. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
  212. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
  213. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  214. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
  215. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
  216. package/types/hooks/useOutsideClick.d.ts +1 -1
  217. package/types/hooks/useOutsideClick.d.ts.map +1 -1
  218. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  219. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
  220. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  221. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
package/es/index.css CHANGED
@@ -376,9 +376,8 @@
376
376
 
377
377
  .Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec,.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec > div{width:var(--s1ewnow2-0);height:var(--s1ewnow2-1);}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
378
378
 
379
- .Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverWrapper__39673f55,.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverTarget__39673f55{display:block;}
380
- .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);}
381
- .Dropdown_styles_1tihqkp_byfocd2__39673f55{display:inline-block;}
379
+ .Dropdown_styles_1ix6io8_un7uamp__de6f45f2{box-sizing:border-box;width:var(--un7uamp-0);height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow:var(--un7uamp-3);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);}
380
+
382
381
 
383
382
  .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);}
384
383
 
@@ -389,17 +388,16 @@
389
388
 
390
389
  .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);}
391
390
 
392
- .DropdownItem_styles_blclup_s1gkzlls__8eef3b3a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
393
- .DropdownItem_styles_blclup_sz6s14y__8eef3b3a{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
394
- .DropdownItem_styles_blclup_d1m97l2m__8eef3b3a{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
395
- .DropdownItem_styles_blclup_soib72h__8eef3b3a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
396
- .DropdownItem_styles_blclup_d6l2f0g__8eef3b3a{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
397
- .DropdownItem_styles_blclup_w1jav4ek__8eef3b3a{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(--w1jav4ek-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w1jav4ek-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_blclup_w1jav4ek__8eef3b3a:hover:not(.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsActive__8eef3b3a{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a:focus{outline:none;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a::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_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsFocused__8eef3b3a:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
391
+ .DropdownItem_styles_17va0nk_c1gkzlls__c9d95fff{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
392
+
393
+ .DropdownItem_styles_17va0nk_d1m97l2m__c9d95fff{line-height:0;color:var(--text-secondary);}
394
+ .DropdownItem_styles_17va0nk_doib72h__c9d95fff{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
395
+ .DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff{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;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);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-color:var(--plasma-colors-transparent);border-radius:var(--plasma-dropdown-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff:hover:not(.DropdownItem_styles_17va0nk_dropdownItemIsDisabled__c9d95fff){cursor:pointer;background-color:var(--surface-transparent-secondary);}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsActive__c9d95fff{background-color:var(--surface-transparent-secondary);}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsDisabled__c9d95fff{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff:focus{outline:none;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff::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_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsFocused__c9d95fff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
398
396
 
399
- .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);}
400
- .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);}
401
- .DropdownItem_styles_12e50g5_s1dea6tl__94ac8eef{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
402
- .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;}
397
+ .DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{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);}
398
+ .DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{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);}
399
+ .DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
400
+ .DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{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_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::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_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
403
401
 
404
402
  .Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
405
403
  .Dropdown_styles_3w3l45_s10jhp3l__59648b20{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);}
@@ -562,16 +560,16 @@
562
560
  .ComboboxTarget_styles_xnedmz_s1yutr1r__6baf80eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-old-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
563
561
  .ComboboxTarget_styles_xnedmz_slnmjcp__6baf80eb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-old-target-label-color);font-family:var(--plasma-combobox-old-target-font-family);font-size:var(--plasma-combobox-old-target-font-size);font-style:var(--plasma-combobox-old-target-font-style);font-weight:var(--plasma-combobox-old-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-letter-spacing);line-height:var(--plasma-combobox-old-target-line-height);}
564
562
 
565
- .Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
563
+ .Item_styles_y71664_s17m41ki__7af900cf{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
566
564
 
567
- .Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
568
- .Item_styles_1us8jz1_sbva27s__358c9556{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
569
- .Item_styles_1us8jz1_s198ssfl__358c9556{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
570
- .Item_styles_1us8jz1_sq42uro__358c9556{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
571
- .Item_styles_1us8jz1_d96nkq__358c9556{line-height:0;color:var(--text-secondary);}.Item_styles_1us8jz1_d96nkq__358c9556:hover{color:var(--text-secondary-hover);}
572
- .Item_styles_1us8jz1_i170raop__358c9556{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;width:var(--i170raop-0);height:var(--i170raop-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}.Item_styles_1us8jz1_i170raop__358c9556 .Item_styles_1us8jz1_comboboxItemCheckbox__358c9556{--plasma-checkbox-trigger-size:var(--i170raop-1);--plasma-checkbox-trigger-border-radius:var(--i170raop-2);}
573
- .Item_styles_1us8jz1_s1bsz3m1__358c9556{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
574
- .Item_styles_1us8jz1_wwurntn__358c9556{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;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wwurntn-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_1us8jz1_wwurntn__358c9556:hover:not(.Item_styles_1us8jz1_dropdownItemIsDisabled__358c9556){cursor:pointer;background-color:var(--surface-transparent-secondary);}.Item_styles_1us8jz1_wwurntn__358c9556.Item_styles_1us8jz1_dropdownItemIsActive__358c9556{background-color:var(--surface-transparent-secondary);}.Item_styles_1us8jz1_wwurntn__358c9556.Item_styles_1us8jz1_dropdownItemIsDisabled__358c9556{opacity:0.4;cursor:not-allowed;}.Item_styles_1us8jz1_wwurntn__358c9556:focus{outline:none;}.Item_styles_1us8jz1_wwurntn__358c9556::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;}.Item_styles_1us8jz1_wwurntn__358c9556.Item_styles_1us8jz1_dropdownItemIsFocused__358c9556:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
565
+ .Item_styles_y71664_sabntqz__7af900cf{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
566
+ .Item_styles_y71664_sbva27s__7af900cf{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
567
+ .Item_styles_y71664_s198ssfl__7af900cf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
568
+ .Item_styles_y71664_sq42uro__7af900cf{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
569
+ .Item_styles_y71664_d96nkq__7af900cf{line-height:0;color:var(--text-secondary);}.Item_styles_y71664_d96nkq__7af900cf:hover{color:var(--text-secondary-hover);}
570
+ .Item_styles_y71664_i170raop__7af900cf{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i170raop-0);height:var(--i170raop-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
571
+ .Item_styles_y71664_s1bsz3m1__7af900cf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
572
+ .Item_styles_y71664_wwurntn__7af900cf{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;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wwurntn-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_y71664_wwurntn__7af900cf:hover:not(.Item_styles_y71664_dropdownItemIsDisabled__7af900cf){cursor:pointer;background-color:var(--surface-transparent-secondary);}.Item_styles_y71664_wwurntn__7af900cf.Item_styles_y71664_dropdownItemIsActive__7af900cf{background-color:var(--surface-transparent-secondary);}.Item_styles_y71664_wwurntn__7af900cf.Item_styles_y71664_dropdownItemIsDisabled__7af900cf{opacity:0.4;cursor:not-allowed;}.Item_styles_y71664_wwurntn__7af900cf:focus{outline:none;}.Item_styles_y71664_wwurntn__7af900cf::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;}.Item_styles_y71664_wwurntn__7af900cf.Item_styles_y71664_dropdownItemIsFocused__7af900cf:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
575
573
 
576
574
 
577
575
  .Target_styles_ei26tn_s1wiuml6__c22b7682{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield__placeholder-color-focus);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.175.0-canary.1504.11549657359.0",
3
+ "version": "0.175.1-canary.1497.11552145733.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -128,5 +128,5 @@
128
128
  "sideEffects": [
129
129
  "*.css"
130
130
  ],
131
- "gitHead": "4263b360d65c45822bc7e161ad675f54e181ecb4"
131
+ "gitHead": "2901a20cf85b752153450a7e410617e0521f223b"
132
132
  }
@@ -87,8 +87,7 @@ var Item = exports.Item = function Item(_ref) {
87
87
  }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
88
88
  checked: Boolean(checked.get(item.value)),
89
89
  indeterminate: checked.get(item.value) === 'indeterminate',
90
- onChange: handleChange,
91
- className: _Combobox.classes.selectItemCheckbox
90
+ onChange: handleChange
92
91
  })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
93
92
  size: "s",
94
93
  view: "default"
@@ -41,26 +41,20 @@ var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styled
41
41
  })(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.constants.disclosureIconColor, _Combobox.constants.disclosureIconColorHover);
42
42
  var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
43
43
  componentId: "plasma-new-hope__sc-1n1xg1s-7"
44
- })(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");& .", "{--plasma-checkbox-trigger-size:", ";--plasma-checkbox-trigger-border-radius:", ";}"], function (_ref) {
44
+ })(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
45
45
  var variant = _ref.variant;
46
46
  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
47
47
  }, function (_ref2) {
48
48
  var variant = _ref2.variant;
49
49
  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
50
- }, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor, _Combobox.classes.selectItemCheckbox, function (_ref3) {
51
- var variant = _ref3.variant;
52
- return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerSizeTight : _Combobox.tokens.checkboxTriggerSize, ")");
53
- }, function (_ref4) {
54
- var variant = _ref4.variant;
55
- return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerBorderRadiusTight : _Combobox.tokens.checkboxTriggerBorderRadius, ")");
56
- });
50
+ }, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor);
57
51
  var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
58
52
  componentId: "plasma-new-hope__sc-1n1xg1s-8"
59
53
  })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
60
54
  var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
61
55
  componentId: "plasma-new-hope__sc-1n1xg1s-9"
62
- })(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref5) {
63
- var variant = _ref5.variant;
56
+ })(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
57
+ var variant = _ref3.variant;
64
58
  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
65
59
  }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
66
60
  outlineSize: '0.0625rem',
@@ -4,9 +4,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.dropdownRoot = exports.dropdownConfig = void 0;
7
+ exports.dropdownRoot = exports.dropdownConfig = exports.Context = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
10
  var _utils = /*#__PURE__*/require("../../utils");
11
+ var _hooks = /*#__PURE__*/require("../../hooks");
10
12
  var _pathReducer = /*#__PURE__*/require("./reducers/pathReducer");
11
13
  var _focusedPathReducer = /*#__PURE__*/require("./reducers/focusedPathReducer");
12
14
  var _ui = /*#__PURE__*/require("./ui");
@@ -17,6 +19,7 @@ var _utils2 = /*#__PURE__*/require("./utils");
17
19
  var _Dropdown2 = /*#__PURE__*/require("./Dropdown.tokens");
18
20
  var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
19
21
  var _useHashMaps3 = /*#__PURE__*/require("./hooks/useHashMaps");
22
+ var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
20
23
  var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "portal"];
21
24
  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); }
22
25
  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; }
@@ -29,17 +32,18 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
29
32
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
30
33
  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; }
31
34
  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; }
35
+ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
36
+
32
37
  /**
33
38
  * Выпадающий список.
34
39
  */
35
40
  var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
36
41
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
42
+ var _getItemByFocused;
37
43
  var items = _ref.items,
38
44
  children = _ref.children,
39
- _ref$placement = _ref.placement,
40
- placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
41
- _ref$offset = _ref.offset,
42
- offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
45
+ placement = _ref.placement,
46
+ offset = _ref.offset,
43
47
  _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
44
48
  closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
45
49
  onToggle = _ref.onToggle,
@@ -76,6 +80,25 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
76
80
  _useHashMaps2 = _slicedToArray(_useHashMaps, 2),
77
81
  pathMap = _useHashMaps2[0],
78
82
  focusedToValueMap = _useHashMaps2[1];
83
+ var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
84
+ var floatingPopoverRef = (0, _react.useRef)(null);
85
+ var treeId = (0, _plasmaCore.safeUseId)();
86
+
87
+ // Логика работы при клике за пределами выпадающего списка
88
+ var targetRef = (0, _hooks.useOutsideClick)(function (event) {
89
+ if (!isCurrentListOpen || !closeOnOverlayClick) {
90
+ return;
91
+ }
92
+ dispatchPath({
93
+ type: 'reset'
94
+ });
95
+ dispatchFocusedPath({
96
+ type: 'reset'
97
+ });
98
+ if (onToggle) {
99
+ onToggle(false, event);
100
+ }
101
+ }, floatingPopoverRef);
79
102
  var handleGlobalToggle = function handleGlobalToggle(opened, event) {
80
103
  if (opened) {
81
104
  dispatchPath({
@@ -107,66 +130,64 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
107
130
  }),
108
131
  onKeyDown = _useKeyNavigation.onKeyDown;
109
132
  var isCurrentListOpen = Boolean(path[0]);
110
- var getActiveDescendant = function getActiveDescendant() {
111
- var _focusedToValueMap$ge;
112
- var focusedPathAsString = focusedPath.reduce(function (acc, n) {
113
- return "".concat(acc, "/").concat(n);
114
- }, '').replace(/^(\/)/, '');
115
- return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
116
- };
117
- return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
133
+ return /*#__PURE__*/_react["default"].createElement(Context.Provider, {
134
+ value: {
135
+ focusedPath: focusedPath,
136
+ size: size,
137
+ variant: variant,
138
+ itemRole: itemRole,
139
+ handleGlobalToggle: handleGlobalToggle,
140
+ closeOnSelect: closeOnSelect,
141
+ onHover: onHover,
142
+ onItemClick: onItemClick,
143
+ onItemSelect: onItemSelect,
144
+ hasArrow: hasArrow,
145
+ treeId: treeId
146
+ }
147
+ }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
148
+ ref: floatingPopoverRef,
118
149
  opened: isCurrentListOpen,
119
150
  onToggle: handleGlobalToggle,
151
+ placement: (0, _utils2.getPlacement)(placement),
120
152
  offset: offset,
121
- placement: (0, _utils.getPlacements)(placement),
153
+ portal: portal,
122
154
  trigger: trigger,
123
- closeOnOverlayClick: closeOnOverlayClick,
124
- isFocusTrapped: false,
125
155
  target: (0, _utils2.childrenWithProps)(children, {
126
156
  role: 'combobox',
127
- 'aria-controls': 'tree_level_1',
157
+ 'aria-controls': "".concat(treeId, "_tree_level_1"),
128
158
  'aria-expanded': isCurrentListOpen,
129
- 'aria-activedescendant': getActiveDescendant(),
159
+ 'aria-activedescendant': activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue.toString()) : '',
130
160
  onKeyDown: onKeyDown
131
- }),
132
- preventOverflow: false,
133
- usePortal: Boolean(portal),
134
- frame: portal
161
+ })
135
162
  }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
136
163
  className: (0, _utils.cx)(className, _Dropdown2.classes.dropdownRoot),
137
164
  ref: ref,
138
165
  view: view,
139
- size: size
166
+ size: size,
167
+ style: {
168
+ display: 'inline-block'
169
+ }
140
170
  }, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
171
+ ref: targetRef,
172
+ id: "".concat(treeId, "_tree_level_1"),
173
+ role: "tree",
141
174
  listHeight: listHeight,
142
175
  listOverflow: listOverflow,
143
- role: "tree",
144
- id: "tree_level_1",
145
176
  listWidth: listWidth
146
177
  }, items.map(function (item, index) {
147
178
  return /*#__PURE__*/_react["default"].createElement(_ui.DropdownInner, {
148
179
  key: "".concat(index, "/0"),
149
180
  item: item,
150
181
  currentLevel: 0,
151
- focusedPath: focusedPath,
152
182
  trigger: trigger,
153
183
  path: path,
154
184
  dispatchPath: dispatchPath,
155
185
  index: index,
156
- itemRole: itemRole,
157
186
  listHeight: listHeight,
158
187
  listOverflow: listOverflow,
159
- handleGlobalToggle: handleGlobalToggle,
160
- closeOnSelect: closeOnSelect,
161
- onHover: onHover,
162
- onItemSelect: onItemSelect,
163
- onItemClick: onItemClick,
164
- listWidth: listWidth,
165
- variant: variant,
166
- hasArrow: hasArrow,
167
- size: size
188
+ listWidth: listWidth
168
189
  });
169
- }))));
190
+ })))));
170
191
  });
171
192
  };
172
193
  var dropdownConfig = exports.dropdownConfig = {
@@ -4,31 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.base = exports.Ul = exports.StyledPopover = void 0;
7
+ exports.base = exports.Ul = void 0;
8
8
  var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
- var _engines = /*#__PURE__*/require("../../engines");
10
- var _Popover = /*#__PURE__*/require("../Popover");
11
9
  var _utils = /*#__PURE__*/require("./utils");
12
10
  var _Dropdown = /*#__PURE__*/require("./Dropdown.tokens");
13
11
  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); }
14
12
  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; }
15
- var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
16
- var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
17
- componentId: "plasma-new-hope__sc-13ezpo5-0"
18
- })([".", ",.", "{display:block;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
19
13
  var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
20
- componentId: "plasma-new-hope__sc-13ezpo5-1"
21
- })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Dropdown.tokens.background, _Dropdown.tokens.boxShadow, _Dropdown.tokens.borderRadius, function (_ref) {
14
+ componentId: "plasma-new-hope__sc-13ezpo5-0"
15
+ })(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");"], function (_ref) {
22
16
  var listWidth = _ref.listWidth;
23
17
  return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
24
18
  }, function (_ref2) {
25
19
  var listHeight = _ref2.listHeight;
26
20
  return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
27
21
  }, function (_ref3) {
28
- var listOverflow = _ref3.listOverflow;
22
+ var isInnerUl = _ref3.isInnerUl;
23
+ return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0.125rem 0") : 0;
24
+ }, _Dropdown.tokens.padding, function (_ref4) {
25
+ var listOverflow = _ref4.listOverflow;
29
26
  return listOverflow || 'initial';
30
- }, function (_ref4) {
31
- var isInnerUl = _ref4.isInnerUl;
32
- return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0 0 var(").concat(_Dropdown.tokens.padding, ")") : 0;
33
- }, _Dropdown.tokens.padding);
34
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
27
+ }, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderRadius);
28
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.tokens = exports.classes = void 0;
6
+ exports.tokens = exports.constants = exports.classes = void 0;
7
7
  var classes = exports.classes = {
8
8
  dropdownRoot: 'dropdown-root',
9
9
  dropdownItemIsFocused: 'dropdown-item-is-focused',
10
10
  dropdownItemIsDisabled: 'dropdown-item-is-disabled',
11
11
  dropdownItemIsActive: 'dropdown-item-is-active',
12
- dropdownItemIsSelected: 'dropdownItemIsSelected'
12
+ dropdownItemIsSelected: 'dropdown-item-is-selected'
13
13
  };
14
14
  var tokens = exports.tokens = {
15
15
  background: '--plasma-dropdown-background',
@@ -20,6 +20,8 @@ var tokens = exports.tokens = {
20
20
  disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
21
21
  disabledOpacity: '--plasma-dropdown-disabled-opacity',
22
22
  focusColor: '--plasma-dropdown-focus-color',
23
+ // Old
24
+
23
25
  dividerColor: '--plasma-dropdown-divider-color',
24
26
  dividerMarginTop: '--plasma-dropdown-divider-margin-top',
25
27
  dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',
@@ -34,6 +36,7 @@ var tokens = exports.tokens = {
34
36
  itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
35
37
  // Old
36
38
  itemColor: '--plasma-dropdown-item-color',
39
+ // Old
37
40
  itemColorSelected: '--plasma-dropdown-item-color-selected',
38
41
  // Old
39
42
  itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
@@ -52,11 +55,17 @@ var tokens = exports.tokens = {
52
55
  itemMarginLeft: '--plasma-dropdown-item-margin-left',
53
56
  // Old
54
57
  itemPaddingTop: '--plasma-dropdown-item-padding-top',
58
+ // Old
55
59
  itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',
60
+ // Old
56
61
  itemPaddingRight: '--plasma-dropdown-item-padding-right',
62
+ // Old
57
63
  itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
64
+ // Old
58
65
  itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',
66
+ // Old
59
67
  itemPaddingLeft: '--plasma-dropdown-item-padding-left',
68
+ // Old
60
69
  itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
61
70
  // Old
62
71
  itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
@@ -71,6 +80,20 @@ var tokens = exports.tokens = {
71
80
  itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
72
81
  itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
73
82
  itemFontLineHeight: '--plasma-dropdown-item-font-weight',
83
+ itemPadding: '--plasma-dropdown-item-padding',
84
+ itemPaddingTight: '--plasma-dropdown-item-padding-tight',
85
+ cellPadding: '--plasma-dropdown-cell-padding',
86
+ cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',
87
+ cellPaddingContent: '--plasma-dropdown-cell-padding-content',
88
+ cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',
89
+ cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',
90
+ cellGap: '--plasma-dropdown-cell-gap',
91
+ cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',
92
+ cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',
93
+ cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',
94
+ cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',
95
+ cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',
96
+ cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',
74
97
  // TODO: Remove below tokens as soon as they are no longer needed
75
98
  footerBackground: '--plasma-dropdown-footer-background',
76
99
  footerWidth: '--plasma-dropdown-footer-width',
@@ -134,4 +157,15 @@ var tokens = exports.tokens = {
134
157
  groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
135
158
  groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
136
159
  groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left'
160
+ };
161
+ var constants = exports.constants = {
162
+ focusColor: '--surface-accent',
163
+ background: '--surface-solid-card-brightness',
164
+ boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
165
+ disclosureIconColor: '--text-secondary',
166
+ itemBackground: '--plasma-colors-transparent',
167
+ itemBackgroundHover: '--surface-transparent-secondary',
168
+ opacity: '0.4',
169
+ cellTitleColor: '--text-primary',
170
+ cellBackgroundColor: '--plasma-colors-transparent'
137
171
  };