@salutejs/plasma-new-hope 0.182.0-canary.1526.11627044134.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
@@ -30,11 +30,11 @@
30
30
  .Item_styles_8oe5oy_wzzpzvq__1ae6bc64{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-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64:hover:not(.Item_styles_8oe5oy_dropdownItemIsDisabled__1ae6bc64){cursor:pointer;background:var(--plasma-select-item-background-hover);}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64.Item_styles_8oe5oy_dropdownItemIsActive__1ae6bc64{background:var(--plasma-select-item-background-hover);}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64.Item_styles_8oe5oy_dropdownItemIsDisabled__1ae6bc64{opacity:0.4;cursor:not-allowed;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64:focus{outline:none;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64::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-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64.Item_styles_8oe5oy_dropdownItemIsFocused__1ae6bc64:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
31
31
 
32
32
 
33
- .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);}
33
+ .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);}
34
34
 
35
35
  .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);}
36
36
 
37
- .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);}
37
+ .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);}
38
38
 
39
39
  .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);}
40
40
 
@@ -106,6 +106,6 @@
106
106
  .Select_styles_768h42_ogpldc9__d1d95a37{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family);font-size:var(--plasma-select-label-font-size);font-style:var(--plasma-select-label-font-style);font-weight:var(--plasma-select-label-font-weight);-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing);letter-spacing:var(--plasma-select-label-font-letter-spacing);line-height:var(--plasma-select-label-font-line-height);}
107
107
  .Select_styles_768h42_h2ef052__d1d95a37{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family);font-size:var(--plasma-select-helper-text-font-size);font-style:var(--plasma-select-helper-text-font-style);font-weight:var(--plasma-select-helper-text-font-weight);-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);line-height:var(--plasma-select-helper-text-font-line-height);}
108
108
 
109
- .PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{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:0.5rem;}
110
- .PaginationSelectPerPage_styles_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
111
- .PaginationSelectPerPage_styles_187mk6b_squvg2e__a3b3456a{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
109
+ .PaginationSelectPerPage_styles_1fesyfv_s1e57mfu__09044c9e{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:0.5rem;}
110
+ .PaginationSelectPerPage_styles_1fesyfv_s5dck5y__09044c9e{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
111
+ .PaginationSelectPerPage_styles_1fesyfv_squvg2e__09044c9e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
@@ -1,4 +1,4 @@
1
- import './PaginationSelectPerPage.styles_187mk6b.css';
1
+ import './PaginationSelectPerPage.styles_1fesyfv.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n\nexport const SelectPerPageSelect = styled(Select)`\n ${selectTokens.targetButtonColor}: var(${tokens.buttonColor});\n ${selectTokens.targetButtonColorHover}: var(${tokens.buttonColorHover});\n ${selectTokens.targetButtonColorActive}: var(${tokens.buttonColorActive});\n ${selectTokens.targetButtonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${selectTokens.targetButtonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${selectTokens.targetButtonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n ${selectTokens.targetButtonPadding}: var(${tokens.selectTargetPadding});\n ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n ${selectTokens.targetButtonArrowColor}: var(${tokens.buttonArrowColor});\n ${selectTokens.targetButtonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n ${selectTokens.targetButtonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n ${selectTokens.targetButtonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.focusOffset}: 0.125rem;\n ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n`;\n"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;;;;;AAMA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,YAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsBxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;;;"}
1
+ {"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n\nexport const SelectPerPageSelect = styled(Select)`\n ${selectTokens.targetButtonColor}: var(${tokens.buttonColor});\n ${selectTokens.targetButtonColorHover}: var(${tokens.buttonColorHover});\n ${selectTokens.targetButtonColorActive}: var(${tokens.buttonColorActive});\n ${selectTokens.targetButtonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${selectTokens.targetButtonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${selectTokens.targetButtonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n ${selectTokens.targetButtonPadding}: var(${tokens.selectTargetPadding});\n ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n ${selectTokens.targetButtonArrowColor}: var(${tokens.buttonArrowColor});\n ${selectTokens.targetButtonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n ${selectTokens.targetButtonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n ${selectTokens.targetButtonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.focusOffset}: 0.125rem;\n ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n\n ${selectTokens.fontFamily}: var(${tokens.paginationFontFamily});\n ${selectTokens.fontSize}: var(${tokens.paginationFontSize});\n ${selectTokens.fontStyle}: var(${tokens.paginationFontStyle});\n ${selectTokens.fontWeight}: var(${tokens.paginationFontWeight});\n ${selectTokens.fontLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${selectTokens.fontLineHeight}: var(${tokens.paginationLineHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n`;\n"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;;;;;AAMA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,YAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6BxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;;;"}
@@ -1,3 +1,3 @@
1
1
  .s1e57mfu{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:0.5rem;}
2
- .s5dck5y{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
2
+ .s5dck5y{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
3
3
  .squvg2e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
@@ -1,10 +1,10 @@
1
1
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
2
 
3
- .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);}
3
+ .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);}
4
4
 
5
5
  .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);}
6
6
 
7
- .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);}
7
+ .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);}
8
8
 
9
9
  .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);}
10
10
 
@@ -30,11 +30,11 @@
30
30
  .Item_styles_8oe5oy_wzzpzvq__1ae6bc64{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-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64:hover:not(.Item_styles_8oe5oy_dropdownItemIsDisabled__1ae6bc64){cursor:pointer;background:var(--plasma-select-item-background-hover);}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64.Item_styles_8oe5oy_dropdownItemIsActive__1ae6bc64{background:var(--plasma-select-item-background-hover);}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64.Item_styles_8oe5oy_dropdownItemIsDisabled__1ae6bc64{opacity:0.4;cursor:not-allowed;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64:focus{outline:none;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64::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-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_8oe5oy_wzzpzvq__1ae6bc64.Item_styles_8oe5oy_dropdownItemIsFocused__1ae6bc64:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
31
31
 
32
32
 
33
- .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);}
33
+ .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);}
34
34
 
35
35
  .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);}
36
36
 
37
- .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);}
37
+ .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);}
38
38
 
39
39
  .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);}
40
40
 
@@ -11,11 +11,11 @@
11
11
 
12
12
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
13
13
 
14
- .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);}
14
+ .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);}
15
15
 
16
16
  .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);}
17
17
 
18
- .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);}
18
+ .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);}
19
19
 
20
20
  .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);}
21
21
 
@@ -1,10 +1,10 @@
1
1
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
2
 
3
- .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);}
3
+ .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);}
4
4
 
5
5
  .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);}
6
6
 
7
- .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);}
7
+ .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);}
8
8
 
9
9
  .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);}
10
10
 
@@ -1,10 +1,10 @@
1
1
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
2
 
3
- .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);}
3
+ .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);}
4
4
 
5
5
  .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);}
6
6
 
7
- .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);}
7
+ .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);}
8
8
 
9
9
  .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);}
10
10
 
@@ -1,10 +1,10 @@
1
1
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
2
 
3
- .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);}
3
+ .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);}
4
4
 
5
5
  .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);}
6
6
 
7
- .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);}
7
+ .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);}
8
8
 
9
9
  .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);}
10
10
 
@@ -20,11 +20,11 @@
20
20
 
21
21
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
22
22
 
23
- .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);}
23
+ .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);}
24
24
 
25
25
  .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);}
26
26
 
27
- .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);}
27
+ .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);}
28
28
 
29
29
  .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);}
30
30
 
@@ -82,7 +82,13 @@ var tokens = {
82
82
  fontStyle: '--plasma-tab-item-font-style',
83
83
  fontWeight: '--plasma-tab-item-font-weight',
84
84
  letterSpacing: '--plasma-tab-item-letter-spacing',
85
- lineHeight: '--plasma-tab-item-lineheight'
85
+ lineHeight: '--plasma-tab-item-lineheight',
86
+ valueFontFamily: '--plasma-tab-item-value-font-family',
87
+ valueFontSize: '--plasma-tab-item-value-font-size',
88
+ valueFontStyle: '--plasma-tab-item-value-font-style',
89
+ valueFontWeight: '--plasma-tab-item-value-font-weight',
90
+ valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',
91
+ valueLineHeight: '--plasma-tab-item-value-lineheight'
86
92
  };
87
93
 
88
94
  exports.classes = classes;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n selectedTabsItem: 'selected-tabs-item',\n tabsPilled: 'tabs-pilled',\n tabsGroupFilledBackground: 'tabs-group-filled-background',\n tabsStretch: 'tabs-stretched',\n tabsNoDivider: 'tabs-no-divider',\n tabItemDivider: 'tab-item-divider',\n tabItemAnimated: 'tab-item-animated',\n tabContent: 'tab-item-content',\n tabRightContent: 'tab-item-right-content',\n tabLeftContent: 'tab-item-left-content',\n tabsHasLeftArrow: 'tabs-has-left-arrow',\n tabsHasRightArrow: 'tabs-has-right-arrow',\n tabsHasTopArrow: 'tabs-has-top-arrow',\n tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n tabsClipScroll: 'tabs-clip-scroll',\n tabsClipShowAll: 'tabs-clip-show-all',\n};\n\nexport const tokens = {\n disabledOpacity: '--plasma-tabs-disabled-opacity',\n containerWidth: '--plasma-tabs-container-width',\n containerHeight: '--plasma-tabs-container-height',\n cursor: '--plasma-tabs-cursor',\n color: '--plasma-tabs-color',\n colorHover: '--plasma-tabs-color-hover',\n\n tabsDividerWidth: '--plasma-tabs-divider-width',\n tabsDividerHeight: '--plasma-tabs-divider-height',\n tabsDividerColor: '--plasma-tabs-divider-color',\n tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n outlineFocusColor: '--plasma-tabs-outline-focus-color',\n arrowColor: '--plasma-tabs-arrow-color',\n arrowColorHover: '--plasma-tabs-arrow-color-hover',\n arrowColorActive: '--plasma-tabs-arrow-color-active',\n tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n tabsBackgroundColor: '--plasma-tabs-background-color',\n tabsBorderRadius: '--plasma-tabs-border-radius',\n tabsWidth: '--plasma-tabs-width',\n tabsHeight: '--plasma-tabs-height',\n tabsPadding: '--plasma-tabs-padding',\n tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n itemBorderRadius: '--plasma-tab-item-border-radius',\n itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n itemWidth: '--plasma-tab-item-width',\n itemHeight: '--plasma-tab-item-height',\n itemPadding: '--plasma-tab-item-padding',\n itemPaddingClear: '--plasma-tab-item-padding-clear',\n itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n itemMarginLeft: '--plasma-tab-item-margin-left',\n itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n itemContentGap: '--plasma-tab-item-content-gap',\n\n itemContentPadding: '--plasma-tab-item-content-padding',\n itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n itemColor: '--plasma-tab-item-color',\n itemValueColor: '--plasma-tab-item-value-color',\n itemBackgroundColor: '--plasma-tab-item-background-color',\n itemColorHover: '--plasma-tab-item-color-hover',\n itemValueColorHover: '--plasma-tab-item-value-color-hover',\n itemColorActive: '--plasma-tab-item-color-active',\n itemValueColorActive: '--plasma-tab-item-value-color-active',\n itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n\n itemSelectedColor: '--plasma-tab-item-selected-color',\n itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n fontFamily: '--plasma-tab-item-font-family',\n fontSize: '--plasma-tab-item-font-size',\n fontStyle: '--plasma-tab-item-font-style',\n fontWeight: '--plasma-tab-item-font-weight',\n letterSpacing: '--plasma-tab-item-letter-spacing',\n lineHeight: '--plasma-tab-item-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,oBAAoB;AACtCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,WAAW,EAAE,gBAAgB;AAC7BC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,UAAU,EAAE,kBAAkB;AAC9BC,EAAAA,eAAe,EAAE,wBAAwB;AACzCC,EAAAA,cAAc,EAAE,uBAAuB;AACvCC,EAAAA,gBAAgB,EAAE,qBAAqB;AACvCC,EAAAA,iBAAiB,EAAE,sBAAsB;AACzCC,EAAAA,eAAe,EAAE,oBAAoB;AACrCC,EAAAA,kBAAkB,EAAE,uBAAuB;AAC3CC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,oBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,yBAAyB,EAAE,2CAA2C;AACtEC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,6BAA6B,EAAE,gDAAgD;AAE/EC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,UAAU,EAAE,sBAAsB;AAClCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,oCAAoC;AAE5DC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,SAAS,EAAE,yBAAyB;AACpCC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,WAAW,EAAE,2BAA2B;AACxCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,8BAA8B,EAAE,gDAAgD;AAChFC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAE/CC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,uBAAuB,EAAE,yCAAyC;AAElEC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,qBAAqB,EAAE,uCAAuC;AAE9DC,EAAAA,SAAS,EAAE,yBAAyB;AACpCC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,oCAAoC;AACzDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,wBAAwB,EAAE,0CAA0C;AAEpEC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,2BAA2B,EAAE,6CAA6C;AAC1EC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,2BAA2B,EAAE,8CAA8C;AAC3EC,EAAAA,gCAAgC,EAAE,mDAAmD;AAErFC,EAAAA,wBAAwB,EAAE,yCAAyC;AAEnEC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,QAAQ,EAAE,6BAA6B;AACvCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,UAAU,EAAE,8BAAA;AAChB;;;;;"}
1
+ {"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n selectedTabsItem: 'selected-tabs-item',\n tabsPilled: 'tabs-pilled',\n tabsGroupFilledBackground: 'tabs-group-filled-background',\n tabsStretch: 'tabs-stretched',\n tabsNoDivider: 'tabs-no-divider',\n tabItemDivider: 'tab-item-divider',\n tabItemAnimated: 'tab-item-animated',\n tabContent: 'tab-item-content',\n tabRightContent: 'tab-item-right-content',\n tabLeftContent: 'tab-item-left-content',\n tabsHasLeftArrow: 'tabs-has-left-arrow',\n tabsHasRightArrow: 'tabs-has-right-arrow',\n tabsHasTopArrow: 'tabs-has-top-arrow',\n tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n tabsClipScroll: 'tabs-clip-scroll',\n tabsClipShowAll: 'tabs-clip-show-all',\n};\n\nexport const tokens = {\n disabledOpacity: '--plasma-tabs-disabled-opacity',\n containerWidth: '--plasma-tabs-container-width',\n containerHeight: '--plasma-tabs-container-height',\n cursor: '--plasma-tabs-cursor',\n color: '--plasma-tabs-color',\n colorHover: '--plasma-tabs-color-hover',\n\n tabsDividerWidth: '--plasma-tabs-divider-width',\n tabsDividerHeight: '--plasma-tabs-divider-height',\n tabsDividerColor: '--plasma-tabs-divider-color',\n tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n outlineFocusColor: '--plasma-tabs-outline-focus-color',\n arrowColor: '--plasma-tabs-arrow-color',\n arrowColorHover: '--plasma-tabs-arrow-color-hover',\n arrowColorActive: '--plasma-tabs-arrow-color-active',\n tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n tabsBackgroundColor: '--plasma-tabs-background-color',\n tabsBorderRadius: '--plasma-tabs-border-radius',\n tabsWidth: '--plasma-tabs-width',\n tabsHeight: '--plasma-tabs-height',\n tabsPadding: '--plasma-tabs-padding',\n tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n itemBorderRadius: '--plasma-tab-item-border-radius',\n itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n itemWidth: '--plasma-tab-item-width',\n itemHeight: '--plasma-tab-item-height',\n itemPadding: '--plasma-tab-item-padding',\n itemPaddingClear: '--plasma-tab-item-padding-clear',\n itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n itemMarginLeft: '--plasma-tab-item-margin-left',\n itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n itemContentGap: '--plasma-tab-item-content-gap',\n\n itemContentPadding: '--plasma-tab-item-content-padding',\n itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n itemColor: '--plasma-tab-item-color',\n itemValueColor: '--plasma-tab-item-value-color',\n itemBackgroundColor: '--plasma-tab-item-background-color',\n itemColorHover: '--plasma-tab-item-color-hover',\n itemValueColorHover: '--plasma-tab-item-value-color-hover',\n itemColorActive: '--plasma-tab-item-color-active',\n itemValueColorActive: '--plasma-tab-item-value-color-active',\n itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n\n itemSelectedColor: '--plasma-tab-item-selected-color',\n itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n fontFamily: '--plasma-tab-item-font-family',\n fontSize: '--plasma-tab-item-font-size',\n fontStyle: '--plasma-tab-item-font-style',\n fontWeight: '--plasma-tab-item-font-weight',\n letterSpacing: '--plasma-tab-item-letter-spacing',\n lineHeight: '--plasma-tab-item-lineheight',\n\n valueFontFamily: '--plasma-tab-item-value-font-family',\n valueFontSize: '--plasma-tab-item-value-font-size',\n valueFontStyle: '--plasma-tab-item-value-font-style',\n valueFontWeight: '--plasma-tab-item-value-font-weight',\n valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n valueLineHeight: '--plasma-tab-item-value-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,oBAAoB;AACtCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,WAAW,EAAE,gBAAgB;AAC7BC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,UAAU,EAAE,kBAAkB;AAC9BC,EAAAA,eAAe,EAAE,wBAAwB;AACzCC,EAAAA,cAAc,EAAE,uBAAuB;AACvCC,EAAAA,gBAAgB,EAAE,qBAAqB;AACvCC,EAAAA,iBAAiB,EAAE,sBAAsB;AACzCC,EAAAA,eAAe,EAAE,oBAAoB;AACrCC,EAAAA,kBAAkB,EAAE,uBAAuB;AAC3CC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,oBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,yBAAyB,EAAE,2CAA2C;AACtEC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,6BAA6B,EAAE,gDAAgD;AAE/EC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,UAAU,EAAE,sBAAsB;AAClCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,oCAAoC;AAE5DC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,SAAS,EAAE,yBAAyB;AACpCC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,WAAW,EAAE,2BAA2B;AACxCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,8BAA8B,EAAE,gDAAgD;AAChFC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAE/CC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,uBAAuB,EAAE,yCAAyC;AAElEC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,qBAAqB,EAAE,uCAAuC;AAE9DC,EAAAA,SAAS,EAAE,yBAAyB;AACpCC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,oCAAoC;AACzDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,wBAAwB,EAAE,0CAA0C;AAEpEC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,2BAA2B,EAAE,6CAA6C;AAC1EC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,2BAA2B,EAAE,8CAA8C;AAC3EC,EAAAA,gCAAgC,EAAE,mDAAmD;AAErFC,EAAAA,wBAAwB,EAAE,yCAAyC;AAEnEC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,QAAQ,EAAE,6BAA6B;AACvCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,UAAU,EAAE,8BAA8B;AAE1CC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;;"}
@@ -6,8 +6,8 @@
6
6
 
7
7
  .base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
8
8
 
9
- .HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b:first-child{margin-left:0;}.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b.HorizontalTabItem_styles_hfqv5b_focusVisible__5835ec0b:focus::before,.HorizontalTabItem_styles_hfqv5b_bkuum0w__5835ec0b[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
10
- .HorizontalTabItem_styles_hfqv5b_s1l5e9z0__5835ec0b{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
11
- .HorizontalTabItem_styles_hfqv5b_t1nh4m12__5835ec0b{color:var(--plasma-tab-item-value-color);}
12
- .HorizontalTabItem_styles_hfqv5b_r13nweg3__5835ec0b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hfqv5b_r13nweg3__5835ec0b:hover{color:inherit;}
13
- .HorizontalTabItem_styles_hfqv5b_l1iip2sx__5835ec0b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hfqv5b_l1iip2sx__5835ec0b:hover{color:inherit;}
9
+ .HorizontalTabItem_styles_uaaqqg_bkuum0w__1115f989{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_uaaqqg_bkuum0w__1115f989:first-child{margin-left:0;}.HorizontalTabItem_styles_uaaqqg_bkuum0w__1115f989::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_uaaqqg_bkuum0w__1115f989.HorizontalTabItem_styles_uaaqqg_focusVisible__1115f989:focus::before,.HorizontalTabItem_styles_uaaqqg_bkuum0w__1115f989[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
10
+ .HorizontalTabItem_styles_uaaqqg_s1l5e9z0__1115f989{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
11
+ .HorizontalTabItem_styles_uaaqqg_t1nh4m12__1115f989{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
12
+ .HorizontalTabItem_styles_uaaqqg_r13nweg3__1115f989{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_uaaqqg_r13nweg3__1115f989:hover{color:inherit;}
13
+ .HorizontalTabItem_styles_uaaqqg_l1iip2sx__1115f989{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_uaaqqg_l1iip2sx__1115f989:hover{color:inherit;}
@@ -1,4 +1,4 @@
1
- import './HorizontalTabItem.styles_hfqv5b.css';
1
+ import './HorizontalTabItem.styles_uaaqqg.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n align-items: center;\n\n gap: var(${tokens.itemContentGap});\n padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n appearance: none;\n border: none;\n outline: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n`;\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n color: var(${tokens.itemValueColor});\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent"],"mappings":";;;;;;AAMO,IAAMA,IAAI,GAqChB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC;;;;;;;;"}
1
+ {"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n align-items: center;\n\n gap: var(${tokens.itemContentGap});\n padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n appearance: none;\n border: none;\n outline: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n`;\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n color: var(${tokens.itemValueColor});\n\n font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent"],"mappings":";;;;;;AAMO,IAAMA,IAAI,GAqChB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  .bkuum0w{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.bkuum0w:first-child{margin-left:0;}.bkuum0w::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bkuum0w.focus-visible:focus::before,.bkuum0w[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
2
2
  .s1l5e9z0{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
3
- .t1nh4m12{color:var(--plasma-tab-item-value-color);}
3
+ .t1nh4m12{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
4
4
  .r13nweg3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r13nweg3:hover{color:inherit;}
5
5
  .l1iip2sx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l1iip2sx:hover{color:inherit;}
@@ -1,8 +1,8 @@
1
- .VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70.VerticalTabItem_styles_16d3lah_focusVisible__badfbe70:focus::before,.VerticalTabItem_styles_16d3lah_b1vnvg8i__badfbe70[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
2
- .VerticalTabItem_styles_16d3lah_s4s0t81__badfbe70{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
3
- .VerticalTabItem_styles_16d3lah_tur46hh__badfbe70{color:var(--plasma-tab-item-value-color);}
4
- .VerticalTabItem_styles_16d3lah_r1ms3p4x__badfbe70{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_16d3lah_r1ms3p4x__badfbe70:hover{color:inherit;}
5
- .VerticalTabItem_styles_16d3lah_l1yz2xa4__badfbe70{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_16d3lah_l1yz2xa4__badfbe70:hover{color:inherit;}
1
+ .VerticalTabItem_styles_1g7zipg_b1vnvg8i__043363c5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_1g7zipg_b1vnvg8i__043363c5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1g7zipg_b1vnvg8i__043363c5.VerticalTabItem_styles_1g7zipg_focusVisible__043363c5:focus::before,.VerticalTabItem_styles_1g7zipg_b1vnvg8i__043363c5[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
2
+ .VerticalTabItem_styles_1g7zipg_s4s0t81__043363c5{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
3
+ .VerticalTabItem_styles_1g7zipg_tur46hh__043363c5{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
4
+ .VerticalTabItem_styles_1g7zipg_r1ms3p4x__043363c5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1g7zipg_r1ms3p4x__043363c5:hover{color:inherit;}
5
+ .VerticalTabItem_styles_1g7zipg_l1yz2xa4__043363c5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1g7zipg_l1yz2xa4__043363c5:hover{color:inherit;}
6
6
 
7
7
  .base_fueiq8_byyhn69__02004398{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_fueiq8_byyhn69__02004398:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_fueiq8_byyhn69__02004398:hover .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-value-color-hover);}.base_fueiq8_byyhn69__02004398:active{color:var(--plasma-tab-item-color-active);}.base_fueiq8_byyhn69__02004398:active .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-value-color-active);}.base_fueiq8_byyhn69__02004398.base_fueiq8_tabItemAnimated__02004398{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398 .base_fueiq8_tur46hh__02004398{color:var(--plasma-tab-item-selected-value-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398 .base_fueiq8_tur46hh__02004398:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_fueiq8_byyhn69__02004398.base_fueiq8_selectedTabsItem__02004398::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
8
8
 
@@ -1,4 +1,4 @@
1
- import './VerticalTabItem.styles_16d3lah.css';
1
+ import './VerticalTabItem.styles_1g7zipg.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n align-items: center;\n\n gap: var(${tokens.itemContentGap});\n padding: var(${tokens.itemPaddingOrientationVertical});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n`;\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n color: var(${tokens.itemValueColor});\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent"],"mappings":";;;;;;AAMO,IAAMA,IAAI,GAiChB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC;;;;;;;;"}
1
+ {"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n align-items: center;\n\n gap: var(${tokens.itemContentGap});\n padding: var(${tokens.itemPaddingOrientationVertical});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n`;\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n color: var(${tokens.itemValueColor});\n\n font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent"],"mappings":";;;;;;AAMO,IAAMA,IAAI,GAiChB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  .b1vnvg8i{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.b1vnvg8i::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1vnvg8i.focus-visible:focus::before,.b1vnvg8i[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
2
2
  .s4s0t81{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
3
- .tur46hh{color:var(--plasma-tab-item-value-color);}
3
+ .tur46hh{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
4
4
  .r1ms3p4x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1ms3p4x:hover{color:inherit;}
5
5
  .l1yz2xa4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l1yz2xa4:hover{color:inherit;}
@@ -8,11 +8,11 @@
8
8
 
9
9
  .Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
10
10
 
11
- .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);}
11
+ .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);}
12
12
 
13
13
  .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);}
14
14
 
15
- .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);}
15
+ .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);}
16
16
 
17
17
  .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);}
18
18
 
@@ -34,9 +34,9 @@
34
34
  .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);}
35
35
  .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;}
36
36
 
37
- .Toast_styles_1v9oj7f_b1xqk743__c6e2219d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
38
- .Toast_styles_1v9oj7f_s1ajsqhx__c6e2219d{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1v9oj7f_s1ajsqhx__c6e2219d.Toast_styles_1v9oj7f_toastShowed__c6e2219d{-webkit-animation:0.3s Toast_styles_1v9oj7f_showToastAnimationS1ajsqhx__c6e2219d ease-out forwards;animation:0.3s Toast_styles_1v9oj7f_showToastAnimationS1ajsqhx__c6e2219d ease-out forwards;}.Toast_styles_1v9oj7f_s1ajsqhx__c6e2219d.Toast_styles_1v9oj7f_toastHidden__c6e2219d{-webkit-animation:0.3s Toast_styles_1v9oj7f_hideToastAnimationS1ajsqhx__c6e2219d ease-out forwards;animation:0.3s Toast_styles_1v9oj7f_hideToastAnimationS1ajsqhx__c6e2219d ease-out forwards;}@-webkit-keyframes Toast_styles_1v9oj7f_showToastAnimationS1ajsqhx__c6e2219d{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1v9oj7f_showToastAnimationS1ajsqhx__c6e2219d{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1v9oj7f_hideToastAnimationS1ajsqhx__c6e2219d{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1v9oj7f_hideToastAnimationS1ajsqhx__c6e2219d{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
39
- .Toast_styles_1v9oj7f_cb0tpdq__c6e2219d{height:1rem;--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);margin:var(--plasma_private-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.Toast_styles_1v9oj7f_cb0tpdq__c6e2219d:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
40
- .Toast_styles_1v9oj7f_segu2tf__c6e2219d.Toast_styles_1v9oj7f_segu2tf__c6e2219d.Toast_styles_1v9oj7f_toastFadeShowed__c6e2219d{-webkit-animation:0.3s Toast_styles_1v9oj7f_showFadeAnimationSegu2tf__c6e2219d ease-out forwards;animation:0.3s Toast_styles_1v9oj7f_showFadeAnimationSegu2tf__c6e2219d ease-out forwards;}.Toast_styles_1v9oj7f_segu2tf__c6e2219d.Toast_styles_1v9oj7f_segu2tf__c6e2219d.Toast_styles_1v9oj7f_toastFadeHidden__c6e2219d{-webkit-animation:0.3s Toast_styles_1v9oj7f_hideFadeAnimationSegu2tf__c6e2219d ease-out forwards;animation:0.3s Toast_styles_1v9oj7f_hideFadeAnimationSegu2tf__c6e2219d ease-out forwards;}@-webkit-keyframes Toast_styles_1v9oj7f_showFadeAnimationSegu2tf__c6e2219d{0%{opacity:0;}100%{opacity:1;}}@keyframes Toast_styles_1v9oj7f_showFadeAnimationSegu2tf__c6e2219d{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1v9oj7f_hideFadeAnimationSegu2tf__c6e2219d{0%{opacity:1;}100%{opacity:0;}}@keyframes Toast_styles_1v9oj7f_hideFadeAnimationSegu2tf__c6e2219d{0%{opacity:1;}100%{opacity:0;}}
41
- .Toast_styles_1v9oj7f_s1bt6ppa__c6e2219d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);margin:var(--plasma_private-left-content-margin);}
37
+ .Toast_styles_1nei944_b1xqk743__24d4ce6e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
38
+ .Toast_styles_1nei944_s1ajsqhx__24d4ce6e{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastShowed__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastHidden__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}@-webkit-keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
39
+ .Toast_styles_1nei944_cb0tpdq__24d4ce6e{height:var(--plasma-toast-close-icon-button-size);--plasma_private-close-icon-margin:var(--plasma-toast-close-icon-margin);margin:var(--plasma_private-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.Toast_styles_1nei944_cb0tpdq__24d4ce6e:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
40
+ .Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_toastFadeShowed__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e ease-out forwards;}.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_segu2tf__24d4ce6e.Toast_styles_1nei944_toastFadeHidden__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e ease-out forwards;}@-webkit-keyframes Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e{0%{opacity:0;}100%{opacity:1;}}@keyframes Toast_styles_1nei944_showFadeAnimationSegu2tf__24d4ce6e{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e{0%{opacity:1;}100%{opacity:0;}}@keyframes Toast_styles_1nei944_hideFadeAnimationSegu2tf__24d4ce6e{0%{opacity:1;}100%{opacity:0;}}
41
+ .Toast_styles_1nei944_s1bt6ppa__24d4ce6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;--plasma_private-left-content-margin:var(--plasma-toast-left-content-margin);margin:var(--plasma_private-left-content-margin);}
42
42
 
@@ -6,14 +6,15 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
6
6
  var React = require('react');
7
7
  var index = require('../../utils/index.js');
8
8
  var IconCross = require('../_Icon/Icons/IconCross.js');
9
+ var IconCrossThin = require('../_Icon/Icons/IconCrossThin.js');
9
10
  var Toast_tokens = require('./Toast.tokens.js');
10
11
  var base = require('./variations/_view/base.js');
11
12
  var base$1 = require('./variations/_size/base.js');
12
13
  var base$2 = require('./variations/_pilled/base.js');
14
+ var base$3 = require('./variations/_closeIconType/base.js');
13
15
  var Toast_styles = require('./Toast.styles.js');
14
16
 
15
- var _IconCross;
16
- var _excluded = ["role", "width", "text", "hasClose", "contentLeft", "view", "size", "pilled", "className", "style", "onCloseButtonClick"];
17
+ var _excluded = ["role", "width", "text", "hasClose", "contentLeft", "view", "size", "pilled", "className", "style", "closeIconType", "onCloseButtonClick"];
17
18
 
18
19
  // TODO https://github.com/salute-developers/plasma/issues/1015
19
20
  var toastRoot = function toastRoot(Root) {
@@ -29,6 +30,7 @@ var toastRoot = function toastRoot(Root) {
29
30
  pilled = props.pilled,
30
31
  className = props.className,
31
32
  style = props.style,
33
+ closeIconType = props.closeIconType,
32
34
  onCloseButtonClick = props.onCloseButtonClick,
33
35
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
34
36
  var pilledClass = pilled ? Toast_tokens.classes.toastPilled : undefined;
@@ -44,6 +46,7 @@ var toastRoot = function toastRoot(Root) {
44
46
  view: view,
45
47
  size: size,
46
48
  pilled: pilled,
49
+ closeIconType: closeIconType,
47
50
  className: index.cx(pilledClass, className),
48
51
  style: _rollupPluginBabelHelpers.objectSpread2({
49
52
  width: width ? fixedWidth : 'unset'
@@ -58,10 +61,15 @@ var toastRoot = function toastRoot(Root) {
58
61
  onClick: onCloseButtonClick,
59
62
  className: index.cx(Toast_tokens.classes.closeIcon),
60
63
  stretching: "fixed"
61
- }, _IconCross || (_IconCross = /*#__PURE__*/React.createElement(IconCross.IconCross, {
64
+ }, closeIconType === 'default' ? /*#__PURE__*/React.createElement(IconCross.IconCross, {
62
65
  size: "s",
66
+ sizeCustomProperty: Toast_tokens.tokens.closeIconSize,
63
67
  color: "inherit"
64
- }))));
68
+ }) : /*#__PURE__*/React.createElement(IconCrossThin.IconCrossThin, {
69
+ size: "s",
70
+ sizeCustomProperty: Toast_tokens.tokens.closeIconSize,
71
+ color: "inherit"
72
+ })));
65
73
  });
66
74
  };
67
75
  var toastConfig = {
@@ -79,11 +87,15 @@ var toastConfig = {
79
87
  pilled: {
80
88
  css: base$2.base,
81
89
  attrs: true
90
+ },
91
+ closeIconType: {
92
+ css: base$3.base
82
93
  }
83
94
  },
84
95
  defaults: {
85
96
  view: 'primary',
86
- size: 'm'
97
+ size: 'm',
98
+ closeIconType: 'default'
87
99
  }
88
100
  };
89
101