@salutejs/plasma-new-hope 0.182.0-canary.1526.11612715110.0 → 0.182.0-canary.1531.11627850249.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (602) hide show
  1. package/cjs/components/Attach/Attach.css +3 -3
  2. package/cjs/components/Attach/components/AttachButton/AttachButton.css +3 -3
  3. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  4. package/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  5. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  6. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  7. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  8. package/cjs/components/Autocomplete/ui/TextField/{TextField.styles_1csckkd.css → TextField.styles_kcgaix.css} +1 -1
  9. package/cjs/components/Button/Button.css +2 -2
  10. package/cjs/components/Button/Button.styles.js.map +1 -1
  11. package/cjs/components/Button/variations/_disabled/base.js +1 -1
  12. package/cjs/components/Button/variations/_disabled/base.js.map +1 -1
  13. package/{es/components/Button/variations/_disabled/base_do83p2.css → cjs/components/Button/variations/_disabled/base_1t3ywu.css} +1 -1
  14. package/cjs/components/Button/variations/_view/base.js +1 -1
  15. package/cjs/components/Button/variations/_view/base.js.map +1 -1
  16. package/cjs/components/Button/variations/_view/base_1x0spnh.css +1 -0
  17. package/cjs/components/Calendar/Calendar.tokens.js +4 -0
  18. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  19. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +18 -17
  20. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  21. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  22. package/{es/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css → cjs/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css} +1 -1
  23. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +18 -17
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  25. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +13 -12
  26. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
  27. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  28. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +11 -1
  29. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  30. package/cjs/components/Calendar/ui/CalendarHeader/{CalendarHeader.styles_1jfelqf.css → CalendarHeader.styles_zgya4j.css} +1 -0
  31. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  32. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  33. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  34. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  35. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  36. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  37. package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1nxxafr.css → DateStructureItem.styles_uzh6dj.css} +1 -1
  38. package/cjs/components/Combobox/ComboboxNew/Combobox.css +14 -14
  39. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  40. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  41. package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_1s09ifw.css → Combobox.styles_18a8p75.css} +1 -1
  42. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +4 -26
  43. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  44. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +14 -14
  45. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +14 -14
  46. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  47. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  48. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_y71664.css → Item.styles_1kzr84z.css} +2 -2
  49. package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -5
  50. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -5
  51. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -5
  52. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -5
  53. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -5
  54. package/cjs/components/DatePicker/DatePicker.tokens.js +7 -0
  55. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  56. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  57. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  58. package/cjs/components/DatePicker/DatePickerBase.styles_1vzl5em.css +2 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -21
  60. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +20 -19
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k7d8e5.css +2 -0
  63. package/cjs/components/DatePicker/SingleDate/SingleDate.css +22 -21
  64. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  65. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  66. package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_1rrq00l.css → SingleDate.styles_e72b5o.css} +1 -1
  67. package/cjs/components/Drawer/Drawer.css +2 -2
  68. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +2 -2
  69. package/cjs/components/Dropdown/Dropdown.css +5 -5
  70. package/cjs/components/Dropdown/Dropdown.styles.js +1 -1
  71. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  72. package/cjs/components/Dropdown/{Dropdown.styles_1ix6io8.css → Dropdown.styles_dh7ns1.css} +1 -1
  73. package/cjs/components/Dropdown/Dropdown.tokens.js +2 -0
  74. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  75. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -5
  76. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +1 -1
  77. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  78. package/cjs/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_17va0nk.css → DropdownItem.styles_1b439rx.css} +1 -1
  79. package/cjs/components/EmptyState/EmptyState.css +2 -2
  80. package/cjs/components/IconButton/IconButton.css +3 -3
  81. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  82. package/cjs/components/IconButton/IconButton.styles_sttslf.css +1 -0
  83. package/cjs/components/Notification/Notification.css +13 -13
  84. package/cjs/components/Notification/Notification.js +17 -5
  85. package/cjs/components/Notification/Notification.js.map +1 -1
  86. package/cjs/components/Notification/Notification.styles.js +17 -17
  87. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  88. package/cjs/components/Notification/{Notification.styles_e6274r.css → Notification.styles_ob8hsa.css} +2 -2
  89. package/cjs/components/Notification/Notification.tokens.js +5 -1
  90. package/cjs/components/Notification/Notification.tokens.js.map +1 -1
  91. package/cjs/components/Notification/Notification.types.js.map +1 -1
  92. package/cjs/components/Notification/NotificationsProvider.css +13 -13
  93. package/cjs/components/Notification/variations/_closeIconType/base.js +9 -0
  94. package/cjs/components/Notification/variations/_closeIconType/base.js.map +1 -0
  95. package/cjs/components/Notification/variations/_closeIconType/base_x642ct.css +1 -0
  96. package/cjs/components/Pagination/Pagination.css +12 -12
  97. package/cjs/components/Pagination/Pagination.js +5 -5
  98. package/cjs/components/Pagination/Pagination.js.map +1 -1
  99. package/cjs/components/Pagination/Pagination.styles.js +3 -3
  100. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  101. package/cjs/components/Pagination/{Pagination.styles_y6gcva.css → Pagination.styles_1w5oej6.css} +1 -1
  102. package/cjs/components/Pagination/Pagination.tokens.js +4 -1
  103. package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
  104. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
  105. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  106. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  107. package/cjs/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_187mk6b.css → PaginationSelectPerPage.styles_1fesyfv.css} +1 -1
  108. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +2 -2
  109. package/cjs/components/Select/Select.css +2 -2
  110. package/cjs/components/Select/ui/Inner/Inner.css +2 -2
  111. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  112. package/cjs/components/Select/ui/Target/Target.css +2 -2
  113. package/cjs/components/Select/ui/Target/ui/Button/Button.css +2 -2
  114. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  115. package/cjs/components/Tabs/tokens.js +7 -1
  116. package/cjs/components/Tabs/tokens.js.map +1 -1
  117. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  118. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  119. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  120. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hfqv5b.css → HorizontalTabItem.styles_uaaqqg.css} +1 -1
  121. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  122. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  123. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  124. package/{es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css → cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1g7zipg.css} +1 -1
  125. package/cjs/components/Toast/Toast.css +7 -7
  126. package/cjs/components/Toast/Toast.js +17 -5
  127. package/cjs/components/Toast/Toast.js.map +1 -1
  128. package/cjs/components/Toast/Toast.styles.js +3 -3
  129. package/cjs/components/Toast/Toast.styles.js.map +1 -1
  130. package/{es/components/Toast/Toast.styles_1v9oj7f.css → cjs/components/Toast/Toast.styles_1nei944.css} +1 -1
  131. package/cjs/components/Toast/Toast.tokens.js +3 -1
  132. package/cjs/components/Toast/Toast.tokens.js.map +1 -1
  133. package/cjs/components/Toast/ToastController.css +7 -7
  134. package/cjs/components/Toast/variations/_closeIconType/base.js +9 -0
  135. package/cjs/components/Toast/variations/_closeIconType/base.js.map +1 -0
  136. package/cjs/components/Toast/variations/_closeIconType/base_x642ct.css +1 -0
  137. package/cjs/components/_Icon/Icon.assets/CrossThin.js +22 -0
  138. package/cjs/components/_Icon/Icon.assets/CrossThin.js.map +1 -0
  139. package/cjs/components/_Icon/Icons/IconCrossThin.js +25 -0
  140. package/cjs/components/_Icon/Icons/IconCrossThin.js.map +1 -0
  141. package/cjs/index.css +79 -78
  142. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  143. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  144. package/emotion/cjs/components/Button/Button.styles.js +10 -10
  145. package/emotion/cjs/components/Button/variations/_disabled/base.js +1 -1
  146. package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
  147. package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -0
  148. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  149. package/emotion/cjs/components/Calendar/mixins/selected.js +3 -2
  150. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  151. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +22 -17
  152. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -4
  153. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  154. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +4 -4
  155. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +12 -12
  156. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +7 -0
  157. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
  158. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  159. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +2 -2
  160. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -1
  161. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +6 -6
  162. package/emotion/cjs/components/Notification/Notification.js +18 -6
  163. package/emotion/cjs/components/Notification/Notification.styles.js +11 -11
  164. package/emotion/cjs/components/Notification/Notification.tokens.js +5 -1
  165. package/emotion/cjs/components/Notification/variations/_closeIconType/base.js +8 -0
  166. package/emotion/cjs/components/Notification/variations/_closeIconType/tokens.json +1 -0
  167. package/emotion/cjs/components/Pagination/Pagination.js +5 -5
  168. package/emotion/cjs/components/Pagination/Pagination.styles.js +8 -8
  169. package/emotion/cjs/components/Pagination/Pagination.tokens.js +4 -1
  170. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  171. package/emotion/cjs/components/Tabs/tokens.js +7 -1
  172. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  173. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  174. package/emotion/cjs/components/Toast/Toast.js +18 -6
  175. package/emotion/cjs/components/Toast/Toast.styles.js +6 -6
  176. package/emotion/cjs/components/Toast/Toast.tokens.js +3 -1
  177. package/emotion/cjs/components/Toast/variations/_closeIconType/base.js +8 -0
  178. package/emotion/cjs/components/Toast/variations/_closeIconType/tokens.json +1 -0
  179. package/emotion/cjs/components/_Icon/Icon.assets/CrossThin.js +21 -0
  180. package/emotion/cjs/components/_Icon/Icons/IconCrossThin.js +24 -0
  181. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
  182. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  183. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  184. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  185. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  186. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  187. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +11 -6
  188. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +8 -0
  189. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +11 -6
  190. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +9 -0
  191. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
  192. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  193. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  194. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  195. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  196. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  197. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.config.js +11 -6
  198. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +8 -0
  199. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +11 -6
  200. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +9 -0
  201. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  202. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  203. package/emotion/es/components/Button/Button.styles.js +10 -10
  204. package/emotion/es/components/Button/variations/_disabled/base.js +1 -1
  205. package/emotion/es/components/Button/variations/_view/base.js +1 -1
  206. package/emotion/es/components/Calendar/Calendar.tokens.js +4 -0
  207. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  208. package/emotion/es/components/Calendar/mixins/selected.js +3 -2
  209. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  210. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +21 -16
  211. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -4
  212. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  213. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +4 -4
  214. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +12 -12
  215. package/emotion/es/components/DatePicker/DatePicker.tokens.js +7 -0
  216. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
  217. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  218. package/emotion/es/components/Dropdown/Dropdown.styles.js +2 -2
  219. package/emotion/es/components/Dropdown/Dropdown.tokens.js +2 -1
  220. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +6 -6
  221. package/emotion/es/components/Notification/Notification.js +18 -6
  222. package/emotion/es/components/Notification/Notification.styles.js +11 -11
  223. package/emotion/es/components/Notification/Notification.tokens.js +5 -1
  224. package/emotion/es/components/Notification/variations/_closeIconType/base.js +2 -0
  225. package/emotion/es/components/Notification/variations/_closeIconType/tokens.json +1 -0
  226. package/emotion/es/components/Pagination/Pagination.js +5 -5
  227. package/emotion/es/components/Pagination/Pagination.styles.js +8 -8
  228. package/emotion/es/components/Pagination/Pagination.tokens.js +4 -1
  229. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  230. package/emotion/es/components/Tabs/tokens.js +7 -1
  231. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  232. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  233. package/emotion/es/components/Toast/Toast.js +18 -6
  234. package/emotion/es/components/Toast/Toast.styles.js +6 -6
  235. package/emotion/es/components/Toast/Toast.tokens.js +3 -1
  236. package/emotion/es/components/Toast/variations/_closeIconType/base.js +2 -0
  237. package/emotion/es/components/Toast/variations/_closeIconType/tokens.json +1 -0
  238. package/emotion/es/components/_Icon/Icon.assets/CrossThin.js +14 -0
  239. package/emotion/es/components/_Icon/Icons/IconCrossThin.js +17 -0
  240. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
  241. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  242. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  243. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  244. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  245. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  246. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.config.js +11 -6
  247. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +8 -0
  248. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +11 -6
  249. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +9 -0
  250. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
  251. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  252. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  253. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  254. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  255. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  256. package/emotion/es/examples/plasma_web/components/Notification/Notification.config.js +11 -6
  257. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +8 -0
  258. package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +11 -6
  259. package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +9 -0
  260. package/es/components/Attach/Attach.css +3 -3
  261. package/es/components/Attach/components/AttachButton/AttachButton.css +3 -3
  262. package/es/components/Autocomplete/Autocomplete.css +1 -1
  263. package/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  264. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  265. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  266. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  267. package/es/components/Autocomplete/ui/TextField/{TextField.styles_1csckkd.css → TextField.styles_kcgaix.css} +1 -1
  268. package/es/components/Button/Button.css +2 -2
  269. package/es/components/Button/Button.styles.js.map +1 -1
  270. package/es/components/Button/variations/_disabled/base.js +1 -1
  271. package/es/components/Button/variations/_disabled/base.js.map +1 -1
  272. package/{cjs/components/Button/variations/_disabled/base_do83p2.css → es/components/Button/variations/_disabled/base_1t3ywu.css} +1 -1
  273. package/es/components/Button/variations/_view/base.js +1 -1
  274. package/es/components/Button/variations/_view/base.js.map +1 -1
  275. package/es/components/Button/variations/_view/base_1x0spnh.css +1 -0
  276. package/es/components/Calendar/Calendar.tokens.js +4 -0
  277. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  278. package/es/components/Calendar/CalendarBase/CalendarBase.css +18 -17
  279. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  280. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  281. package/{cjs/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css → es/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css} +1 -1
  282. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +18 -17
  283. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  284. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +13 -12
  285. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -5
  286. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  287. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +11 -2
  288. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  289. package/es/components/Calendar/ui/CalendarHeader/{CalendarHeader.styles_1jfelqf.css → CalendarHeader.styles_zgya4j.css} +1 -0
  290. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  291. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  292. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  293. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  294. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  295. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  296. package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1nxxafr.css → DateStructureItem.styles_uzh6dj.css} +1 -1
  297. package/es/components/Combobox/ComboboxNew/Combobox.css +14 -14
  298. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +3 -3
  299. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  300. package/es/components/Combobox/ComboboxNew/{Combobox.styles_1s09ifw.css → Combobox.styles_18a8p75.css} +1 -1
  301. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +5 -26
  302. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  303. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +14 -14
  304. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +14 -14
  305. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  306. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  307. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_y71664.css → Item.styles_1kzr84z.css} +2 -2
  308. package/es/components/Combobox/ComboboxOld/Combobox.css +5 -5
  309. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -5
  310. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -5
  311. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -5
  312. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -5
  313. package/es/components/DatePicker/DatePicker.tokens.js +7 -0
  314. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  315. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  316. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  317. package/es/components/DatePicker/DatePickerBase.styles_1vzl5em.css +2 -0
  318. package/es/components/DatePicker/RangeDate/RangeDate.css +22 -21
  319. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +20 -19
  320. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  321. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k7d8e5.css +2 -0
  322. package/es/components/DatePicker/SingleDate/SingleDate.css +22 -21
  323. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  324. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  325. package/es/components/DatePicker/SingleDate/{SingleDate.styles_1rrq00l.css → SingleDate.styles_e72b5o.css} +1 -1
  326. package/es/components/Drawer/Drawer.css +2 -2
  327. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +2 -2
  328. package/es/components/Dropdown/Dropdown.css +5 -5
  329. package/es/components/Dropdown/Dropdown.styles.js +1 -1
  330. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  331. package/es/components/Dropdown/{Dropdown.styles_1ix6io8.css → Dropdown.styles_dh7ns1.css} +1 -1
  332. package/es/components/Dropdown/Dropdown.tokens.js +2 -0
  333. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  334. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -5
  335. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +1 -1
  336. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  337. package/es/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_17va0nk.css → DropdownItem.styles_1b439rx.css} +1 -1
  338. package/es/components/EmptyState/EmptyState.css +2 -2
  339. package/es/components/IconButton/IconButton.css +3 -3
  340. package/es/components/IconButton/IconButton.styles.js +1 -1
  341. package/es/components/IconButton/IconButton.styles_sttslf.css +1 -0
  342. package/es/components/Notification/Notification.css +13 -13
  343. package/es/components/Notification/Notification.js +18 -6
  344. package/es/components/Notification/Notification.js.map +1 -1
  345. package/es/components/Notification/Notification.styles.js +17 -17
  346. package/es/components/Notification/Notification.styles.js.map +1 -1
  347. package/es/components/Notification/{Notification.styles_e6274r.css → Notification.styles_ob8hsa.css} +2 -2
  348. package/es/components/Notification/Notification.tokens.js +5 -1
  349. package/es/components/Notification/Notification.tokens.js.map +1 -1
  350. package/es/components/Notification/Notification.types.js.map +1 -1
  351. package/es/components/Notification/NotificationsProvider.css +13 -13
  352. package/es/components/Notification/variations/_closeIconType/base.js +5 -0
  353. package/es/components/Notification/variations/_closeIconType/base.js.map +1 -0
  354. package/es/components/Notification/variations/_closeIconType/base_x642ct.css +1 -0
  355. package/es/components/Pagination/Pagination.css +12 -12
  356. package/es/components/Pagination/Pagination.js +5 -5
  357. package/es/components/Pagination/Pagination.js.map +1 -1
  358. package/es/components/Pagination/Pagination.styles.js +3 -3
  359. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  360. package/es/components/Pagination/{Pagination.styles_y6gcva.css → Pagination.styles_1w5oej6.css} +1 -1
  361. package/es/components/Pagination/Pagination.tokens.js +4 -1
  362. package/es/components/Pagination/Pagination.tokens.js.map +1 -1
  363. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
  364. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  365. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  366. package/es/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_187mk6b.css → PaginationSelectPerPage.styles_1fesyfv.css} +1 -1
  367. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +2 -2
  368. package/es/components/Select/Select.css +2 -2
  369. package/es/components/Select/ui/Inner/Inner.css +2 -2
  370. package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  371. package/es/components/Select/ui/Target/Target.css +2 -2
  372. package/es/components/Select/ui/Target/ui/Button/Button.css +2 -2
  373. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  374. package/es/components/Tabs/tokens.js +7 -1
  375. package/es/components/Tabs/tokens.js.map +1 -1
  376. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  377. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  378. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  379. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hfqv5b.css → HorizontalTabItem.styles_uaaqqg.css} +1 -1
  380. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  381. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  382. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  383. package/{cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css → es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1g7zipg.css} +1 -1
  384. package/es/components/Toast/Toast.css +7 -7
  385. package/es/components/Toast/Toast.js +18 -6
  386. package/es/components/Toast/Toast.js.map +1 -1
  387. package/es/components/Toast/Toast.styles.js +3 -3
  388. package/es/components/Toast/Toast.styles.js.map +1 -1
  389. package/{cjs/components/Toast/Toast.styles_1v9oj7f.css → es/components/Toast/Toast.styles_1nei944.css} +1 -1
  390. package/es/components/Toast/Toast.tokens.js +3 -1
  391. package/es/components/Toast/Toast.tokens.js.map +1 -1
  392. package/es/components/Toast/ToastController.css +7 -7
  393. package/es/components/Toast/variations/_closeIconType/base.js +5 -0
  394. package/es/components/Toast/variations/_closeIconType/base.js.map +1 -0
  395. package/es/components/Toast/variations/_closeIconType/base_x642ct.css +1 -0
  396. package/es/components/_Icon/Icon.assets/CrossThin.js +18 -0
  397. package/es/components/_Icon/Icon.assets/CrossThin.js.map +1 -0
  398. package/es/components/_Icon/Icons/IconCrossThin.js +21 -0
  399. package/es/components/_Icon/Icons/IconCrossThin.js.map +1 -0
  400. package/es/index.css +79 -78
  401. package/package.json +4 -4
  402. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  403. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  404. package/styled-components/cjs/components/Button/Button.styles.js +2 -2
  405. package/styled-components/cjs/components/Button/variations/_disabled/base.js +1 -1
  406. package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
  407. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -0
  408. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  409. package/styled-components/cjs/components/Calendar/mixins/selected.js +3 -2
  410. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  411. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +6 -2
  412. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -0
  413. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  414. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +4 -4
  415. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
  416. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +7 -0
  417. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  418. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  419. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +2 -2
  420. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -1
  421. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +1 -1
  422. package/styled-components/cjs/components/Notification/Notification.js +18 -6
  423. package/styled-components/cjs/components/Notification/Notification.styles.js +2 -2
  424. package/styled-components/cjs/components/Notification/Notification.tokens.js +5 -1
  425. package/styled-components/cjs/components/Notification/variations/_closeIconType/base.js +8 -0
  426. package/styled-components/cjs/components/Notification/variations/_closeIconType/tokens.json +1 -0
  427. package/styled-components/cjs/components/Pagination/Pagination.js +5 -5
  428. package/styled-components/cjs/components/Pagination/Pagination.styles.js +1 -1
  429. package/styled-components/cjs/components/Pagination/Pagination.tokens.js +4 -1
  430. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  431. package/styled-components/cjs/components/Tabs/tokens.js +7 -1
  432. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  433. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  434. package/styled-components/cjs/components/Toast/Toast.js +18 -6
  435. package/styled-components/cjs/components/Toast/Toast.styles.js +1 -1
  436. package/styled-components/cjs/components/Toast/Toast.tokens.js +3 -1
  437. package/styled-components/cjs/components/Toast/variations/_closeIconType/base.js +8 -0
  438. package/styled-components/cjs/components/Toast/variations/_closeIconType/tokens.json +1 -0
  439. package/styled-components/cjs/components/_Icon/Icon.assets/CrossThin.js +21 -0
  440. package/styled-components/cjs/components/_Icon/Icons/IconCrossThin.js +24 -0
  441. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +4 -4
  442. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  443. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  444. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  445. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
  446. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  447. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +6 -1
  448. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +8 -0
  449. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +6 -1
  450. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +9 -0
  451. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +4 -4
  452. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  453. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  454. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  455. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
  456. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  457. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.config.js +6 -1
  458. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +8 -0
  459. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +6 -1
  460. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +9 -0
  461. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  462. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  463. package/styled-components/es/components/Button/Button.styles.js +2 -2
  464. package/styled-components/es/components/Button/variations/_disabled/base.js +1 -1
  465. package/styled-components/es/components/Button/variations/_view/base.js +1 -1
  466. package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -0
  467. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  468. package/styled-components/es/components/Calendar/mixins/selected.js +3 -2
  469. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  470. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +5 -1
  471. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -0
  472. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  473. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +4 -4
  474. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
  475. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +7 -0
  476. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  477. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  478. package/styled-components/es/components/Dropdown/Dropdown.styles.js +2 -2
  479. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +2 -1
  480. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +1 -1
  481. package/styled-components/es/components/Notification/Notification.js +18 -6
  482. package/styled-components/es/components/Notification/Notification.styles.js +2 -2
  483. package/styled-components/es/components/Notification/Notification.tokens.js +5 -1
  484. package/styled-components/es/components/Notification/variations/_closeIconType/base.js +2 -0
  485. package/styled-components/es/components/Notification/variations/_closeIconType/tokens.json +1 -0
  486. package/styled-components/es/components/Pagination/Pagination.js +5 -5
  487. package/styled-components/es/components/Pagination/Pagination.styles.js +1 -1
  488. package/styled-components/es/components/Pagination/Pagination.tokens.js +4 -1
  489. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  490. package/styled-components/es/components/Tabs/tokens.js +7 -1
  491. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  492. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  493. package/styled-components/es/components/Toast/Toast.js +18 -6
  494. package/styled-components/es/components/Toast/Toast.styles.js +1 -1
  495. package/styled-components/es/components/Toast/Toast.tokens.js +3 -1
  496. package/styled-components/es/components/Toast/variations/_closeIconType/base.js +2 -0
  497. package/styled-components/es/components/Toast/variations/_closeIconType/tokens.json +1 -0
  498. package/styled-components/es/components/_Icon/Icon.assets/CrossThin.js +14 -0
  499. package/styled-components/es/components/_Icon/Icons/IconCrossThin.js +17 -0
  500. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +4 -4
  501. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  502. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  503. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  504. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
  505. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  506. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.config.js +6 -1
  507. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +8 -0
  508. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +6 -1
  509. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +9 -0
  510. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +4 -4
  511. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  512. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  513. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  514. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +5 -5
  515. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  516. package/styled-components/es/examples/plasma_web/components/Notification/Notification.config.js +6 -1
  517. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +8 -0
  518. package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +6 -1
  519. package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +9 -0
  520. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +1 -0
  521. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  522. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  523. package/types/components/Calendar/Calendar.tokens.d.ts +4 -0
  524. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  525. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  526. package/types/components/Calendar/mixins/selected.d.ts +4 -0
  527. package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
  528. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  529. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +1 -0
  530. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  531. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  532. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +3 -3
  533. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  534. package/types/components/DatePicker/DatePicker.tokens.d.ts +7 -0
  535. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  536. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  537. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  538. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  539. package/types/components/Dropdown/Dropdown.tokens.d.ts +2 -1
  540. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  541. package/types/components/Notification/Notification.d.ts +4 -0
  542. package/types/components/Notification/Notification.d.ts.map +1 -1
  543. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  544. package/types/components/Notification/Notification.tokens.d.ts +4 -0
  545. package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
  546. package/types/components/Notification/Notification.types.d.ts +4 -0
  547. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  548. package/types/components/Notification/variations/_closeIconType/base.d.ts +2 -0
  549. package/types/components/Notification/variations/_closeIconType/base.d.ts.map +1 -0
  550. package/types/components/Pagination/Pagination.d.ts.map +1 -1
  551. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  552. package/types/components/Pagination/Pagination.tokens.d.ts +3 -0
  553. package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
  554. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  555. package/types/components/Tabs/tokens.d.ts +6 -0
  556. package/types/components/Tabs/tokens.d.ts.map +1 -1
  557. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  558. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  559. package/types/components/Toast/Toast.d.ts +4 -0
  560. package/types/components/Toast/Toast.d.ts.map +1 -1
  561. package/types/components/Toast/Toast.tokens.d.ts +2 -0
  562. package/types/components/Toast/Toast.tokens.d.ts.map +1 -1
  563. package/types/components/Toast/Toast.types.d.ts +8 -0
  564. package/types/components/Toast/Toast.types.d.ts.map +1 -1
  565. package/types/components/Toast/variations/_closeIconType/base.d.ts +2 -0
  566. package/types/components/Toast/variations/_closeIconType/base.d.ts.map +1 -0
  567. package/types/components/_Icon/Icon.assets/CrossThin.d.ts +4 -0
  568. package/types/components/_Icon/Icon.assets/CrossThin.d.ts.map +1 -0
  569. package/types/components/_Icon/Icons/IconCrossThin.d.ts +4 -0
  570. package/types/components/_Icon/Icons/IconCrossThin.d.ts.map +1 -0
  571. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +1 -1
  572. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  573. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  574. package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +1 -1
  575. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  576. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  577. package/types/examples/plasma_b2c/components/Notification/Notification.config.d.ts +5 -0
  578. package/types/examples/plasma_b2c/components/Notification/Notification.config.d.ts.map +1 -1
  579. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts +5 -0
  580. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts.map +1 -1
  581. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts +4 -0
  582. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts.map +1 -1
  583. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +1 -1
  584. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  585. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  586. package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +1 -1
  587. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  588. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  589. package/types/examples/plasma_web/components/Notification/Notification.config.d.ts +5 -0
  590. package/types/examples/plasma_web/components/Notification/Notification.config.d.ts.map +1 -1
  591. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts +5 -0
  592. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts.map +1 -1
  593. package/types/examples/plasma_web/components/Toast/Toast.d.ts +4 -0
  594. package/types/examples/plasma_web/components/Toast/Toast.d.ts.map +1 -1
  595. package/cjs/components/Button/variations/_view/base_jfbpjg.css +0 -1
  596. package/cjs/components/DatePicker/DatePickerBase.styles_mjc9xz.css +0 -2
  597. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +0 -2
  598. package/cjs/components/IconButton/IconButton.styles_403on7.css +0 -1
  599. package/es/components/Button/variations/_view/base_jfbpjg.css +0 -1
  600. package/es/components/DatePicker/DatePickerBase.styles_mjc9xz.css +0 -2
  601. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +0 -2
  602. package/es/components/IconButton/IconButton.styles_403on7.css +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownRoot: 'dropdown-root',\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n borderRadius: '--plasma-dropdown-border-radius',\n padding: '--plasma-dropdown-padding',\n disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n focusColor: '--plasma-dropdown-focus-color', // Old\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n itemColor: '--plasma-dropdown-item-color', // Old\n itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemWidth: '--plasma-dropdown-item-width', // Old\n itemHeight: '--plasma-dropdown-item-height', // Old\n itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n itemPadding: '--plasma-dropdown-item-padding',\n itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n\n cellPadding: '--plasma-dropdown-cell-padding',\n cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n cellGap: '--plasma-dropdown-cell-gap',\n cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n // TODO: Remove below tokens as soon as they are no longer needed\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n background: '--surface-solid-card-brightness',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n disclosureIconColor: '--text-secondary',\n itemBackground: '--plasma-colors-transparent',\n itemBackgroundHover: '--surface-transparent-secondary',\n opacity: '0.4',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemPadding","itemPaddingTight","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownRoot: 'dropdown-root',\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n borderRadius: '--plasma-dropdown-border-radius',\n padding: '--plasma-dropdown-padding',\n disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n borderColor: '--plasma-dropdown-border-color',\n borderWidth: '--plasma-dropdown-border-width',\n focusColor: '--plasma-dropdown-focus-color', // Old\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n itemColor: '--plasma-dropdown-item-color', // Old\n itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemWidth: '--plasma-dropdown-item-width', // Old\n itemHeight: '--plasma-dropdown-item-height', // Old\n itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n itemPadding: '--plasma-dropdown-item-padding',\n itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n\n cellPadding: '--plasma-dropdown-cell-padding',\n cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n cellGap: '--plasma-dropdown-cell-gap',\n cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n // TODO: Remove below tokens as soon as they are no longer needed\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n background: '--surface-solid-card-brightness',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n disclosureIconColor: '--text-secondary',\n itemBackground: '--plasma-colors-transparent',\n opacity: '0.4',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","borderColor","borderWidth","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemPadding","itemPaddingTight","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}
@@ -22,7 +22,7 @@
22
22
  .Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
23
23
  .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);}
24
24
 
25
- .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);}
25
+ .Dropdown_styles_dh7ns1_un7uamp__98d418d8{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);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
26
26
 
27
27
 
28
28
  .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
@@ -41,8 +41,8 @@
41
41
 
42
42
  .CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
43
43
 
44
- .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%;}
44
+ .DropdownItem_styles_1b439rx_c1gkzlls__ed711128{--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%;}
45
45
 
46
- .DropdownItem_styles_17va0nk_d1m97l2m__c9d95fff{line-height:0;color:var(--text-secondary);}
47
- .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);}
48
- .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);}
46
+ .DropdownItem_styles_1b439rx_d1m97l2m__ed711128{line-height:0;color:var(--text-secondary);}
47
+ .DropdownItem_styles_1b439rx_doib72h__ed711128{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);}
48
+ .DropdownItem_styles_1b439rx_w6l2f0g__ed711128{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_1b439rx_w6l2f0g__ed711128:hover:not(.DropdownItem_styles_1b439rx_dropdownItemIsDisabled__ed711128){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128.DropdownItem_styles_1b439rx_dropdownItemIsActive__ed711128{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128.DropdownItem_styles_1b439rx_dropdownItemIsDisabled__ed711128{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128:focus{outline:none;}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128::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_1b439rx_w6l2f0g__ed711128.DropdownItem_styles_1b439rx_dropdownItemIsFocused__ed711128:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
@@ -1,4 +1,4 @@
1
- import './DropdownItem.styles_17va0nk.css';
1
+ import './DropdownItem.styles_1b439rx.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { tokens } from '../../Dropdown.tokens.js';
4
4
  import { component, mergeConfig } from '../../../../engines/common.js';
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background-color: var(${constants.itemBackground});\n border-radius: var(${tokens.borderRadius});\n user-select: none;\n border-right: 0.125rem solid transparent;\n border-left: 0.125rem solid transparent;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp31","_ref","variant","tokens","dividerMarginTopTight","dividerMarginTop","_exp33","_ref2","dividerMarginBottomTight","dividerMarginBottom","Divider","vars","_exp37","_ref3","itemPaddingTight","itemPadding","Wrapper"],"mappings":";;;;;AAQA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAEjC,IAAMK,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBhC,EAAA;AAAC,IAAAC,MAAA,GA1BgBA,SA0BhBA,MAAAA,GAAA;AAAA,EAAA,OAE+BP,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMQ,UAAU,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAQ,EAAA;AAEjC,IAAMG,qBAAqB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG1C,EAAA;AAAC,IAAAI,MAAA,GAjCgBA,SAiChBA,MAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,IAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACNA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACC,qBAAqB,GAAGD,MAAM,CAACE,gBAAiB,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAtC5EA,SAsC4EA,MAAAA,GAAA;AAAA,EAAA,OAEzE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACTA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACK,wBAAwB,GAAGL,MAAM,CAACM,mBAAoB,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAN7F,IAAMC,OAAO,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEXX,MAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEzEM,MAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAAC,IAAAM,MAAA,GA5CgBA,SA4ChBA,MAAAA,GAAA;AAAA,EAAA,OAQa,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGX,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CAAqBA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACW,gBAAgB,GAAGX,MAAM,CAACY,WAAY,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AANrG,IAAMC,OAAO,gBAAGvB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMdC,MAA6F,EAAA,CAAA;AAAA,GAAA;AAAA,CA6C3G;;;;"}
1
+ {"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background-color: var(${constants.itemBackground});\n border-radius: var(${tokens.borderRadius});\n user-select: none;\n border-right: 0.125rem solid transparent;\n border-left: 0.125rem solid transparent;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp31","_ref","variant","tokens","dividerMarginTopTight","dividerMarginTop","_exp33","_ref2","dividerMarginBottomTight","dividerMarginBottom","Divider","vars","_exp37","_ref3","itemPaddingTight","itemPadding","Wrapper"],"mappings":";;;;;AAQA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAEjC,IAAMK,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBhC,EAAA;AAAC,IAAAC,MAAA,GA1BgBA,SA0BhBA,MAAAA,GAAA;AAAA,EAAA,OAE+BP,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMQ,UAAU,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAQ,EAAA;AAEjC,IAAMG,qBAAqB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG1C,EAAA;AAAC,IAAAI,MAAA,GAjCgBA,SAiChBA,MAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,IAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACNA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACC,qBAAqB,GAAGD,MAAM,CAACE,gBAAiB,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAtC5EA,SAsC4EA,MAAAA,GAAA;AAAA,EAAA,OAEzE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACTA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACK,wBAAwB,GAAGL,MAAM,CAACM,mBAAoB,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAN7F,IAAMC,OAAO,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEXX,MAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEzEM,MAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAAC,IAAAM,MAAA,GA5CgBA,SA4ChBA,MAAAA,GAAA;AAAA,EAAA,OAQa,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGX,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CAAqBA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACW,gBAAgB,GAAGX,MAAM,CAACY,WAAY,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AANrG,IAAMC,OAAO,gBAAGvB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMdC,MAA6F,EAAA,CAAA;AAAA,GAAA;AAAA,CA6C3G;;;;"}
@@ -2,4 +2,4 @@
2
2
 
3
3
  .d1m97l2m{line-height:0;color:var(--text-secondary);}
4
4
  .doib72h{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);}
5
- .w6l2f0g{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;}.w6l2f0g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--surface-transparent-secondary);}.w6l2f0g.dropdown-item-is-active{background-color:var(--surface-transparent-secondary);}.w6l2f0g.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w6l2f0g:focus{outline:none;}.w6l2f0g::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;}.w6l2f0g.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
5
+ .w6l2f0g{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;}.w6l2f0g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w6l2f0g:focus{outline:none;}.w6l2f0g::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;}.w6l2f0g.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
@@ -1,8 +1,8 @@
1
- .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
1
+ .base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
2
2
 
3
3
  .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
4
4
 
5
- .base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
5
+ .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
6
6
 
7
7
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
8
 
@@ -14,14 +14,14 @@
14
14
  .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
15
15
  .Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
16
16
 
17
- .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
17
+ .base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
18
18
 
19
19
  .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
20
20
 
21
- .base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
21
+ .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
22
22
 
23
23
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
24
24
 
25
25
  .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
26
26
 
27
- .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
27
+ .IconButton_styles_sttslf_b1ua728l__193d7826{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_sttslf_b1ua728l__193d7826:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@@ -1,4 +1,4 @@
1
- import './IconButton.styles_403on7.css';
1
+ import './IconButton.styles_sttslf.css';
2
2
  var base = "b1ua728l";
3
3
 
4
4
  export { base };
@@ -0,0 +1 @@
1
+ .b1ua728l{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ua728l:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.b1ua728l:focus{outline:none;}.b1ua728l::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@@ -4,11 +4,11 @@
4
4
 
5
5
  .base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{padding:var(--plasma-notification-content-padding-top) var(--plasma-notification-content-padding-right) var(--plasma-notification-content-padding-bottom) var(--plasma-notification-content-padding-left);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd.base_crlufx_notificationWithoutIcon__c6cc97dd{padding-top:var(--plasma-notification-content-padding-top-without-icon);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificationCloseIcon__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{top:var(--plasma-notification-close-icon-top);right:var(--plasma-notification-close-icon-right);}
6
6
 
7
- .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
7
+ .base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
8
8
 
9
9
  .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
10
10
 
11
- .base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
11
+ .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
12
12
 
13
13
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
14
14
 
@@ -30,14 +30,14 @@
30
30
  .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
31
31
  .Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
32
32
 
33
- .Notification_styles_e6274r_sb12p__56467d3e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
34
- .Notification_styles_e6274r_crvd7hm__56467d3e{position:absolute;width:1.5rem;height:1.5rem;color:var(--plasma-notification-close-icon-color);}.Notification_styles_e6274r_crvd7hm__56467d3e:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_e6274r_crvd7hm__56467d3e.Notification_styles_e6274r_notificationLayoutHorizontal__56467d3e{position:relative;}
35
- .Notification_styles_e6274r_wg1ga5v__56467d3e{position:relative;box-sizing:border-box;background:var(--plasma-notification-backgorund);border-radius:var(--plasma-notification-border-radius);}.Notification_styles_e6274r_wg1ga5v__56467d3e.Notification_styles_e6274r_notificationLayoutHorizontal__56467d3e{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;gap:var(--plasma-notification-horizontal-layout-gap);}
36
- .Notification_styles_e6274r_b1amsn8a__56467d3e{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);}.Notification_styles_e6274r_b1amsn8a__56467d3e.Notification_styles_e6274r_notificationLayoutHorizontal__56467d3e{margin-top:unset;margin-left:unset;}
37
- .Notification_styles_e6274r_i14raqr9__56467d3e{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);margin-right:var(--i14raqr9-0);margin-bottom:var(--i14raqr9-1);}.Notification_styles_e6274r_i14raqr9__56467d3e.Notification_styles_e6274r_notificationLayoutHorizontal__56467d3e{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
38
- .Notification_styles_e6274r_c157peez__56467d3e{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_e6274r_c157peez__56467d3e.Notification_styles_e6274r_notificationLayoutHorizontal__56467d3e{padding:unset;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-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
39
- .Notification_styles_e6274r_t1vmb0f2__56467d3e{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_e6274r_t1vmb0f2__56467d3e.Notification_styles_e6274r_notificationLayoutHorizontal__56467d3e{padding:unset;}
40
- .Notification_styles_e6274r_s1k4e58v__56467d3e{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
41
- .Notification_styles_e6274r_s92kmpm__56467d3e{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--plasma-notification-content-color);}
42
- .Notification_styles_e6274r_s18m0x6v__56467d3e{margin-top:1rem;opacity:1;}.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_notificationItemOpened__56467d3e{-webkit-animation:0.4s Notification_styles_e6274r_showAnimationS18m0x6v__56467d3e ease-out;animation:0.4s Notification_styles_e6274r_showAnimationS18m0x6v__56467d3e ease-out;}.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_notificationItemOpened__56467d3e.Notification_styles_e6274r_notificationLeftToRightAnimation__56467d3e{-webkit-animation:0.4s Notification_styles_e6274r_showLeftToRightAnimationS18m0x6v__56467d3e ease-out;animation:0.4s Notification_styles_e6274r_showLeftToRightAnimationS18m0x6v__56467d3e ease-out;}.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_notificationItemHidden__56467d3e{-webkit-animation:0.4s Notification_styles_e6274r_hideAnimationS18m0x6v__56467d3e ease-out;animation:0.4s Notification_styles_e6274r_hideAnimationS18m0x6v__56467d3e ease-out;}.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_s18m0x6v__56467d3e.Notification_styles_e6274r_notificationItemHidden__56467d3e.Notification_styles_e6274r_notificationLeftToRightAnimation__56467d3e{-webkit-animation:0.4s Notification_styles_e6274r_hideLeftToRightAnimationS18m0x6v__56467d3e ease-out;animation:0.4s Notification_styles_e6274r_hideLeftToRightAnimationS18m0x6v__56467d3e ease-out;}@-webkit-keyframes Notification_styles_e6274r_showLeftToRightAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_e6274r_showLeftToRightAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_e6274r_hideLeftToRightAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_e6274r_hideLeftToRightAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_e6274r_showAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_e6274r_showAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_e6274r_hideAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_e6274r_hideAnimationS18m0x6v__56467d3e{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
43
- .Notification_styles_e6274r_sfe5ql2__56467d3e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:var(--sfe5ql2-0);-webkit-box-align:var(--sfe5ql2-0);-ms-flex-align:var(--sfe5ql2-0);align-items:var(--sfe5ql2-0);}
33
+ .Notification_styles_ob8hsa_sb12p__cd062abd{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
34
+ .Notification_styles_ob8hsa_crvd7hm__cd062abd{position:absolute;width:var(--plasma-notification-close-icon-button-size);height:var(--plasma-notification-close-icon-button-size);color:var(--plasma-notification-close-icon-color);}.Notification_styles_ob8hsa_crvd7hm__cd062abd:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_ob8hsa_crvd7hm__cd062abd.Notification_styles_ob8hsa_notificationLayoutHorizontal__cd062abd{position:relative;}
35
+ .Notification_styles_ob8hsa_wg1ga5v__cd062abd{position:relative;box-sizing:border-box;background:var(--plasma-notification-backgorund);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);}.Notification_styles_ob8hsa_wg1ga5v__cd062abd.Notification_styles_ob8hsa_notificationLayoutHorizontal__cd062abd{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;gap:var(--plasma-notification-horizontal-layout-gap);}
36
+ .Notification_styles_ob8hsa_b1amsn8a__cd062abd{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);}.Notification_styles_ob8hsa_b1amsn8a__cd062abd.Notification_styles_ob8hsa_notificationLayoutHorizontal__cd062abd{margin-top:unset;margin-left:unset;}
37
+ .Notification_styles_ob8hsa_i14raqr9__cd062abd{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);margin-right:var(--i14raqr9-0);margin-bottom:var(--i14raqr9-1);}.Notification_styles_ob8hsa_i14raqr9__cd062abd.Notification_styles_ob8hsa_notificationLayoutHorizontal__cd062abd{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
38
+ .Notification_styles_ob8hsa_c157peez__cd062abd{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_ob8hsa_c157peez__cd062abd.Notification_styles_ob8hsa_notificationLayoutHorizontal__cd062abd{padding:unset;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-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
39
+ .Notification_styles_ob8hsa_t1vmb0f2__cd062abd{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_ob8hsa_t1vmb0f2__cd062abd.Notification_styles_ob8hsa_notificationLayoutHorizontal__cd062abd{padding:unset;}
40
+ .Notification_styles_ob8hsa_s1k4e58v__cd062abd{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
41
+ .Notification_styles_ob8hsa_s92kmpm__cd062abd{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--plasma-notification-content-color);}
42
+ .Notification_styles_ob8hsa_s18m0x6v__cd062abd{margin-top:1rem;opacity:1;}.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_notificationItemOpened__cd062abd{-webkit-animation:0.4s Notification_styles_ob8hsa_showAnimationS18m0x6v__cd062abd ease-out;animation:0.4s Notification_styles_ob8hsa_showAnimationS18m0x6v__cd062abd ease-out;}.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_notificationItemOpened__cd062abd.Notification_styles_ob8hsa_notificationLeftToRightAnimation__cd062abd{-webkit-animation:0.4s Notification_styles_ob8hsa_showLeftToRightAnimationS18m0x6v__cd062abd ease-out;animation:0.4s Notification_styles_ob8hsa_showLeftToRightAnimationS18m0x6v__cd062abd ease-out;}.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_notificationItemHidden__cd062abd{-webkit-animation:0.4s Notification_styles_ob8hsa_hideAnimationS18m0x6v__cd062abd ease-out;animation:0.4s Notification_styles_ob8hsa_hideAnimationS18m0x6v__cd062abd ease-out;}.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_s18m0x6v__cd062abd.Notification_styles_ob8hsa_notificationItemHidden__cd062abd.Notification_styles_ob8hsa_notificationLeftToRightAnimation__cd062abd{-webkit-animation:0.4s Notification_styles_ob8hsa_hideLeftToRightAnimationS18m0x6v__cd062abd ease-out;animation:0.4s Notification_styles_ob8hsa_hideLeftToRightAnimationS18m0x6v__cd062abd ease-out;}@-webkit-keyframes Notification_styles_ob8hsa_showLeftToRightAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_ob8hsa_showLeftToRightAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_ob8hsa_hideLeftToRightAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_ob8hsa_hideLeftToRightAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_ob8hsa_showAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_ob8hsa_showAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_ob8hsa_hideAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_ob8hsa_hideAnimationS18m0x6v__cd062abd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
43
+ .Notification_styles_ob8hsa_sfe5ql2__cd062abd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:var(--sfe5ql2-0);-webkit-box-align:var(--sfe5ql2-0);-ms-flex-align:var(--sfe5ql2-0);align-items:var(--sfe5ql2-0);}
@@ -2,16 +2,17 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
2
2
  import React, { forwardRef, useMemo } from 'react';
3
3
  import { cx } from '../../utils/index.js';
4
4
  import { IconCross } from '../_Icon/Icons/IconCross.js';
5
- import { classes } from './Notification.tokens.js';
5
+ import { IconCrossThin } from '../_Icon/Icons/IconCrossThin.js';
6
+ import { classes, tokens } from './Notification.tokens.js';
6
7
  import { base as base$1 } from './variations/_view/base.js';
7
8
  import { base } from './variations/_layout/base.js';
8
9
  import { base as base$2 } from './variations/_size/base.js';
10
+ import { base as base$3 } from './variations/_closeIconType/base.js';
9
11
  import { layouts } from './Notification.types.js';
10
12
  import { Wrapper, ContentBox, IconWrapper, TextBox, StyledTitle, StyledContent, ButtonsWrapper, CloseIconWrapper, StyledNotification } from './Notification.styles.js';
11
13
  import { getLayoutClass } from './utils/index.js';
12
14
 
13
- var _IconCross;
14
- var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "onCloseButtonClick"];
15
+ var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "onCloseButtonClick"];
15
16
 
16
17
  /**
17
18
  * Компонент для небольших уведомлений пользователя
@@ -31,6 +32,7 @@ var notificationRoot = function notificationRoot(Root) {
31
32
  _props$layout = props.layout,
32
33
  layout = _props$layout === void 0 ? layouts.vertical : _props$layout,
33
34
  icon = props.icon,
35
+ closeIconType = props.closeIconType,
34
36
  onCloseButtonClick = props.onCloseButtonClick,
35
37
  rest = _objectWithoutProperties(props, _excluded);
36
38
  var ariaLive = 'polite';
@@ -51,6 +53,7 @@ var notificationRoot = function notificationRoot(Root) {
51
53
  view: view,
52
54
  size: size,
53
55
  layout: layout,
56
+ closeIconType: closeIconType,
54
57
  ref: ref,
55
58
  role: role,
56
59
  "aria-live": ariaLive,
@@ -79,10 +82,15 @@ var notificationRoot = function notificationRoot(Root) {
79
82
  size: "s",
80
83
  onClick: onCloseButtonClick,
81
84
  className: cx(classes.closeIcon, getLayoutClass(layout))
82
- }, _IconCross || (_IconCross = /*#__PURE__*/React.createElement(IconCross, {
85
+ }, closeIconType === 'default' ? /*#__PURE__*/React.createElement(IconCross, {
83
86
  size: "s",
87
+ sizeCustomProperty: tokens.closeIconSize,
84
88
  color: "inherit"
85
- })))));
89
+ }) : /*#__PURE__*/React.createElement(IconCrossThin, {
90
+ size: "s",
91
+ sizeCustomProperty: tokens.closeIconSize,
92
+ color: "inherit"
93
+ }))));
86
94
  });
87
95
  };
88
96
  var notificationConfig = {
@@ -99,12 +107,16 @@ var notificationConfig = {
99
107
  },
100
108
  size: {
101
109
  css: base$2
110
+ },
111
+ closeIconType: {
112
+ css: base$3
102
113
  }
103
114
  },
104
115
  defaults: {
105
116
  view: 'default',
106
117
  layout: layouts.vertical,
107
- size: 'xs'
118
+ size: 'xs',
119
+ closeIconType: 'default'
108
120
  }
109
121
  };
110
122
 
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\n\nimport { classes } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n ButtonsWrapper,\n CloseIconWrapper,\n ContentBox,\n IconWrapper,\n StyledContent,\n StyledNotification,\n StyledTitle,\n TextBox,\n Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/**\n * Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n const {\n role = 'status',\n title,\n children: content,\n actions,\n view,\n size,\n iconPlacement,\n showCloseIcon = true,\n layout = layouts.vertical as NotificationLayout,\n icon,\n onCloseButtonClick,\n ...rest\n } = props;\n\n let ariaLive: 'assertive' | 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n const isOneLine = !content || !title;\n const oneLineClass = isOneLine ? classes.oneLine : undefined;\n const withoutIconClass = icon ? undefined : classes.withoutIcon;\n const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n return (\n <Root\n view={view}\n size={size}\n layout={layout}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n <Wrapper className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}>\n <ContentBox\n iconPlacement={IconPlacementInternal}\n className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n >\n {icon && (\n <IconWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.icon, getLayoutClass(layout))}\n >\n {icon}\n </IconWrapper>\n )}\n <TextBox\n iconPlacement={IconPlacementInternal}\n showCloseIcon={showCloseIcon}\n className={cx(classes.textbox, getLayoutClass(layout))}\n >\n {title && <StyledTitle className={classes.title}>{title}</StyledTitle>}\n {content && <StyledContent className={classes.text}>{content}</StyledContent>}\n </TextBox>\n </ContentBox>\n {actions && (\n <ButtonsWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n >\n {actions}\n </ButtonsWrapper>\n )}\n\n {showCloseIcon && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon, getLayoutClass(layout))}\n >\n <IconCross size=\"s\" color=\"inherit\" />\n </CloseIconWrapper>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const notificationConfig = {\n name: 'Notification',\n tag: 'div',\n layout: notificationRoot,\n base: StyledNotification,\n variations: {\n layout: {\n css: layoutCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n layout: layouts.vertical,\n size: 'xs',\n },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$showCloseIcon","showCloseIcon","_props$layout","layout","layouts","vertical","icon","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","_IconCross","IconCross","color","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n ButtonsWrapper,\n CloseIconWrapper,\n ContentBox,\n IconWrapper,\n StyledContent,\n StyledNotification,\n StyledTitle,\n TextBox,\n Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/**\n * Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n const {\n role = 'status',\n title,\n children: content,\n actions,\n view,\n size,\n iconPlacement,\n showCloseIcon = true,\n layout = layouts.vertical as NotificationLayout,\n icon,\n closeIconType,\n onCloseButtonClick,\n ...rest\n } = props;\n\n let ariaLive: 'assertive' | 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n const isOneLine = !content || !title;\n const oneLineClass = isOneLine ? classes.oneLine : undefined;\n const withoutIconClass = icon ? undefined : classes.withoutIcon;\n const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n return (\n <Root\n view={view}\n size={size}\n layout={layout}\n closeIconType={closeIconType}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n <Wrapper className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}>\n <ContentBox\n iconPlacement={IconPlacementInternal}\n className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n >\n {icon && (\n <IconWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.icon, getLayoutClass(layout))}\n >\n {icon}\n </IconWrapper>\n )}\n <TextBox\n iconPlacement={IconPlacementInternal}\n showCloseIcon={showCloseIcon}\n className={cx(classes.textbox, getLayoutClass(layout))}\n >\n {title && <StyledTitle className={classes.title}>{title}</StyledTitle>}\n {content && <StyledContent className={classes.text}>{content}</StyledContent>}\n </TextBox>\n </ContentBox>\n {actions && (\n <ButtonsWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n >\n {actions}\n </ButtonsWrapper>\n )}\n\n {showCloseIcon && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon, getLayoutClass(layout))}\n >\n {closeIconType === 'default' ? (\n <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ) : (\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n )}\n </CloseIconWrapper>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const notificationConfig = {\n name: 'Notification',\n tag: 'div',\n layout: notificationRoot,\n base: StyledNotification,\n variations: {\n layout: {\n css: layoutCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n closeIconType: {\n css: closeIconTypeCSS,\n },\n },\n defaults: {\n view: 'default',\n layout: layouts.vertical,\n size: 'xs',\n closeIconType: 'default',\n },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$showCloseIcon","showCloseIcon","_props$layout","layout","layouts","vertical","icon","closeIconType","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","closeIconTypeCSS","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './Notification.styles_e6274r.css';
1
+ import './Notification.styles_ob8hsa.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { tokens } from './Notification.tokens.js';
4
4
  import { placements } from './Notification.types.js';
@@ -21,7 +21,7 @@ var Wrapper = /*#__PURE__*/styled('div')({
21
21
  "class": "wg1ga5v",
22
22
  propsAsIs: false
23
23
  });
24
- var _exp10 = function _exp10() {
24
+ var _exp14 = function _exp14() {
25
25
  return function (_ref) {
26
26
  var iconPlacement = _ref.iconPlacement;
27
27
  return iconPlacement === placements.left ? "var(".concat(tokens.buttonsMarginLeft, ")") : 'unset';
@@ -32,16 +32,16 @@ var ButtonsWrapper = /*#__PURE__*/styled('div')({
32
32
  "class": "b1amsn8a",
33
33
  propsAsIs: false,
34
34
  vars: {
35
- "b1amsn8a-0": [/*#__PURE__*/_exp10()]
35
+ "b1amsn8a-0": [/*#__PURE__*/_exp14()]
36
36
  }
37
37
  });
38
- var _exp14 = function _exp14() {
38
+ var _exp18 = function _exp18() {
39
39
  return function (_ref2) {
40
40
  var iconPlacement = _ref2.iconPlacement;
41
41
  return iconPlacement === placements.left ? "var(".concat(tokens.contentLeftIconMargin, ")") : 'unset';
42
42
  };
43
43
  };
44
- var _exp15 = function _exp15() {
44
+ var _exp19 = function _exp19() {
45
45
  return function (_ref3) {
46
46
  var iconPlacement = _ref3.iconPlacement;
47
47
  return iconPlacement === placements.top ? "var(".concat(tokens.contentTopIconMargin, ")") : 'unset';
@@ -52,17 +52,17 @@ var IconWrapper = /*#__PURE__*/styled('div')({
52
52
  "class": "i14raqr9",
53
53
  propsAsIs: false,
54
54
  vars: {
55
- "i14raqr9-0": [/*#__PURE__*/_exp14()],
56
- "i14raqr9-1": [/*#__PURE__*/_exp15()]
55
+ "i14raqr9-0": [/*#__PURE__*/_exp18()],
56
+ "i14raqr9-1": [/*#__PURE__*/_exp19()]
57
57
  }
58
58
  });
59
- var _exp18 = function _exp18() {
59
+ var _exp22 = function _exp22() {
60
60
  return function (_ref4) {
61
61
  var iconPlacement = _ref4.iconPlacement;
62
62
  return iconPlacement === placements.left ? 'flex' : 'block';
63
63
  };
64
64
  };
65
- var _exp19 = function _exp19() {
65
+ var _exp23 = function _exp23() {
66
66
  return function (_ref5) {
67
67
  var iconPlacement = _ref5.iconPlacement;
68
68
  return iconPlacement ? "var(".concat(tokens.contentPaddingTop, ")") : "var(".concat(tokens.contentPaddingTopWithoutIcon, ")");
@@ -73,17 +73,17 @@ var ContentBox = /*#__PURE__*/styled('div')({
73
73
  "class": "c157peez",
74
74
  propsAsIs: false,
75
75
  vars: {
76
- "c157peez-0": [/*#__PURE__*/_exp18()],
77
- "c157peez-1": [/*#__PURE__*/_exp19()]
76
+ "c157peez-0": [/*#__PURE__*/_exp22()],
77
+ "c157peez-1": [/*#__PURE__*/_exp23()]
78
78
  }
79
79
  });
80
- var _exp25 = function _exp25() {
80
+ var _exp29 = function _exp29() {
81
81
  return function (_ref6) {
82
82
  var iconPlacement = _ref6.iconPlacement;
83
83
  return !iconPlacement || iconPlacement === placements.top ? "var(".concat(tokens.textboxPaddingTopWithTopIcon, ")") : "var(".concat(tokens.textboxPaddingTop, ")");
84
84
  };
85
85
  };
86
- var _exp26 = function _exp26() {
86
+ var _exp30 = function _exp30() {
87
87
  return function (_ref7) {
88
88
  var showCloseIcon = _ref7.showCloseIcon,
89
89
  iconPlacement = _ref7.iconPlacement;
@@ -95,8 +95,8 @@ var TextBox = /*#__PURE__*/styled('div')({
95
95
  "class": "t1vmb0f2",
96
96
  propsAsIs: false,
97
97
  vars: {
98
- "t1vmb0f2-0": [/*#__PURE__*/_exp25()],
99
- "t1vmb0f2-1": [/*#__PURE__*/_exp26()]
98
+ "t1vmb0f2-0": [/*#__PURE__*/_exp29()],
99
+ "t1vmb0f2-1": [/*#__PURE__*/_exp30()]
100
100
  }
101
101
  });
102
102
  var StyledTitle = /*#__PURE__*/styled('div')({
@@ -114,7 +114,7 @@ var StyledItemWrapper = /*#__PURE__*/styled('div')({
114
114
  "class": "s18m0x6v",
115
115
  propsAsIs: false
116
116
  });
117
- var _exp48 = function _exp48() {
117
+ var _exp52 = function _exp52() {
118
118
  return function (_ref8) {
119
119
  var placement = _ref8.placement;
120
120
  return placement === 'bottom-left' ? 'flex-start' : 'flex-end';
@@ -125,7 +125,7 @@ var StyledRoot = /*#__PURE__*/styled('div')({
125
125
  "class": "sfe5ql2",
126
126
  propsAsIs: false,
127
127
  vars: {
128
- "sfe5ql2-0": [/*#__PURE__*/_exp48()]
128
+ "sfe5ql2-0": [/*#__PURE__*/_exp52()]
129
129
  }
130
130
  });
131
131