@salutejs/plasma-new-hope 0.84.0-canary.1213.9221965842.0 → 0.84.1-canary.1209.9214674427.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (468) hide show
  1. package/cjs/components/Button/Button.css +6 -9
  2. package/cjs/components/Button/Button.js +2 -16
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.styles.js +10 -31
  5. package/cjs/components/Button/Button.styles.js.map +1 -1
  6. package/cjs/components/Button/Button.styles_uqvh6u.css +5 -0
  7. package/cjs/components/Button/Button.tokens.js +0 -5
  8. package/cjs/components/Button/Button.tokens.js.map +1 -1
  9. package/cjs/components/Button/variations/_stretching/base.js +1 -1
  10. package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
  11. package/{es/components/Button/variations/_stretching/base_hy8dc.css → cjs/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
  12. package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
  13. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  14. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  15. package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
  16. package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  17. package/{es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
  18. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  19. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  20. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
  21. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  22. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  23. package/cjs/components/Drawer/Drawer.css +6 -9
  24. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
  25. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
  26. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  27. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  28. package/cjs/components/IconButton/IconButton.css +7 -10
  29. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  30. package/cjs/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
  31. package/cjs/components/Notification/Notification.css +6 -9
  32. package/cjs/components/Notification/NotificationsProvider.css +6 -9
  33. package/cjs/components/Pagination/Pagination.css +8 -11
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
  35. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
  36. package/cjs/components/Select/Select.css +6 -9
  37. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
  38. package/cjs/components/Slider/Slider.css +69 -0
  39. package/cjs/components/Slider/Slider.js +48 -0
  40. package/cjs/components/Slider/Slider.js.map +1 -0
  41. package/cjs/components/Slider/Slider.tokens.js +79 -0
  42. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  43. package/cjs/components/Slider/components/Double/Double.css +62 -0
  44. package/cjs/components/Slider/components/Double/Double.js +306 -0
  45. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  46. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  47. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  48. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  49. package/cjs/components/Slider/components/Single/Single.css +16 -0
  50. package/cjs/components/Slider/components/Single/Single.js +164 -0
  51. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  52. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  53. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  54. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  55. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  56. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  57. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  58. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  59. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  60. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  61. package/cjs/components/Slider/ui/Handler/Handler.css +4 -0
  62. package/cjs/components/Slider/ui/Handler/Handler.js +168 -0
  63. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -0
  64. package/cjs/components/Slider/ui/Handler/Handler.styles.js +21 -0
  65. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -0
  66. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  67. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  68. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  69. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  70. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  71. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  72. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  73. package/cjs/components/Slider/utils/index.js +56 -0
  74. package/cjs/components/Slider/utils/index.js.map +1 -0
  75. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  76. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  77. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  78. package/cjs/components/Slider/variations/_size/base.js +9 -0
  79. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  80. package/cjs/components/Slider/variations/_size/base_x642ct.css +1 -0
  81. package/cjs/components/Slider/variations/_view/base.js +9 -0
  82. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  83. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  84. package/cjs/components/TextArea/TextArea.js +7 -5
  85. package/cjs/components/TextArea/TextArea.js.map +1 -1
  86. package/cjs/components/TextArea/TextArea.tokens.js +4 -0
  87. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  88. package/cjs/components/TextArea/TextArea_ob9y3r.css +1 -0
  89. package/cjs/components/TextField/TextField.js +12 -3
  90. package/cjs/components/TextField/TextField.js.map +1 -1
  91. package/cjs/components/Toast/Toast.css +6 -9
  92. package/cjs/components/Toast/ToastController.css +6 -9
  93. package/cjs/engines/common.js +4 -0
  94. package/cjs/engines/common.js.map +1 -1
  95. package/cjs/engines/index.js.map +1 -1
  96. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  97. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  98. package/cjs/index.css +35 -13
  99. package/cjs/index.js +14 -0
  100. package/cjs/index.js.map +1 -1
  101. package/cjs/utils/canUseDOM.js +12 -0
  102. package/cjs/utils/canUseDOM.js.map +1 -0
  103. package/cjs/utils/index.js.map +1 -1
  104. package/es/components/Button/Button.css +6 -9
  105. package/es/components/Button/Button.js +3 -17
  106. package/es/components/Button/Button.js.map +1 -1
  107. package/es/components/Button/Button.styles.js +11 -29
  108. package/es/components/Button/Button.styles.js.map +1 -1
  109. package/es/components/Button/Button.styles_uqvh6u.css +5 -0
  110. package/es/components/Button/Button.tokens.js +0 -5
  111. package/es/components/Button/Button.tokens.js.map +1 -1
  112. package/es/components/Button/variations/_stretching/base.js +1 -1
  113. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  114. package/{cjs/components/Button/variations/_stretching/base_hy8dc.css → es/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
  115. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  116. package/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  117. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  118. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  119. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  120. package/{cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → es/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
  121. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  122. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  123. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
  124. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  125. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  126. package/es/components/Drawer/Drawer.css +6 -9
  127. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
  128. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
  129. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  130. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  131. package/es/components/IconButton/IconButton.css +7 -10
  132. package/es/components/IconButton/IconButton.styles.js +1 -1
  133. package/es/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
  134. package/es/components/Notification/Notification.css +6 -9
  135. package/es/components/Notification/NotificationsProvider.css +6 -9
  136. package/es/components/Pagination/Pagination.css +8 -11
  137. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
  138. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
  139. package/es/components/Select/Select.css +6 -9
  140. package/es/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
  141. package/es/components/Slider/Slider.css +69 -0
  142. package/es/components/Slider/Slider.js +43 -0
  143. package/es/components/Slider/Slider.js.map +1 -0
  144. package/es/components/Slider/Slider.tokens.js +74 -0
  145. package/es/components/Slider/Slider.tokens.js.map +1 -0
  146. package/es/components/Slider/components/Double/Double.css +62 -0
  147. package/es/components/Slider/components/Double/Double.js +302 -0
  148. package/es/components/Slider/components/Double/Double.js.map +1 -0
  149. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  150. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  151. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  152. package/es/components/Slider/components/Single/Single.css +16 -0
  153. package/es/components/Slider/components/Single/Single.js +160 -0
  154. package/es/components/Slider/components/Single/Single.js.map +1 -0
  155. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  156. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  157. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  158. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  159. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  160. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  161. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  162. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  163. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  164. package/es/components/Slider/ui/Handler/Handler.css +4 -0
  165. package/es/components/Slider/ui/Handler/Handler.js +164 -0
  166. package/es/components/Slider/ui/Handler/Handler.js.map +1 -0
  167. package/es/components/Slider/ui/Handler/Handler.styles.js +16 -0
  168. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -0
  169. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  170. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  171. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  172. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  173. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  174. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  175. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  176. package/es/components/Slider/utils/index.js +50 -0
  177. package/es/components/Slider/utils/index.js.map +1 -0
  178. package/es/components/Slider/variations/_disabled/base.js +5 -0
  179. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  180. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  181. package/es/components/Slider/variations/_size/base.js +5 -0
  182. package/es/components/Slider/variations/_size/base.js.map +1 -0
  183. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  184. package/es/components/Slider/variations/_view/base.js +5 -0
  185. package/es/components/Slider/variations/_view/base.js.map +1 -0
  186. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  187. package/es/components/TextArea/TextArea.js +7 -5
  188. package/es/components/TextArea/TextArea.js.map +1 -1
  189. package/es/components/TextArea/TextArea.tokens.js +4 -0
  190. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  191. package/es/components/TextArea/TextArea_ob9y3r.css +1 -0
  192. package/es/components/TextField/TextField.js +12 -3
  193. package/es/components/TextField/TextField.js.map +1 -1
  194. package/es/components/Toast/Toast.css +6 -9
  195. package/es/components/Toast/ToastController.css +6 -9
  196. package/es/engines/common.js +4 -0
  197. package/es/engines/common.js.map +1 -1
  198. package/es/engines/index.js.map +1 -1
  199. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  200. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  201. package/es/index.css +35 -13
  202. package/es/index.js +8 -0
  203. package/es/index.js.map +1 -1
  204. package/es/utils/canUseDOM.js +8 -0
  205. package/es/utils/canUseDOM.js.map +1 -0
  206. package/es/utils/index.js.map +1 -1
  207. package/package.json +3 -2
  208. package/styled-components/cjs/components/Button/Button.js +2 -16
  209. package/styled-components/cjs/components/Button/Button.styles.js +12 -20
  210. package/styled-components/cjs/components/Button/Button.template-doc.mdx +0 -42
  211. package/styled-components/cjs/components/Button/Button.tokens.js +0 -5
  212. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  213. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  214. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -2
  215. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  216. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  217. package/styled-components/cjs/components/Slider/Slider.js +47 -0
  218. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  219. package/styled-components/cjs/components/Slider/Slider.types.js +5 -0
  220. package/styled-components/cjs/components/Slider/components/Double/Double.js +318 -0
  221. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  222. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
  223. package/styled-components/cjs/components/Slider/components/Single/Single.js +176 -0
  224. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  225. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  226. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  227. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  228. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  229. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  230. package/styled-components/cjs/components/Slider/index.js +32 -0
  231. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +177 -0
  232. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -0
  233. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +5 -0
  234. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  235. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
  236. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  237. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  238. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  239. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  240. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  241. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  242. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  243. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  244. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  245. package/styled-components/cjs/components/TextArea/TextArea.js +6 -4
  246. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +4 -0
  247. package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  248. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  249. package/styled-components/cjs/engines/common.js +4 -0
  250. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  251. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  252. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  253. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  254. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  255. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
  256. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +169 -0
  257. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +4 -4
  258. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  259. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  260. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  261. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  262. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  263. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
  264. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +168 -0
  265. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +4 -4
  266. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  267. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  268. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  269. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  270. package/styled-components/cjs/hooks/index.js +8 -1
  271. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  272. package/styled-components/cjs/index.js +11 -0
  273. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  274. package/styled-components/cjs/utils/index.js +7 -0
  275. package/styled-components/es/components/Button/Button.js +3 -17
  276. package/styled-components/es/components/Button/Button.styles.js +11 -19
  277. package/styled-components/es/components/Button/Button.template-doc.mdx +0 -42
  278. package/styled-components/es/components/Button/Button.tokens.js +0 -5
  279. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  280. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  281. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +2 -3
  282. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  283. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  284. package/styled-components/es/components/Slider/Slider.js +38 -0
  285. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  286. package/styled-components/es/components/Slider/Slider.types.js +1 -0
  287. package/styled-components/es/components/Slider/components/Double/Double.js +310 -0
  288. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  289. package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
  290. package/styled-components/es/components/Slider/components/Single/Single.js +168 -0
  291. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  292. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  293. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  294. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  295. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  296. package/styled-components/es/components/Slider/components/index.js +3 -0
  297. package/styled-components/es/components/Slider/index.js +3 -0
  298. package/styled-components/es/components/Slider/ui/Handler/Handler.js +168 -0
  299. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -0
  300. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +1 -0
  301. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  302. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  303. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  304. package/styled-components/es/components/Slider/ui/index.js +5 -0
  305. package/styled-components/es/components/Slider/utils/index.js +47 -0
  306. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  307. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  308. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  309. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  310. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  311. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  312. package/styled-components/es/components/TextArea/TextArea.js +6 -4
  313. package/styled-components/es/components/TextArea/TextArea.tokens.js +4 -0
  314. package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  315. package/styled-components/es/components/TextField/TextField.js +12 -3
  316. package/styled-components/es/engines/common.js +4 -0
  317. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  318. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  319. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  320. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  321. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  322. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
  323. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +169 -0
  324. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +4 -4
  325. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  326. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  327. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  328. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  329. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  330. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
  331. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +168 -0
  332. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +4 -4
  333. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  334. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  335. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  336. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  337. package/styled-components/es/hooks/index.js +2 -1
  338. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  339. package/styled-components/es/index.js +2 -1
  340. package/styled-components/es/utils/canUseDOM.js +5 -0
  341. package/styled-components/es/utils/index.js +1 -0
  342. package/types/components/Button/Button.d.ts.map +1 -1
  343. package/types/components/Button/Button.styles.d.ts +1 -5
  344. package/types/components/Button/Button.styles.d.ts.map +1 -1
  345. package/types/components/Button/Button.tokens.d.ts +0 -5
  346. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  347. package/types/components/Button/Button.types.d.ts +4 -16
  348. package/types/components/Button/Button.types.d.ts.map +1 -1
  349. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +0 -1
  350. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  351. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  352. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  353. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  354. package/types/components/Notification/Notification.styles.d.ts +1 -43
  355. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  356. package/types/components/Pagination/Pagination.styles.d.ts +2 -86
  357. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  358. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -43
  359. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  360. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +1 -43
  361. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  362. package/types/components/Slider/Slider.d.ts +27 -0
  363. package/types/components/Slider/Slider.d.ts.map +1 -0
  364. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  365. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  366. package/types/components/Slider/Slider.types.d.ts +3 -0
  367. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  368. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  369. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  370. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  371. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  372. package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
  373. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  374. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  375. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  376. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  377. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  378. package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
  379. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  380. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  381. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  382. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  383. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  384. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  385. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  386. package/types/components/Slider/components/index.d.ts +6 -0
  387. package/types/components/Slider/components/index.d.ts.map +1 -0
  388. package/types/components/Slider/index.d.ts +6 -0
  389. package/types/components/Slider/index.d.ts.map +1 -0
  390. package/types/components/Slider/ui/Handler/Handler.d.ts +9 -0
  391. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -0
  392. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +4 -0
  393. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -0
  394. package/types/components/Slider/ui/Handler/Handler.types.d.ts +24 -0
  395. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -0
  396. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  397. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  398. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  399. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  400. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  401. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  402. package/types/components/Slider/ui/index.d.ts +6 -0
  403. package/types/components/Slider/ui/index.d.ts.map +1 -0
  404. package/types/components/Slider/utils/index.d.ts +33 -0
  405. package/types/components/Slider/utils/index.d.ts.map +1 -0
  406. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  407. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  408. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  409. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  410. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  411. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  412. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  413. package/types/components/TextArea/TextArea.tokens.d.ts +4 -0
  414. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  415. package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
  416. package/types/components/TextField/TextField.d.ts.map +1 -1
  417. package/types/components/Toast/Toast.styles.d.ts +1 -43
  418. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  419. package/types/components/Toast/utils.d.ts +1 -43
  420. package/types/components/Toast/utils.d.ts.map +1 -1
  421. package/types/engines/common.d.ts +3 -3
  422. package/types/engines/common.d.ts.map +1 -1
  423. package/types/engines/index.d.ts +1 -1
  424. package/types/engines/index.d.ts.map +1 -1
  425. package/types/engines/types.d.ts +4 -0
  426. package/types/engines/types.d.ts.map +1 -1
  427. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  428. package/types/examples/plasma_b2c/components/Button/Button.d.ts +1 -43
  429. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  430. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  431. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -43
  432. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  433. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  434. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  435. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
  436. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  437. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  438. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  439. package/types/examples/plasma_web/components/Button/Button.d.ts +1 -43
  440. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  441. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  442. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -43
  443. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  444. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  445. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  446. package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
  447. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  448. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  449. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  450. package/types/examples/sds_engineer/components/Button/Button.d.ts +1 -43
  451. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  452. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  453. package/types/hooks/index.d.ts +1 -0
  454. package/types/hooks/index.d.ts.map +1 -1
  455. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  456. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  457. package/types/index.d.ts +1 -0
  458. package/types/index.d.ts.map +1 -1
  459. package/types/utils/canUseDOM.d.ts +6 -0
  460. package/types/utils/canUseDOM.d.ts.map +1 -0
  461. package/types/utils/index.d.ts +1 -0
  462. package/types/utils/index.d.ts.map +1 -1
  463. package/cjs/components/Button/Button.styles_1oz1dew.css +0 -8
  464. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  465. package/cjs/components/TextArea/TextArea_qicm5y.css +0 -1
  466. package/es/components/Button/Button.styles_1oz1dew.css +0 -8
  467. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  468. package/es/components/TextArea/TextArea_qicm5y.css +0 -1
@@ -3,13 +3,11 @@ var classes = {
3
3
  autoStretching: 'button-stretching-auto',
4
4
  filledStretching: 'button-stretching-filled',
5
5
  fixedStretching: 'button-stretching-fixed',
6
- contentRelaxed: 'button-content-relaxed',
7
6
  buttonSquare: 'button-square',
8
7
  buttonItem: 'button-item'
9
8
  };
10
9
  var tokens = {
11
10
  buttonColor: '--plasma-button-color',
12
- buttonValueColor: '--plasma-button-value-color',
13
11
  buttonBackgroundColor: '--plasma-button-background-color',
14
12
  buttonColorHover: '--plasma-button-color-hover',
15
13
  buttonBackgroundColorHover: '--plasma-button-background-color-hover',
@@ -28,9 +26,6 @@ var tokens = {
28
26
  buttonFontWeight: '--plasma-button-font-weight',
29
27
  buttonLetterSpacing: '--plasma-button-letter-spacing',
30
28
  buttonLineHeight: '--plasma-button-line-height',
31
- buttonLeftContentMargin: '--plasma-button-left-content-margin',
32
- buttonRightContentMargin: '--plasma-button-right-content-margin',
33
- buttonValueMargin: '--plasma-button-value-margin',
34
29
  buttonDisabledOpacity: '--plasma-button-disabled-opacity',
35
30
  buttonFocusColor: '--plasma-button-focus-color',
36
31
  buttonSpinnerColor: '--plasma-button-spinner-color',
@@ -1 +1 @@
1
- {"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n buttonStretch: 'button-stretch',\n autoStretching: 'button-stretching-auto',\n filledStretching: 'button-stretching-filled',\n fixedStretching: 'button-stretching-fixed',\n contentRelaxed: 'button-content-relaxed',\n buttonSquare: 'button-square',\n buttonItem: 'button-item',\n};\n\nexport const tokens = {\n buttonColor: '--plasma-button-color',\n buttonValueColor: '--plasma-button-value-color',\n buttonBackgroundColor: '--plasma-button-background-color',\n buttonColorHover: '--plasma-button-color-hover',\n buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n buttonColorActive: '--plasma-button-color-active',\n buttonBackgroundColorActive: '--plasma-button-background-color-active',\n\n buttonScaleHover: '--plasma-button-scale-hover',\n buttonScaleActive: '---plasma-button-scale-active',\n buttonHeight: '--plasma-button-height',\n buttonWidth: '--plasma-button-width',\n buttonPadding: '--plasma-button-padding',\n buttonRadius: '--plasma-button-radius',\n buttonRadiusCircle: '--plasma-button-radius-circle',\n\n buttonFontFamily: '--plasma-button-font-family',\n buttonFontSize: '--plasma-button-font-size',\n buttonFontStyle: '--plasma-button-font-style',\n buttonFontWeight: '--plasma-button-font-weight',\n buttonLetterSpacing: '--plasma-button-letter-spacing',\n buttonLineHeight: '--plasma-button-line-height',\n\n buttonLeftContentMargin: '--plasma-button-left-content-margin',\n buttonRightContentMargin: '--plasma-button-right-content-margin',\n buttonValueMargin: '--plasma-button-value-margin',\n\n buttonDisabledOpacity: '--plasma-button-disabled-opacity',\n buttonFocusColor: '--plasma-button-focus-color',\n\n buttonSpinnerColor: '--plasma-button-spinner-color',\n buttonSpinnerSize: '--plasma-button-spinner-size',\n};\n"],"names":["classes","buttonStretch","autoStretching","filledStretching","fixedStretching","contentRelaxed","buttonSquare","buttonItem","tokens","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonRightContentMargin","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,gBAAgB,EAAE,0BAA0B;AAC5CC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,2BAA2B,EAAE,yCAAyC;AAEtEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,aAAa,EAAE,yBAAyB;AACxCC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,kBAAkB,EAAE,+BAA+B;AAEnDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,iBAAiB,EAAE,8BAA8B;AAEjDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;"}
1
+ {"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n buttonStretch: 'button-stretch',\n autoStretching: 'button-stretching-auto',\n filledStretching: 'button-stretching-filled',\n fixedStretching: 'button-stretching-fixed',\n buttonSquare: 'button-square',\n buttonItem: 'button-item',\n};\n\nexport const tokens = {\n buttonColor: '--plasma-button-color',\n buttonBackgroundColor: '--plasma-button-background-color',\n buttonColorHover: '--plasma-button-color-hover',\n buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n buttonColorActive: '--plasma-button-color-active',\n buttonBackgroundColorActive: '--plasma-button-background-color-active',\n\n buttonScaleHover: '--plasma-button-scale-hover',\n buttonScaleActive: '---plasma-button-scale-active',\n buttonHeight: '--plasma-button-height',\n buttonWidth: '--plasma-button-width',\n buttonPadding: '--plasma-button-padding',\n buttonRadius: '--plasma-button-radius',\n buttonRadiusCircle: '--plasma-button-radius-circle',\n\n buttonFontFamily: '--plasma-button-font-family',\n buttonFontSize: '--plasma-button-font-size',\n buttonFontStyle: '--plasma-button-font-style',\n buttonFontWeight: '--plasma-button-font-weight',\n buttonLetterSpacing: '--plasma-button-letter-spacing',\n buttonLineHeight: '--plasma-button-line-height',\n\n buttonDisabledOpacity: '--plasma-button-disabled-opacity',\n buttonFocusColor: '--plasma-button-focus-color',\n\n buttonSpinnerColor: '--plasma-button-spinner-color',\n buttonSpinnerSize: '--plasma-button-spinner-size',\n};\n"],"names":["classes","buttonStretch","autoStretching","filledStretching","fixedStretching","buttonSquare","buttonItem","tokens","buttonColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,gBAAgB,EAAE,0BAA0B;AAC5CC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,2BAA2B,EAAE,yCAAyC;AAEtEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,aAAa,EAAE,yBAAyB;AACxCC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,kBAAkB,EAAE,+BAA+B;AAEnDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;"}
@@ -1,4 +1,4 @@
1
- import './base_hy8dc.css';
1
+ import './base_1lx0ute.css';
2
2
  var base = "bdz31nb";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Button.tokens';\n\nexport const base = css`\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: fit-content;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAUhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Button.tokens';\n\nexport const base = css`\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAUhB;;;;"}
@@ -1 +1 @@
1
- .bdz31nb.button-stretching-fixed{width:var(--plasma-button-width);}.bdz31nb.button-stretching-filled{width:100%;}.bdz31nb.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
1
+ .bdz31nb.button-stretching-fixed{width:var(--plasma-button-width);}.bdz31nb.button-stretching-filled{width:100%;}.bdz31nb.button-stretching-auto{width:auto;}
@@ -1,4 +1,4 @@
1
- .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
1
+ .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
2
2
 
3
3
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
4
4
 
@@ -6,7 +6,7 @@
6
6
 
7
7
  .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
8
 
9
- .base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
9
+ .base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
10
10
 
11
11
  .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}
12
12
 
@@ -14,7 +14,6 @@ var classes = {
14
14
  var tokens = {
15
15
  buttonGroupOrientation: '--plasma-button-group-orientation',
16
16
  buttonColor: '--plasma-button-group-item-color',
17
- buttonValueColor: '--plasma-button-group-item-value-color',
18
17
  buttonBackgroundColor: '--plasma-button-group-item-background-color',
19
18
  buttonColorHover: '--plasma-button-group-item-color-hover',
20
19
  buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n buttonValueColor: '--plasma-button-group-item-value-color',\n buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;"}
1
+ {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;"}
@@ -1,4 +1,4 @@
1
- import './base_y7z7cs.css';
1
+ import './base_p85v51.css';
2
2
  var base = "b1tbn2l2";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses } from '../../../Button';\n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n\n &.${classes.vertical} .${buttonClasses.buttonItem} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAMhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ButtonGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}
@@ -1 +1 @@
1
- .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.b1tbn2l2.button-group-orienation-vertical .button-item{width:auto;}
1
+ .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
@@ -1,4 +1,4 @@
1
- import './base_1n9gznw.css';
1
+ import './base_6k3uip.css';
2
2
  var base = "b7jdqtc";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonValueColor}: var(${tokens.buttonValueColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAUhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAShB;;;;"}
@@ -0,0 +1 @@
1
+ .b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
@@ -1,6 +1,7 @@
1
1
  import { useEffect } from 'react';
2
2
  import { usePreviousValue } from '../../../hooks/usePreviousValue.js';
3
3
  import { useDidMountEffect } from '../../../hooks/useDidMountEffect.js';
4
+ import '../../../utils/react.js';
4
5
 
5
6
  var useFocusController = function useFocusController(_ref) {
6
7
  var _ref$controlledRefs = _ref.controlledRefs,
@@ -1 +1 @@
1
- {"version":3,"file":"useFocusController.js","sources":["../../../../src/components/Combobox/hooks/useFocusController.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidMountEffect, usePreviousValue } from '../../../hooks';\nimport type { UseFocusControllerProps } from '../Combobox.types';\n\nexport const useFocusController = ({\n controlledRefs: { contentRef, inputHelperRef, inputRef },\n opened,\n hasValue,\n textContent,\n search,\n values,\n readOnly,\n valueType,\n closedWithoutChanges,\n updateSearch,\n updateFocused,\n onChipClick,\n}: UseFocusControllerProps) => {\n const prevSearch = usePreviousValue(search);\n const prevValues = usePreviousValue(values);\n const prevOpened = usePreviousValue(opened);\n\n useDidMountEffect(() => {\n if (!opened) {\n updateFocused(false);\n contentRef.current?.scrollTo({ left: 0 });\n }\n\n const hasFocusAfterClose = prevOpened !== undefined && !opened && !closedWithoutChanges?.current;\n\n if (opened || hasFocusAfterClose) {\n inputRef.current?.focus();\n }\n\n // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.\n // Нужно для того, чтобы не фокусироваться на инпуте\n // ОЧЕНЬ не нравится это решение, но оно работает\n if (closedWithoutChanges?.current === false) {\n closedWithoutChanges.current = true;\n }\n }, [opened]);\n\n useDidMountEffect(() => {\n const prevValuesCount = prevValues?.length || 0;\n const valuesCount = values?.length || 0;\n\n if ((opened || prevOpened) && prevValuesCount < valuesCount) {\n inputRef.current?.focus();\n }\n }, [values, readOnly]);\n\n useDidMountEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n // INFO: Для multiple\n if (search === '') {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для single\n if (!opened && prevSearch !== search) {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для кейсов, когда значение вырезано\n if (!inputRef.current.value.length) {\n inputRef.current.style.flex = '1';\n return;\n }\n\n if (valueType === 'multiple' && inputHelperRef.current) {\n const { clientWidth } = inputHelperRef.current;\n inputRef.current.style.flex = `1 0 ${clientWidth}px`;\n }\n }, [readOnly, search, valueType]);\n\n useEffect(() => {\n const newSearch = hasValue ? textContent : '';\n\n // INFO: Заполнить поле input при первой инициализации\n if (prevOpened !== undefined && opened) {\n return;\n }\n\n if (valueType === 'single') {\n updateSearch?.(newSearch, false);\n }\n\n if (valueType === 'multiple') {\n updateSearch?.('', false);\n }\n }, [updateSearch, values, opened, hasValue, textContent, valueType]);\n\n const onClickText = (event: React.MouseEvent<HTMLButtonElement>) => {\n onChipClick?.(event);\n inputRef.current?.focus();\n };\n\n const onFocusInput = () => {\n if (readOnly) {\n return;\n }\n\n // INFO: Жёсткий хак, нужный для корректного выделения всей строки после выбора значения.\n // Проблема возникает из-за очередности срабатывания useEffect, который сначала вызывает фокус\n // на элемент, а потом обновляет состояние inputRef\n if (valueType === 'single') {\n setTimeout(() => {\n inputRef.current?.select();\n });\n }\n\n contentRef.current?.scrollTo({ left: contentRef.current?.scrollWidth });\n\n updateFocused(true);\n };\n\n const onBlurInput = () => {\n if (!opened) {\n updateFocused(false);\n }\n };\n\n return { onClickText, onFocusInput, onBlurInput } as const;\n};\n"],"names":["useFocusController","_ref","_ref$controlledRefs","controlledRefs","contentRef","inputHelperRef","inputRef","opened","hasValue","textContent","search","values","readOnly","valueType","closedWithoutChanges","updateSearch","updateFocused","onChipClick","prevSearch","usePreviousValue","prevValues","prevOpened","useDidMountEffect","_contentRef$current","current","scrollTo","left","hasFocusAfterClose","undefined","_inputRef$current","focus","prevValuesCount","length","valuesCount","_inputRef$current2","style","flex","value","clientWidth","concat","useEffect","newSearch","onClickText","event","_inputRef$current3","onFocusInput","_contentRef$current2","_contentRef$current3","setTimeout","_inputRef$current4","select","scrollWidth","onBlurInput"],"mappings":"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"}
1
+ {"version":3,"file":"useFocusController.js","sources":["../../../../src/components/Combobox/hooks/useFocusController.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidMountEffect, usePreviousValue } from '../../../hooks';\nimport type { UseFocusControllerProps } from '../Combobox.types';\n\nexport const useFocusController = ({\n controlledRefs: { contentRef, inputHelperRef, inputRef },\n opened,\n hasValue,\n textContent,\n search,\n values,\n readOnly,\n valueType,\n closedWithoutChanges,\n updateSearch,\n updateFocused,\n onChipClick,\n}: UseFocusControllerProps) => {\n const prevSearch = usePreviousValue(search);\n const prevValues = usePreviousValue(values);\n const prevOpened = usePreviousValue(opened);\n\n useDidMountEffect(() => {\n if (!opened) {\n updateFocused(false);\n contentRef.current?.scrollTo({ left: 0 });\n }\n\n const hasFocusAfterClose = prevOpened !== undefined && !opened && !closedWithoutChanges?.current;\n\n if (opened || hasFocusAfterClose) {\n inputRef.current?.focus();\n }\n\n // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.\n // Нужно для того, чтобы не фокусироваться на инпуте\n // ОЧЕНЬ не нравится это решение, но оно работает\n if (closedWithoutChanges?.current === false) {\n closedWithoutChanges.current = true;\n }\n }, [opened]);\n\n useDidMountEffect(() => {\n const prevValuesCount = prevValues?.length || 0;\n const valuesCount = values?.length || 0;\n\n if ((opened || prevOpened) && prevValuesCount < valuesCount) {\n inputRef.current?.focus();\n }\n }, [values, readOnly]);\n\n useDidMountEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n // INFO: Для multiple\n if (search === '') {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для single\n if (!opened && prevSearch !== search) {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для кейсов, когда значение вырезано\n if (!inputRef.current.value.length) {\n inputRef.current.style.flex = '1';\n return;\n }\n\n if (valueType === 'multiple' && inputHelperRef.current) {\n const { clientWidth } = inputHelperRef.current;\n inputRef.current.style.flex = `1 0 ${clientWidth}px`;\n }\n }, [readOnly, search, valueType]);\n\n useEffect(() => {\n const newSearch = hasValue ? textContent : '';\n\n // INFO: Заполнить поле input при первой инициализации\n if (prevOpened !== undefined && opened) {\n return;\n }\n\n if (valueType === 'single') {\n updateSearch?.(newSearch, false);\n }\n\n if (valueType === 'multiple') {\n updateSearch?.('', false);\n }\n }, [updateSearch, values, opened, hasValue, textContent, valueType]);\n\n const onClickText = (event: React.MouseEvent<HTMLButtonElement>) => {\n onChipClick?.(event);\n inputRef.current?.focus();\n };\n\n const onFocusInput = () => {\n if (readOnly) {\n return;\n }\n\n // INFO: Жёсткий хак, нужный для корректного выделения всей строки после выбора значения.\n // Проблема возникает из-за очередности срабатывания useEffect, который сначала вызывает фокус\n // на элемент, а потом обновляет состояние inputRef\n if (valueType === 'single') {\n setTimeout(() => {\n inputRef.current?.select();\n });\n }\n\n contentRef.current?.scrollTo({ left: contentRef.current?.scrollWidth });\n\n updateFocused(true);\n };\n\n const onBlurInput = () => {\n if (!opened) {\n updateFocused(false);\n }\n };\n\n return { onClickText, onFocusInput, onBlurInput } as const;\n};\n"],"names":["useFocusController","_ref","_ref$controlledRefs","controlledRefs","contentRef","inputHelperRef","inputRef","opened","hasValue","textContent","search","values","readOnly","valueType","closedWithoutChanges","updateSearch","updateFocused","onChipClick","prevSearch","usePreviousValue","prevValues","prevOpened","useDidMountEffect","_contentRef$current","current","scrollTo","left","hasFocusAfterClose","undefined","_inputRef$current","focus","prevValuesCount","length","valuesCount","_inputRef$current2","style","flex","value","clientWidth","concat","useEffect","newSearch","onClickText","event","_inputRef$current3","onFocusInput","_contentRef$current2","_contentRef$current3","setTimeout","_inputRef$current4","select","scrollWidth","onBlurInput"],"mappings":"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"}
@@ -26,7 +26,7 @@
26
26
 
27
27
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
28
28
 
29
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
29
+ .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
30
30
 
31
31
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
32
32
 
@@ -35,14 +35,11 @@
35
35
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
36
36
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
37
37
 
38
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
39
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
40
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
41
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
42
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
43
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
44
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
45
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
38
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
39
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
40
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
41
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
42
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
46
43
 
47
44
  .PanelHeader_styles_1cid6t7_b5xb1jq__739616f6{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
48
45
  .PanelHeader_styles_1cid6t7_s1hqmxl1__739616f6{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
@@ -20,7 +20,7 @@
20
20
 
21
21
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
22
22
 
23
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
23
+ .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
24
24
 
25
25
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
26
26
 
@@ -29,14 +29,11 @@
29
29
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
30
30
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
31
31
 
32
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
33
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
34
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
35
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
36
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
37
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
38
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
39
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
32
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
33
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
34
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
35
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
36
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
40
37
 
41
38
  .PanelHeader_styles_1cid6t7_b5xb1jq__739616f6{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
42
39
  .PanelHeader_styles_1cid6t7_s1hqmxl1__739616f6{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
@@ -6,7 +6,7 @@
6
6
 
7
7
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
8
 
9
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
9
+ .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
10
10
 
11
11
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
12
12
 
@@ -15,14 +15,11 @@
15
15
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
16
16
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
17
17
 
18
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
19
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
20
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
21
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
22
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
23
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
24
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
25
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
18
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
19
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
20
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
21
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
22
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
26
23
 
27
24
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
28
25
 
@@ -11,7 +11,7 @@ import { base } from './HeaderArrow.styles.js';
11
11
  import { base as base$2 } from './variations/_size/base.js';
12
12
  import { base as base$1 } from './variations/_view/base.js';
13
13
 
14
- var _excluded = ["arrow", "iconSize", "value"];
14
+ var _excluded = ["arrow", "iconSize"];
15
15
  var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
16
16
  var Button = /*#__PURE__*/component(mergedButtonConfig);
17
17
 
@@ -23,7 +23,6 @@ var headerArrowRoot = function headerArrowRoot(Root) {
23
23
  var arrow = props.arrow,
24
24
  _props$iconSize = props.iconSize,
25
25
  iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
26
- value = props.value,
27
26
  rest = _objectWithoutProperties(props, _excluded);
28
27
  var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
29
28
  return /*#__PURE__*/React.createElement(Root, {
@@ -32,8 +31,7 @@ var headerArrowRoot = function headerArrowRoot(Root) {
32
31
  view: "clear",
33
32
  size: "s",
34
33
  tabIndex: -1,
35
- className: classes.headerArrow,
36
- value: String(value)
34
+ className: classes.headerArrow
37
35
  }, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
38
36
  size: iconSize,
39
37
  sizeCustomProperty: tokens.headerArrowIconSize,
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', value, ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button\n view=\"clear\"\n size=\"s\"\n tabIndex={-1}\n className={classes.headerArrow}\n value={String(value)}\n {...rest}\n >\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","String","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,UAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,QAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,OAAO,CAACW,WAAY;MAC/BhB,KAAK,EAAEiB,MAAM,CAACjB,KAAK,CAAA;KACfC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACS,eAAe,EAAAP,QAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfoB,kBAAkB,EAAEC,MAAM,CAACC,mBAAoB;MAC/CN,SAAS,EAAEO,EAAE,CAACjB,OAAO,CAACkB,eAAe,EAAEnB,aAAa,CAAE;AACtDoB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX7B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM8B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpC,eAAe;AACvBqC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRlB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDnB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button view=\"clear\" size=\"s\" tabIndex={-1} className={classes.headerArrow} {...rest}>\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,UAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAA8BF,KAAK,CAAxCE,KAAK;MAAAC,eAAA,GAA8BH,KAAK,CAAjCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;IAEhD,IAAMC,aAAa,GAAGN,KAAK,KAAK,UAAU,GAAGO,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACf,IAAI,EAAA;AAACgB,MAAAA,GAAG,EAAEb,YAAAA;AAAa,KAAA,eACpBW,KAAA,CAAAC,aAAA,CAAClB,MAAM,EAAAoB,QAAA,CAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,IAAI,EAAC,GAAG;MAACC,QAAQ,EAAE,CAAC,CAAE;MAACC,SAAS,EAAEV,OAAO,CAACW,WAAAA;KAAiBf,EAAAA,IAAI,gBAChFO,KAAA,CAAAC,aAAA,CAACQ,eAAe,EAAAN,QAAA,CAAA;AACZE,MAAAA,IAAI,EAAEb,QAAS;MACfkB,kBAAkB,EAAEC,MAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,EAAE,CAAChB,OAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX3B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElC,eAAe;AACvBmC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -5,14 +5,11 @@
5
5
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
6
6
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
7
7
 
8
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
9
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
10
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
11
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
12
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
13
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
14
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
15
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
8
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
9
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
10
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
11
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
12
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
13
 
17
14
  .base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
18
15
 
@@ -22,6 +19,6 @@
22
19
 
23
20
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
24
21
 
25
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
22
+ .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
26
23
 
27
- .IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
24
+ .IconButton_styles_1hknr37_b1ua728l__f14249fc{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_1hknr37_b1ua728l__f14249fc{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonSquare__f14249fc{width:var(--plasma-button-height);padding:0;}.IconButton_styles_1hknr37_b1ua728l__f14249fc:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_1hknr37_b1ua728l__f14249fc:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_1hknr37_b1ua728l__f14249fc:focus{outline:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_focusVisible__f14249fc:focus::before,.IconButton_styles_1hknr37_b1ua728l__f14249fc[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]:hover,.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingFixed__f14249fc{width:var(--plasma-button-width);}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingFilled__f14249fc{width:100%;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingAuto__f14249fc{width:auto;}
@@ -1,4 +1,4 @@
1
- import './IconButton.styles_7v8g0e.css';
1
+ import './IconButton.styles_1hknr37.css';
2
2
  import 'react';
3
3
  import '../../utils/react.js';
4
4
  import '@linaria/react';
@@ -1 +1 @@
1
- .b1ua728l{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ua728l:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.b1ua728l:focus{outline:none;}.b1ua728l::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
1
+ .b1ua728l{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ua728l:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.b1ua728l:focus{outline:none;}.b1ua728l::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:auto;}
@@ -12,7 +12,7 @@
12
12
 
13
13
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
14
14
 
15
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
15
+ .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
16
16
 
17
17
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
18
18
 
@@ -21,14 +21,11 @@
21
21
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
22
22
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
23
23
 
24
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
25
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
26
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
27
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
28
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
29
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
30
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
31
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
24
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
25
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
26
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
27
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
28
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
32
29
 
33
30
  .Notification_styles_7h8hp0_sb12p__2b784e15{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
34
31
  .Notification_styles_7h8hp0_crvd7hm__2b784e15{position:absolute;width:1.5rem;height:1.5rem;color:var(--plasma-notification-close-icon-color);}.Notification_styles_7h8hp0_crvd7hm__2b784e15:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_7h8hp0_crvd7hm__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{position:relative;}