@salutejs/plasma-new-hope 0.175.1-canary.1506.11553215359.0 → 0.175.1-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (465) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  3. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  4. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  5. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  6. package/cjs/components/Autocomplete/ui/TextField/{TextField.styles_1ye9068.css → TextField.styles_1csckkd.css} +1 -1
  7. package/cjs/components/Calendar/Calendar.tokens.js +0 -3
  8. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +10 -11
  10. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  11. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  12. package/{es/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css → cjs/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css} +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +10 -11
  14. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -9
  15. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
  16. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  17. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -11
  18. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  19. package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +0 -1
  20. package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
  21. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  22. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  23. package/{es/components/Combobox/ComboboxNew/Combobox.styles_1nqrvms.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  24. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  25. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  26. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  27. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
  28. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  29. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  30. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +7 -21
  31. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  32. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1njzasn.css → Item.styles_y71664.css} +3 -3
  33. package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
  34. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  35. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  36. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  37. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  38. package/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  39. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  40. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  41. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  42. package/cjs/components/DatePicker/DatePickerBase.styles_mjc9xz.css +2 -0
  43. package/cjs/components/DatePicker/RangeDate/RangeDate.css +14 -15
  44. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -13
  45. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  46. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +2 -0
  47. package/cjs/components/DatePicker/SingleDate/SingleDate.css +14 -15
  48. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  49. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  50. package/{es/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css} +1 -1
  51. package/cjs/components/Dropdown/Dropdown.css +30 -16
  52. package/cjs/components/Dropdown/Dropdown.js +60 -37
  53. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  54. package/cjs/components/Dropdown/Dropdown.styles.js +14 -26
  55. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  56. package/cjs/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  57. package/cjs/components/Dropdown/Dropdown.tokens.js +24 -3
  58. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  59. package/cjs/components/Dropdown/FloatingPopover.js +104 -0
  60. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
  61. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  62. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  63. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  64. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  65. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  66. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +25 -31
  67. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  68. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  69. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  70. package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  71. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  72. package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
  73. package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  74. package/cjs/components/Dropdown/utils/getItemId.js +10 -0
  75. package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
  76. package/cjs/components/Dropdown/utils/getPlacement.js +16 -0
  77. package/cjs/components/Dropdown/utils/getPlacement.js.map +1 -0
  78. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  79. package/cjs/components/Notification/Notification.css +11 -11
  80. package/cjs/components/Notification/Notification.styles.js +15 -15
  81. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  82. package/cjs/components/Notification/{Notification.styles_1g34msm.css → Notification.styles_7h8hp0.css} +1 -1
  83. package/cjs/components/Notification/Notification.tokens.js +0 -2
  84. package/cjs/components/Notification/Notification.tokens.js.map +1 -1
  85. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  86. package/cjs/components/Pagination/Pagination.css +10 -10
  87. package/cjs/components/Pagination/Pagination.js +5 -5
  88. package/cjs/components/Pagination/Pagination.js.map +1 -1
  89. package/cjs/components/Pagination/Pagination.styles.js +3 -3
  90. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  91. package/cjs/components/Pagination/{Pagination.styles_1w5oej6.css → Pagination.styles_y6gcva.css} +1 -1
  92. package/cjs/components/Pagination/Pagination.tokens.js +1 -4
  93. package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
  94. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  95. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  96. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  97. package/cjs/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_1fesyfv.css → PaginationSelectPerPage.styles_187mk6b.css} +1 -1
  98. package/cjs/components/Select/Select.js +1 -1
  99. package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
  100. package/cjs/components/Tabs/tokens.js +1 -7
  101. package/cjs/components/Tabs/tokens.js.map +1 -1
  102. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  103. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  104. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  105. package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css} +1 -1
  106. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  107. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  108. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  109. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1g7zipg.css → VerticalTabItem.styles_16d3lah.css} +1 -1
  110. package/cjs/hooks/useOutsideClick.js +1 -1
  111. package/cjs/hooks/useOutsideClick.js.map +1 -1
  112. package/cjs/index.css +71 -74
  113. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  114. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  115. package/emotion/cjs/components/Calendar/Calendar.tokens.js +0 -3
  116. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  117. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  118. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +17 -22
  119. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  120. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  121. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  122. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -21
  123. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  124. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
  125. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  126. package/emotion/cjs/components/Dropdown/Dropdown.js +58 -37
  127. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
  128. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -4
  129. package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
  130. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  131. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  132. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
  133. package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  134. package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
  135. package/emotion/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  136. package/emotion/cjs/components/Dropdown/utils/index.js +23 -1
  137. package/emotion/cjs/components/Notification/Notification.styles.js +11 -11
  138. package/emotion/cjs/components/Notification/Notification.tokens.js +0 -2
  139. package/emotion/cjs/components/Pagination/Pagination.js +5 -5
  140. package/emotion/cjs/components/Pagination/Pagination.styles.js +8 -8
  141. package/emotion/cjs/components/Pagination/Pagination.tokens.js +1 -4
  142. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  143. package/emotion/cjs/components/Tabs/tokens.js +1 -7
  144. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  145. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  146. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  147. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  148. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  149. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  150. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  151. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  152. package/emotion/cjs/hooks/useOutsideClick.js +1 -1
  153. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  154. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  155. package/emotion/es/components/Calendar/Calendar.tokens.js +0 -3
  156. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  157. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  158. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +16 -21
  159. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  160. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  161. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  162. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -21
  163. package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -5
  164. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
  165. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  166. package/emotion/es/components/Dropdown/Dropdown.js +60 -40
  167. package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
  168. package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -3
  169. package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
  170. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  171. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  172. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
  173. package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  174. package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
  175. package/emotion/es/components/Dropdown/utils/getPlacement.js +9 -0
  176. package/emotion/es/components/Dropdown/utils/index.js +4 -1
  177. package/emotion/es/components/Notification/Notification.styles.js +11 -11
  178. package/emotion/es/components/Notification/Notification.tokens.js +0 -2
  179. package/emotion/es/components/Pagination/Pagination.js +5 -5
  180. package/emotion/es/components/Pagination/Pagination.styles.js +8 -8
  181. package/emotion/es/components/Pagination/Pagination.tokens.js +1 -4
  182. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  183. package/emotion/es/components/Tabs/tokens.js +1 -7
  184. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  185. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  186. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  187. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  188. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  189. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  190. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  191. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  192. package/emotion/es/hooks/useOutsideClick.js +1 -1
  193. package/es/components/Autocomplete/Autocomplete.css +1 -1
  194. package/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  195. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  196. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  197. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  198. package/es/components/Autocomplete/ui/TextField/{TextField.styles_1ye9068.css → TextField.styles_1csckkd.css} +1 -1
  199. package/es/components/Calendar/Calendar.tokens.js +0 -3
  200. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  201. package/es/components/Calendar/CalendarBase/CalendarBase.css +10 -11
  202. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  203. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  204. package/{cjs/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css → es/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css} +1 -1
  205. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +10 -11
  206. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -9
  207. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -4
  208. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  209. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -11
  210. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  211. package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +0 -1
  212. package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
  213. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  214. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  215. package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_1nqrvms.css → es/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  216. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  217. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  218. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  219. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
  220. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  221. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  222. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +7 -21
  223. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  224. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1njzasn.css → Item.styles_y71664.css} +3 -3
  225. package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
  226. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  227. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  228. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  229. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  230. package/es/components/DatePicker/DatePicker.tokens.js +0 -5
  231. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  232. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  233. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  234. package/es/components/DatePicker/DatePickerBase.styles_mjc9xz.css +2 -0
  235. package/es/components/DatePicker/RangeDate/RangeDate.css +14 -15
  236. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -13
  237. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  238. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +2 -0
  239. package/es/components/DatePicker/SingleDate/SingleDate.css +14 -15
  240. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  241. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  242. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css → es/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css} +1 -1
  243. package/es/components/Dropdown/Dropdown.css +30 -16
  244. package/es/components/Dropdown/Dropdown.js +62 -40
  245. package/es/components/Dropdown/Dropdown.js.map +1 -1
  246. package/es/components/Dropdown/Dropdown.styles.js +15 -26
  247. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  248. package/es/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  249. package/es/components/Dropdown/Dropdown.tokens.js +24 -3
  250. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  251. package/es/components/Dropdown/FloatingPopover.js +100 -0
  252. package/es/components/Dropdown/FloatingPopover.js.map +1 -0
  253. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  254. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  255. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  256. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  257. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  258. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -29
  259. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  260. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  261. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  262. package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  263. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  264. package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
  265. package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  266. package/es/components/Dropdown/utils/getItemId.js +6 -0
  267. package/es/components/Dropdown/utils/getItemId.js.map +1 -0
  268. package/es/components/Dropdown/utils/getPlacement.js +12 -0
  269. package/es/components/Dropdown/utils/getPlacement.js.map +1 -0
  270. package/es/components/Dropdown/utils/index.js.map +1 -1
  271. package/es/components/Notification/Notification.css +11 -11
  272. package/es/components/Notification/Notification.styles.js +15 -15
  273. package/es/components/Notification/Notification.styles.js.map +1 -1
  274. package/es/components/Notification/{Notification.styles_1g34msm.css → Notification.styles_7h8hp0.css} +1 -1
  275. package/es/components/Notification/Notification.tokens.js +0 -2
  276. package/es/components/Notification/Notification.tokens.js.map +1 -1
  277. package/es/components/Notification/NotificationsProvider.css +11 -11
  278. package/es/components/Pagination/Pagination.css +10 -10
  279. package/es/components/Pagination/Pagination.js +5 -5
  280. package/es/components/Pagination/Pagination.js.map +1 -1
  281. package/es/components/Pagination/Pagination.styles.js +3 -3
  282. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  283. package/es/components/Pagination/{Pagination.styles_1w5oej6.css → Pagination.styles_y6gcva.css} +1 -1
  284. package/es/components/Pagination/Pagination.tokens.js +1 -4
  285. package/es/components/Pagination/Pagination.tokens.js.map +1 -1
  286. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  287. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  288. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  289. package/es/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_1fesyfv.css → PaginationSelectPerPage.styles_187mk6b.css} +1 -1
  290. package/es/components/Select/Select.js +1 -1
  291. package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
  292. package/es/components/Tabs/tokens.js +1 -7
  293. package/es/components/Tabs/tokens.js.map +1 -1
  294. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  295. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  296. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  297. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css} +1 -1
  298. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  299. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  300. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  301. package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1g7zipg.css → VerticalTabItem.styles_16d3lah.css} +1 -1
  302. package/es/hooks/useOutsideClick.js +1 -1
  303. package/es/hooks/useOutsideClick.js.map +1 -1
  304. package/es/index.css +71 -74
  305. package/package.json +2 -2
  306. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  307. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  308. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +0 -3
  309. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  310. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  311. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -6
  312. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  313. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  314. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  315. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -12
  316. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  317. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  318. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  319. package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -37
  320. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
  321. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -4
  322. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
  323. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  324. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  325. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
  326. package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  327. package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
  328. package/styled-components/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  329. package/styled-components/cjs/components/Dropdown/utils/index.js +23 -1
  330. package/styled-components/cjs/components/Notification/Notification.styles.js +1 -1
  331. package/styled-components/cjs/components/Notification/Notification.tokens.js +0 -2
  332. package/styled-components/cjs/components/Pagination/Pagination.js +5 -5
  333. package/styled-components/cjs/components/Pagination/Pagination.styles.js +1 -1
  334. package/styled-components/cjs/components/Pagination/Pagination.tokens.js +1 -4
  335. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  336. package/styled-components/cjs/components/Tabs/tokens.js +1 -7
  337. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  338. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  339. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  340. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  341. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  342. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  343. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  344. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  345. package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
  346. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  347. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  348. package/styled-components/es/components/Calendar/Calendar.tokens.js +0 -3
  349. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  350. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  351. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -5
  352. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  353. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  354. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  355. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -12
  356. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -5
  357. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  358. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  359. package/styled-components/es/components/Dropdown/Dropdown.js +60 -40
  360. package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
  361. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -3
  362. package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
  363. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  364. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  365. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
  366. package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  367. package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
  368. package/styled-components/es/components/Dropdown/utils/getPlacement.js +9 -0
  369. package/styled-components/es/components/Dropdown/utils/index.js +4 -1
  370. package/styled-components/es/components/Notification/Notification.styles.js +1 -1
  371. package/styled-components/es/components/Notification/Notification.tokens.js +0 -2
  372. package/styled-components/es/components/Pagination/Pagination.js +5 -5
  373. package/styled-components/es/components/Pagination/Pagination.styles.js +1 -1
  374. package/styled-components/es/components/Pagination/Pagination.tokens.js +1 -4
  375. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  376. package/styled-components/es/components/Tabs/tokens.js +1 -7
  377. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  378. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  379. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  380. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  381. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  382. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  383. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  384. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  385. package/styled-components/es/hooks/useOutsideClick.js +1 -1
  386. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -1
  387. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  388. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  389. package/types/components/Calendar/Calendar.tokens.d.ts +0 -3
  390. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  391. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  392. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  393. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +0 -1
  394. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  395. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  396. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -4
  397. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  398. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  399. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  400. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
  401. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  402. package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -5
  403. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  404. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  405. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  406. package/types/components/Dropdown/Dropdown.d.ts +2 -1
  407. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  408. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
  409. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  410. package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -2
  411. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  412. package/types/components/Dropdown/Dropdown.types.d.ts +30 -4
  413. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  414. package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
  415. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
  416. package/types/components/Dropdown/index.d.ts +1 -1
  417. package/types/components/Dropdown/index.d.ts.map +1 -1
  418. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  419. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -12
  420. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  421. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  422. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +32 -3
  423. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  424. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
  425. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  426. package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
  427. package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
  428. package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
  429. package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
  430. package/types/components/Dropdown/utils/getPlacement.d.ts +3 -0
  431. package/types/components/Dropdown/utils/getPlacement.d.ts.map +1 -0
  432. package/types/components/Dropdown/utils/index.d.ts +3 -0
  433. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  434. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  435. package/types/components/Notification/Notification.tokens.d.ts +0 -2
  436. package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
  437. package/types/components/Pagination/Pagination.d.ts.map +1 -1
  438. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  439. package/types/components/Pagination/Pagination.tokens.d.ts +0 -3
  440. package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
  441. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  442. package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
  443. package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
  444. package/types/components/Tabs/tokens.d.ts +0 -6
  445. package/types/components/Tabs/tokens.d.ts.map +1 -1
  446. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  447. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  448. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
  449. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  450. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
  451. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
  452. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
  453. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  454. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
  455. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
  456. package/types/hooks/useOutsideClick.d.ts +1 -1
  457. package/types/hooks/useOutsideClick.d.ts.map +1 -1
  458. package/cjs/components/DatePicker/DatePickerBase.styles_1x090si.css +0 -2
  459. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +0 -2
  460. package/cjs/components/Dropdown/Dropdown.styles_zvi9m3.css +0 -3
  461. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
  462. package/es/components/DatePicker/DatePickerBase.styles_1x090si.css +0 -2
  463. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +0 -2
  464. package/es/components/Dropdown/Dropdown.styles_zvi9m3.css +0 -3
  465. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n\n buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n buttonHeight: '--plasma-pagination-button-height',\n buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n buttonWidth: '--plasma-pagination-button-width',\n paginationInputWidth: '--plasma-pagination-input-width',\n buttonRadius: '--plasma-pagination-button-radius',\n paginationIconSize: '--plasma-pagination-icon-size',\n paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n paginationFontFamily: '--plasma-pagination-font-family',\n paginationFontSize: '--plasma-pagination-font-size',\n paginationFontStyle: '--plasma-pagination-font-style',\n paginationFontWeight: '--plasma-pagination-font-weight',\n paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n paginationLineHeight: '--plasma-pagination-line-height',\n\n selectHeight: '--plasma-pagination-select-height',\n selectPaddingTop: '--plasma-pagination-select-padding-top',\n selectPaddingRight: '--plasma-pagination-select-padding-right',\n selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n selectPaddingLeft: '--plasma-pagination-select-padding-left',\n selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n selectItemHeight: '--plasma-pagination-select-item-height',\n selectItemPadding: '--plasma-pagination-select-item-padding',\n selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n selectTargetPadding: '--plasma-pagination-select-target-padding',\n selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n inputBackgroundColor: '--plasma-pagination-input-bg-color',\n inputColor: '--plasma-pagination-input-color',\n inputBorderRadius: '--plasma-pagination-input-border-radius',\n inputWidth: '--plasma-pagination-input-width',\n inputHeight: '--plasma-pagination-input-height',\n inputBorderColor: '--plasma-pagination-input-border-color',\n inputBorderWidth: '--plasma-pagination-input-border-width',\n inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","buttonDisabled","tokens","paginationWidth","paginationColor","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","paginationDisabledButtonColor","paginationDisabledButtonBackgroundColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n\n buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n buttonHeight: '--plasma-pagination-button-height',\n buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n buttonWidth: '--plasma-pagination-button-width',\n paginationInputWidth: '--plasma-pagination-input-width',\n buttonRadius: '--plasma-pagination-button-radius',\n paginationIconSize: '--plasma-pagination-icon-size',\n paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n paginationFontFamily: '--plasma-pagination-font-family',\n paginationFontSize: '--plasma-pagination-font-size',\n paginationFontStyle: '--plasma-pagination-font-style',\n paginationFontWeight: '--plasma-pagination-font-weight',\n paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n paginationLineHeight: '--plasma-pagination-line-height',\n\n selectHeight: '--plasma-pagination-select-height',\n selectPaddingTop: '--plasma-pagination-select-padding-top',\n selectPaddingRight: '--plasma-pagination-select-padding-right',\n selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n selectPaddingLeft: '--plasma-pagination-select-padding-left',\n selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n selectItemHeight: '--plasma-pagination-select-item-height',\n selectItemPadding: '--plasma-pagination-select-item-padding',\n selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n selectTargetPadding: '--plasma-pagination-select-target-padding',\n selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n inputBackgroundColor: '--plasma-pagination-input-bg-color',\n inputColor: '--plasma-pagination-input-color',\n inputBorderRadius: '--plasma-pagination-input-border-radius',\n inputWidth: '--plasma-pagination-input-width',\n inputHeight: '--plasma-pagination-input-height',\n inputBorderColor: '--plasma-pagination-input-border-color',\n inputBorderWidth: '--plasma-pagination-input-border-width',\n inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","tokens","paginationWidth","paginationColor","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,KAAK,EAAE,kBAAkB;AACzBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,SAAS,EAAE,4BAA4B;AAEvCC,EAAAA,aAAa,EAAE,2BAA2B;AAE1CC,EAAAA,WAAW,EAAE,yBAAyB;AACtCC,EAAAA,WAAW,EAAE,yBAAyB;AAEtCC,EAAAA,gBAAgB,EAAE,2BAA2B;AAC7CC,EAAAA,oBAAoB,EAAE,+BAA+B;AAErDC,EAAAA,oBAAoB,EAAE,wBAAwB;AAC9CC,EAAAA,0BAA0B,EAAE,+BAA+B;AAE3DC,EAAAA,qBAAqB,EAAE,yBAAA;AAC3B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,2BAA2B;AAC5CC,EAAAA,eAAe,EAAE,2BAA2B;AAE5CC,EAAAA,qBAAqB,EAAE,qCAAqC;AAC5DC,EAAAA,0BAA0B,EAAE,2CAA2C;AACvEC,EAAAA,2BAA2B,EAAE,4CAA4C;AACzEC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,qBAAqB,EAAE,+CAA+C;AACtEC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,iBAAiB,EAAE,0CAA0C;AAE7DC,EAAAA,sCAAsC,EAAE,6CAA6C;AACrFC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,2CAA2C,EAAE,mDAAmD;AAChGC,EAAAA,iCAAiC,EAAE,gDAAgD;AACnFC,EAAAA,4CAA4C,EAAE,oDAAoD;AAClGC,EAAAA,kCAAkC,EAAE,kDAAkD;AAEtFC,EAAAA,qBAAqB,EAAE,6CAA6C;AAEpEC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,wBAAwB,EAAE,sCAAsC;AAEhEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,qBAAqB,EAAE,qCAAqC;AAE5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,oBAAoB,EAAE,0CAA0C;AAEhEC,EAAAA,sBAAsB,EAAE,+CAA+C;AACvEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,yBAAyB,EAAE,mDAAmD;AAE9EC,EAAAA,oBAAoB,EAAE,oCAAoC;AAC1DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,YAAY,EAAE,mCAAA;AAClB;;;;"}
@@ -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_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);}
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);}
@@ -1,4 +1,4 @@
1
- import './PaginationSelectPerPage.styles_1fesyfv.css';
1
+ import './PaginationSelectPerPage.styles_187mk6b.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { component, mergeConfig } from '../../../../engines/common.js';
4
4
  import { selectConfig } from '../../../Select/Select.js';
@@ -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 ${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,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,MAAM,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,MAAM,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,MAAM,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\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,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,MAAM,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,MAAM,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,MAAM,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);--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);}
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);}
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);}
@@ -15,9 +15,9 @@ import { updateDescendants } from './utils/updateDescendants.js';
15
15
  import { updateAncestors } from './utils/updateAncestors.js';
16
16
  import { updateSingleAncestors } from './utils/updateSingleAncestors.js';
17
17
  import { getView } from './utils/getView.js';
18
+ import { getPlacements } from '../../utils/getPopoverPlacement.js';
18
19
  import { Target } from './ui/Target/Target.js';
19
20
  import { Inner } from './ui/Inner/Inner.js';
20
- import { getPlacements } from '../../utils/getPopoverPlacement.js';
21
21
 
22
22
  var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect"];
23
23
  var Context = /*#__PURE__*/createContext({});
@@ -1 +1 @@
1
- {"version":3,"file":"getCorrectHeight.js","sources":["../../../../src/components/Select/utils/getCorrectHeight.ts"],"sourcesContent":["import type { DropdownProps } from '../../Dropdown';\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat"],"mappings":"IAEaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB;;;;"}
1
+ {"version":3,"file":"getCorrectHeight.js","sources":["../../../../src/components/Select/utils/getCorrectHeight.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport const getCorrectHeight = (listHeight: NonNullable<CSSProperties['height']>): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat"],"mappings":"IAEaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAgD,EAAa;EAC1F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB;;;;"}
@@ -76,13 +76,7 @@ var tokens = {
76
76
  fontStyle: '--plasma-tab-item-font-style',
77
77
  fontWeight: '--plasma-tab-item-font-weight',
78
78
  letterSpacing: '--plasma-tab-item-letter-spacing',
79
- lineHeight: '--plasma-tab-item-lineheight',
80
- valueFontFamily: '--plasma-tab-item-value-font-family',
81
- valueFontSize: '--plasma-tab-item-value-font-size',
82
- valueFontStyle: '--plasma-tab-item-value-font-style',
83
- valueFontWeight: '--plasma-tab-item-value-font-weight',
84
- valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',
85
- valueLineHeight: '--plasma-tab-item-value-lineheight'
79
+ lineHeight: '--plasma-tab-item-lineheight'
86
80
  };
87
81
 
88
82
  export { classes, tokens };
@@ -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 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","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":"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"}
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 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","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,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;;;;"}
@@ -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_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;}
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;}
@@ -1,4 +1,4 @@
1
- import './HorizontalTabItem.styles_uaaqqg.css';
1
+ import './HorizontalTabItem.styles_hfqv5b.css';
2
2
  import { styled } from '@linaria/react';
3
3
 
4
4
  var base = "bkuum0w";
@@ -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 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,MAAM,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,MAAM,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,MAAM,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,MAAM,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\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,MAAM,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,MAAM,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,MAAM,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,MAAM,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);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));}
3
+ .t1nh4m12{color:var(--plasma-tab-item-value-color);}
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_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;}
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;}
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_1g7zipg.css';
1
+ import './VerticalTabItem.styles_16d3lah.css';
2
2
  import { styled } from '@linaria/react';
3
3
 
4
4
  var base = "b1vnvg8i";
@@ -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 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,MAAM,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,MAAM,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,MAAM,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,MAAM,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\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,MAAM,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,MAAM,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,MAAM,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,MAAM,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);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));}
3
+ .tur46hh{color:var(--plasma-tab-item-value-color);}
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;}
@@ -6,7 +6,7 @@ var useOutsideClick = function useOutsideClick(callback, secondaryRef) {
6
6
  var handleClickOutside = function handleClickOutside(event) {
7
7
  if (ref.current && !ref.current.contains(event.target)) {
8
8
  if (!(secondaryRef !== null && secondaryRef !== void 0 && secondaryRef.current) || secondaryRef.current && !secondaryRef.current.contains(event.target)) {
9
- callback();
9
+ callback(event);
10
10
  }
11
11
  }
12
12
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useOutsideClick.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nexport const useOutsideClick = <T extends HTMLElement = HTMLElement>(\n callback: () => void,\n secondaryRef?: RefObject<HTMLElement | null> | null,\n) => {\n const ref = useRef<T | null>(null);\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n if (\n !secondaryRef?.current ||\n (secondaryRef.current && !secondaryRef.current.contains(event.target as Node))\n ) {\n callback();\n }\n }\n };\n\n document.addEventListener('mouseup', handleClickOutside);\n document.addEventListener('touchend', handleClickOutside);\n\n return () => {\n document.removeEventListener('mouseup', handleClickOutside);\n document.removeEventListener('touchend', handleClickOutside);\n };\n }, [callback]);\n\n return ref;\n};\n"],"names":["useOutsideClick","callback","secondaryRef","ref","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;AAGO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CACxBC,QAAoB,EACpBC,YAAmD,EAClD;AACD,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAW,IAAI,CAAC,CAAA;AAClCC,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;AAC3D,MAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,CAACL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;QAC5D,IACI,EAACR,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,IAAZA,YAAY,CAAEM,OAAO,CACrBN,IAAAA,YAAY,CAACM,OAAO,IAAI,CAACN,YAAY,CAACM,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAE,EAChF;AACET,UAAAA,QAAQ,EAAE,CAAA;AACd,SAAA;AACJ,OAAA;KACH,CAAA;AAEDU,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC,CAAA;AACxDK,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEN,kBAAkB,CAAC,CAAA;AAEzD,IAAA,OAAO,YAAM;AACTK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC,CAAA;AAC3DK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAEP,kBAAkB,CAAC,CAAA;KAC/D,CAAA;AACL,GAAC,EAAE,CAACL,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOE,GAAG,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"useOutsideClick.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nexport const useOutsideClick = <T extends HTMLElement = HTMLElement>(\n callback: (event: MouseEvent | TouchEvent) => void,\n secondaryRef?: RefObject<HTMLElement | null> | null,\n) => {\n const ref = useRef<T | null>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n if (\n !secondaryRef?.current ||\n (secondaryRef.current && !secondaryRef.current.contains(event.target as Node))\n ) {\n callback(event);\n }\n }\n };\n\n document.addEventListener('mouseup', handleClickOutside);\n document.addEventListener('touchend', handleClickOutside);\n\n return () => {\n document.removeEventListener('mouseup', handleClickOutside);\n document.removeEventListener('touchend', handleClickOutside);\n };\n }, [callback]);\n\n return ref;\n};\n"],"names":["useOutsideClick","callback","secondaryRef","ref","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;AAGO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CACxBC,QAAkD,EAClDC,YAAmD,EAClD;AACD,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAW,IAAI,CAAC,CAAA;AAElCC,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;AAC3D,MAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,CAACL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;QAC5D,IACI,EAACR,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,IAAZA,YAAY,CAAEM,OAAO,CACrBN,IAAAA,YAAY,CAACM,OAAO,IAAI,CAACN,YAAY,CAACM,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAE,EAChF;UACET,QAAQ,CAACM,KAAK,CAAC,CAAA;AACnB,SAAA;AACJ,OAAA;KACH,CAAA;AAEDI,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC,CAAA;AACxDK,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEN,kBAAkB,CAAC,CAAA;AAEzD,IAAA,OAAO,YAAM;AACTK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC,CAAA;AAC3DK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAEP,kBAAkB,CAAC,CAAA;KAC/D,CAAA;AACL,GAAC,EAAE,CAACL,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOE,GAAG,CAAA;AACd;;;;"}