@salutejs/plasma-new-hope 0.83.0-canary.1194.9157747369.0 → 0.83.0-canary.1213.9161680667.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (440) hide show
  1. package/cjs/components/Button/Button.css +9 -6
  2. package/cjs/components/Button/Button.js +16 -2
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.styles.js +31 -10
  5. package/cjs/components/Button/Button.styles.js.map +1 -1
  6. package/cjs/components/Button/Button.styles_nedem1.css +8 -0
  7. package/cjs/components/Button/Button.tokens.js +5 -0
  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_1lx0ute.css → cjs/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  12. package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
  13. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  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_p85v51.css → cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.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_1n9gznw.css +1 -0
  21. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  22. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  23. package/cjs/components/Drawer/Drawer.css +9 -6
  24. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  25. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  26. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  27. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  28. package/cjs/components/IconButton/IconButton.css +10 -7
  29. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  30. package/cjs/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  31. package/cjs/components/Notification/Notification.css +9 -6
  32. package/cjs/components/Notification/NotificationsProvider.css +9 -6
  33. package/cjs/components/Pagination/Pagination.css +11 -8
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  35. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  36. package/cjs/components/Select/Select.css +9 -6
  37. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  38. package/cjs/components/TextField/TextField.js +3 -12
  39. package/cjs/components/TextField/TextField.js.map +1 -1
  40. package/cjs/components/Toast/Toast.css +9 -6
  41. package/cjs/components/Toast/ToastController.css +9 -6
  42. package/cjs/engines/common.js +0 -4
  43. package/cjs/engines/common.js.map +1 -1
  44. package/cjs/engines/index.js.map +1 -1
  45. package/cjs/index.css +12 -34
  46. package/cjs/index.js +0 -14
  47. package/cjs/index.js.map +1 -1
  48. package/cjs/utils/index.js.map +1 -1
  49. package/es/components/Button/Button.css +9 -6
  50. package/es/components/Button/Button.js +17 -3
  51. package/es/components/Button/Button.js.map +1 -1
  52. package/es/components/Button/Button.styles.js +29 -11
  53. package/es/components/Button/Button.styles.js.map +1 -1
  54. package/es/components/Button/Button.styles_nedem1.css +8 -0
  55. package/es/components/Button/Button.tokens.js +5 -0
  56. package/es/components/Button/Button.tokens.js.map +1 -1
  57. package/es/components/Button/variations/_stretching/base.js +1 -1
  58. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  59. package/{cjs/components/Button/variations/_stretching/base_1lx0ute.css → es/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  60. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  61. package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  62. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  63. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  64. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  65. package/{cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css → es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +1 -1
  66. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  67. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  68. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  69. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  70. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  71. package/es/components/Drawer/Drawer.css +9 -6
  72. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  73. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  74. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  75. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  76. package/es/components/IconButton/IconButton.css +10 -7
  77. package/es/components/IconButton/IconButton.styles.js +1 -1
  78. package/es/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  79. package/es/components/Notification/Notification.css +9 -6
  80. package/es/components/Notification/NotificationsProvider.css +9 -6
  81. package/es/components/Pagination/Pagination.css +11 -8
  82. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  83. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  84. package/es/components/Select/Select.css +9 -6
  85. package/es/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  86. package/es/components/TextField/TextField.js +3 -12
  87. package/es/components/TextField/TextField.js.map +1 -1
  88. package/es/components/Toast/Toast.css +9 -6
  89. package/es/components/Toast/ToastController.css +9 -6
  90. package/es/engines/common.js +0 -4
  91. package/es/engines/common.js.map +1 -1
  92. package/es/engines/index.js.map +1 -1
  93. package/es/index.css +12 -34
  94. package/es/index.js +0 -8
  95. package/es/index.js.map +1 -1
  96. package/es/utils/index.js.map +1 -1
  97. package/package.json +2 -3
  98. package/styled-components/cjs/components/Button/Button.js +16 -2
  99. package/styled-components/cjs/components/Button/Button.styles.js +20 -12
  100. package/styled-components/cjs/components/Button/Button.template-doc.mdx +42 -0
  101. package/styled-components/cjs/components/Button/Button.tokens.js +5 -0
  102. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  103. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  104. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +2 -1
  105. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  106. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  107. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  108. package/styled-components/cjs/engines/common.js +0 -4
  109. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  110. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  111. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  112. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  113. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  114. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  115. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  116. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  117. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  118. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  119. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  120. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  121. package/styled-components/cjs/hooks/index.js +1 -8
  122. package/styled-components/cjs/index.js +0 -11
  123. package/styled-components/cjs/utils/index.js +0 -7
  124. package/styled-components/es/components/Button/Button.js +17 -3
  125. package/styled-components/es/components/Button/Button.styles.js +19 -11
  126. package/styled-components/es/components/Button/Button.template-doc.mdx +42 -0
  127. package/styled-components/es/components/Button/Button.tokens.js +5 -0
  128. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  129. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  130. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +3 -2
  131. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  132. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  133. package/styled-components/es/components/TextField/TextField.js +3 -12
  134. package/styled-components/es/engines/common.js +0 -4
  135. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  136. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  137. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  138. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  139. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  140. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  141. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  142. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  143. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  144. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  145. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  146. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  147. package/styled-components/es/hooks/index.js +1 -2
  148. package/styled-components/es/index.js +1 -2
  149. package/styled-components/es/utils/index.js +0 -1
  150. package/types/components/Button/Button.d.ts.map +1 -1
  151. package/types/components/Button/Button.styles.d.ts +5 -1
  152. package/types/components/Button/Button.styles.d.ts.map +1 -1
  153. package/types/components/Button/Button.tokens.d.ts +5 -0
  154. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  155. package/types/components/Button/Button.types.d.ts +16 -4
  156. package/types/components/Button/Button.types.d.ts.map +1 -1
  157. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
  158. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  159. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  160. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  161. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  162. package/types/components/Notification/Notification.styles.d.ts +43 -1
  163. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  164. package/types/components/Pagination/Pagination.styles.d.ts +86 -2
  165. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  166. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +43 -1
  167. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  168. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +43 -1
  169. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  170. package/types/components/TextField/TextField.d.ts.map +1 -1
  171. package/types/components/Toast/Toast.styles.d.ts +43 -1
  172. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  173. package/types/components/Toast/utils.d.ts +43 -1
  174. package/types/components/Toast/utils.d.ts.map +1 -1
  175. package/types/engines/common.d.ts +3 -3
  176. package/types/engines/common.d.ts.map +1 -1
  177. package/types/engines/index.d.ts +1 -1
  178. package/types/engines/index.d.ts.map +1 -1
  179. package/types/engines/types.d.ts +0 -4
  180. package/types/engines/types.d.ts.map +1 -1
  181. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  182. package/types/examples/plasma_b2c/components/Button/Button.d.ts +43 -1
  183. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  184. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  185. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +43 -1
  186. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  187. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  188. package/types/examples/plasma_web/components/Button/Button.d.ts +43 -1
  189. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  190. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  191. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +43 -1
  192. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  193. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  194. package/types/examples/sds_engineer/components/Button/Button.d.ts +43 -1
  195. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  196. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  197. package/types/hooks/index.d.ts +0 -1
  198. package/types/hooks/index.d.ts.map +1 -1
  199. package/types/index.d.ts +0 -1
  200. package/types/index.d.ts.map +1 -1
  201. package/types/utils/index.d.ts +0 -1
  202. package/types/utils/index.d.ts.map +1 -1
  203. package/cjs/components/Button/Button.styles_uqvh6u.css +0 -5
  204. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  205. package/cjs/components/Slider/Slider.css +0 -69
  206. package/cjs/components/Slider/Slider.js +0 -48
  207. package/cjs/components/Slider/Slider.js.map +0 -1
  208. package/cjs/components/Slider/Slider.tokens.js +0 -79
  209. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  210. package/cjs/components/Slider/components/Double/Double.css +0 -62
  211. package/cjs/components/Slider/components/Double/Double.js +0 -288
  212. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  213. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  214. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  215. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  216. package/cjs/components/Slider/components/Single/Single.css +0 -16
  217. package/cjs/components/Slider/components/Single/Single.js +0 -164
  218. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  219. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  220. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  221. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  222. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  223. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  224. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  225. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  226. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  227. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  228. package/cjs/components/Slider/ui/Handler/Handler.css +0 -4
  229. package/cjs/components/Slider/ui/Handler/Handler.js +0 -174
  230. package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
  231. package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
  232. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  233. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  234. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  235. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  236. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  237. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  238. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  239. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  240. package/cjs/components/Slider/utils/index.js +0 -56
  241. package/cjs/components/Slider/utils/index.js.map +0 -1
  242. package/cjs/components/Slider/variations/_disabled/base.js +0 -9
  243. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  244. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  245. package/cjs/components/Slider/variations/_size/base.js +0 -9
  246. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  247. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  248. package/cjs/components/Slider/variations/_view/base.js +0 -9
  249. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  250. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  251. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  252. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  253. package/cjs/utils/canUseDOM.js +0 -12
  254. package/cjs/utils/canUseDOM.js.map +0 -1
  255. package/es/components/Button/Button.styles_uqvh6u.css +0 -5
  256. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  257. package/es/components/Slider/Slider.css +0 -69
  258. package/es/components/Slider/Slider.js +0 -43
  259. package/es/components/Slider/Slider.js.map +0 -1
  260. package/es/components/Slider/Slider.tokens.js +0 -74
  261. package/es/components/Slider/Slider.tokens.js.map +0 -1
  262. package/es/components/Slider/components/Double/Double.css +0 -62
  263. package/es/components/Slider/components/Double/Double.js +0 -284
  264. package/es/components/Slider/components/Double/Double.js.map +0 -1
  265. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  266. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  267. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  268. package/es/components/Slider/components/Single/Single.css +0 -16
  269. package/es/components/Slider/components/Single/Single.js +0 -160
  270. package/es/components/Slider/components/Single/Single.js.map +0 -1
  271. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  272. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  273. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  274. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  275. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  276. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  277. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  278. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  279. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  280. package/es/components/Slider/ui/Handler/Handler.css +0 -4
  281. package/es/components/Slider/ui/Handler/Handler.js +0 -170
  282. package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
  283. package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
  284. package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  285. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  286. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  287. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  288. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  289. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  290. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  291. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  292. package/es/components/Slider/utils/index.js +0 -50
  293. package/es/components/Slider/utils/index.js.map +0 -1
  294. package/es/components/Slider/variations/_disabled/base.js +0 -5
  295. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  296. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  297. package/es/components/Slider/variations/_size/base.js +0 -5
  298. package/es/components/Slider/variations/_size/base.js.map +0 -1
  299. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  300. package/es/components/Slider/variations/_view/base.js +0 -5
  301. package/es/components/Slider/variations/_view/base.js.map +0 -1
  302. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  303. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  304. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  305. package/es/utils/canUseDOM.js +0 -8
  306. package/es/utils/canUseDOM.js.map +0 -1
  307. package/styled-components/cjs/components/Slider/Slider.js +0 -47
  308. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  309. package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
  310. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -300
  311. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  312. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  313. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -176
  314. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  315. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  316. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  317. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  318. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  319. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  320. package/styled-components/cjs/components/Slider/index.js +0 -32
  321. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +0 -183
  322. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
  323. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +0 -5
  324. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  325. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  326. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  327. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  328. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  329. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  330. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  331. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  332. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  333. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  334. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  335. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  336. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  337. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  338. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  339. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  340. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  341. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  342. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  343. package/styled-components/es/components/Slider/Slider.js +0 -38
  344. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  345. package/styled-components/es/components/Slider/Slider.types.js +0 -1
  346. package/styled-components/es/components/Slider/components/Double/Double.js +0 -292
  347. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  348. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  349. package/styled-components/es/components/Slider/components/Single/Single.js +0 -168
  350. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  351. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  352. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  353. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  354. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  355. package/styled-components/es/components/Slider/components/index.js +0 -3
  356. package/styled-components/es/components/Slider/index.js +0 -3
  357. package/styled-components/es/components/Slider/ui/Handler/Handler.js +0 -174
  358. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
  359. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +0 -1
  360. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  361. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  362. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  363. package/styled-components/es/components/Slider/ui/index.js +0 -5
  364. package/styled-components/es/components/Slider/utils/index.js +0 -47
  365. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  366. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  367. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  368. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  369. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  370. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  371. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  372. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  373. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  374. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  375. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  376. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  377. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  378. package/styled-components/es/utils/canUseDOM.js +0 -5
  379. package/types/components/Slider/Slider.d.ts +0 -27
  380. package/types/components/Slider/Slider.d.ts.map +0 -1
  381. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  382. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  383. package/types/components/Slider/Slider.types.d.ts +0 -3
  384. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  385. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  386. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  387. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  388. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  389. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  390. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  391. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  392. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  393. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  394. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  395. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  396. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  397. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  398. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  399. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  400. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  401. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  402. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  403. package/types/components/Slider/components/index.d.ts +0 -6
  404. package/types/components/Slider/components/index.d.ts.map +0 -1
  405. package/types/components/Slider/index.d.ts +0 -6
  406. package/types/components/Slider/index.d.ts.map +0 -1
  407. package/types/components/Slider/ui/Handler/Handler.d.ts +0 -9
  408. package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
  409. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
  410. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
  411. package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
  412. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +0 -1
  413. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  414. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  415. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  416. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  417. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  418. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  419. package/types/components/Slider/ui/index.d.ts +0 -6
  420. package/types/components/Slider/ui/index.d.ts.map +0 -1
  421. package/types/components/Slider/utils/index.d.ts +0 -33
  422. package/types/components/Slider/utils/index.d.ts.map +0 -1
  423. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  424. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  425. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  426. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  427. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  428. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  429. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  430. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  431. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  432. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  433. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  434. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  435. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  436. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  437. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  438. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  439. package/types/utils/canUseDOM.d.ts +0 -6
  440. package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -8,27 +8,27 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
12
- accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
13
- secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
14
- clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
15
- positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
16
- warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
17
- negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
18
- dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
19
- black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
20
- white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], buttonTokens.buttonColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive)
11
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
12
+ accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
13
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
14
+ clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
15
+ positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
16
+ warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
17
+ negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
18
+ dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
19
+ black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
20
+ white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-text-secondary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive)
21
21
  },
22
22
  size: {
23
- l: /*#__PURE__*/css(["", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
24
- lr: /*#__PURE__*/css(["", ":3.5rem;", ":12.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
25
- m: /*#__PURE__*/css(["", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
26
- mr: /*#__PURE__*/css(["", ":3rem;", ":11.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
27
- s: /*#__PURE__*/css(["", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
28
- sr: /*#__PURE__*/css(["", ":2.5rem;", ":11.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
29
- xs: /*#__PURE__*/css(["", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
30
- xsr: /*#__PURE__*/css(["", ":2rem;", ":10rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor),
31
- xxs: /*#__PURE__*/css(["", ":1.5rem;", ":8.75rem;", ":0.625rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.75rem;", ":inherit;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor)
23
+ l: /*#__PURE__*/css(["", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;", ":0 0.5rem 0 -0.125rem;", ":0 -0.125rem 0 0.5rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
24
+ lr: /*#__PURE__*/css(["", ":3.5rem;", ":12.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;", ":0 0.5rem 0 0;", ":0 0 0 0.5rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
25
+ m: /*#__PURE__*/css(["", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;", ":0 0.375rem 0 -0.125rem;", ":0 -0.125rem 0 0.375rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
26
+ mr: /*#__PURE__*/css(["", ":3rem;", ":11.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;", ":0 0.375rem 0 0;", ":0 0 0 0.375rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
27
+ s: /*#__PURE__*/css(["", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
28
+ sr: /*#__PURE__*/css(["", ":2.5rem;", ":11.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
29
+ xs: /*#__PURE__*/css(["", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
30
+ xsr: /*#__PURE__*/css(["", ":2rem;", ":10rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
31
+ xxs: /*#__PURE__*/css(["", ":1.5rem;", ":8.75rem;", ":0.625rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.75rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;"], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
32
32
  },
33
33
  disabled: {
34
34
  "true": /*#__PURE__*/css(["", ":0.4;"], buttonTokens.buttonDisabledOpacity)
@@ -1,55 +1,117 @@
1
- import { ComponentProps } from 'react';
1
+ import * as React from 'react';
2
+ import type { ComponentProps } from 'react';
2
3
  import type { StoryObj, Meta } from '@storybook/react';
4
+ import { disableProps } from '@salutejs/plasma-sb-utils';
3
5
 
4
- import { buttonConfig } from '../../../../components/Button';
5
- import { mergeConfig } from '../../../../engines';
6
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { IconMic } from '../../../../components/_Icon';
7
+ import { WithTheme } from '../../../_helpers';
7
8
 
8
- import { config } from './Button.config';
9
9
  import { Button } from './Button';
10
10
 
11
+ const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
12
+ const sizes = ['l', 'm', 's', 'xs', 'xxs'];
13
+ const stretchingValues = ['auto', 'filled', 'fixed'];
14
+ const pinValues = [
15
+ '',
16
+ 'square-square',
17
+ 'square-clear',
18
+ 'clear-square',
19
+ 'clear-clear',
20
+ 'clear-circle',
21
+ 'circle-clear',
22
+ 'circle-circle',
23
+ ];
24
+ const contentPlacinValues = ['default', 'relaxed'];
25
+
11
26
  const meta: Meta<typeof Button> = {
12
27
  title: 'sds_engineer/Button',
13
28
  decorators: [WithTheme],
14
29
  component: Button,
30
+ args: {
31
+ view: 'default',
32
+ size: 'm',
33
+ contentPlacing: 'default',
34
+ stretching: 'auto',
35
+ text: 'Hello',
36
+ value: 'Value',
37
+ disabled: false,
38
+ focused: true,
39
+ square: false,
40
+ isLoading: false,
41
+ },
15
42
  argTypes: {
16
- ...argTypesFromConfig(mergeConfig(buttonConfig, config)),
17
- pin: {
18
- options: [
19
- 'square-square',
20
- 'square-clear',
21
- 'clear-square',
22
- 'clear-clear',
23
- 'clear-circle',
24
- 'circle-clear',
25
- 'circle-circle',
26
- '',
27
- ],
43
+ view: {
44
+ options: views,
45
+ control: {
46
+ type: 'select',
47
+ },
48
+ },
49
+ size: {
50
+ options: sizes,
51
+ control: {
52
+ type: 'select',
53
+ },
54
+ },
55
+ contentPlacing: {
56
+ options: contentPlacinValues,
28
57
  control: {
29
58
  type: 'select',
30
59
  },
31
- table: { defaultValue: { summary: 'bottom' } },
32
60
  },
33
61
  stretching: {
34
- options: ['auto', 'filled', 'fixed'],
62
+ options: stretchingValues,
63
+ control: {
64
+ type: 'select',
65
+ },
66
+ },
67
+ pin: {
68
+ options: pinValues,
35
69
  control: {
36
70
  type: 'select',
37
71
  },
72
+ table: { defaultValue: { summary: 'bottom' } },
38
73
  },
39
74
  },
40
75
  };
41
76
 
42
77
  export default meta;
43
78
 
44
- export const Default: StoryObj<ComponentProps<typeof Button>> = {
79
+ type StoryPropsDefault = ComponentProps<typeof Button> & {
80
+ enableContentLeft: boolean;
81
+ enableContentRight: boolean;
82
+ };
83
+
84
+ const StoryDefault = ({ enableContentLeft, enableContentRight, size, ...rest }: StoryPropsDefault) => {
85
+ const iconSize = size === 'xs' ? 'xs' : 's';
86
+
87
+ return (
88
+ <Button
89
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
90
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
91
+ size={size}
92
+ {...rest}
93
+ />
94
+ );
95
+ };
96
+
97
+ export const Default: StoryObj<StoryPropsDefault> = {
45
98
  args: {
46
- children: 'Hello',
47
- view: 'default',
48
- size: 'm',
49
- disabled: false,
50
- focused: true,
51
- square: false,
52
- stretching: 'auto',
53
- isLoading: false,
99
+ enableContentLeft: false,
100
+ enableContentRight: false,
101
+ },
102
+ render: (args) => <StoryDefault {...args} />,
103
+ };
104
+
105
+ export const AccessibilityWithChildren: StoryObj<ComponentProps<typeof Button>> = {
106
+ argTypes: { ...disableProps(['text']) },
107
+ render: (props: ComponentProps<typeof Button>) => {
108
+ const args = { ...props, text: undefined };
109
+
110
+ return (
111
+ <Button {...args}>
112
+ <IconMic color="inherit" />
113
+ <span>Включить микрофон</span>
114
+ </Button>
115
+ );
54
116
  },
55
117
  };
@@ -7,16 +7,16 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
11
- accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
12
- secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
13
- clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
14
- positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
15
- warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
16
- negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
17
- dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
18
- black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
19
- white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
10
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
11
+ accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
12
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
13
+ clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
14
+ positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
15
+ warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
16
+ negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
17
+ dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
18
+ black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
19
+ white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-text-secondary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
20
20
  },
21
21
  size: {
22
22
  l: /*#__PURE__*/css(["", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":3.5rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
@@ -11,7 +11,7 @@ import { ButtonGroup } from './ButtonGroup';
11
11
  type StoryProps = ComponentProps<typeof ButtonGroup> & { itemsCount?: number };
12
12
  type Story = StoryObj<StoryProps>;
13
13
 
14
- const views = ['accent', 'default', 'secondary', 'success', 'warning', 'critical', 'clear'];
14
+ const views = ['accent', 'default', 'secondary', 'positive', 'warning', 'negative', 'clear'];
15
15
  const sizes = ['l', 'm', 's', 'xs', 'xxs'];
16
16
  const orientationValues = ['horizontal', 'vertical'];
17
17
  const gapValues = ['none', 'dense', 'wide'];
@@ -1,5 +1,4 @@
1
1
  export { useUniqId } from './useUniqId';
2
2
  export { usePreviousValue } from './usePreviousValue';
3
3
  export { useForceUpdate } from './useForceUpdate';
4
- export { useDidMountEffect } from './useDidMountEffect';
5
- export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
4
+ export { useDidMountEffect } from './useDidMountEffect';
@@ -45,5 +45,4 @@ export * from './components/Grid';
45
45
  export * from './components/Progress';
46
46
  export * from './components/Select';
47
47
  export * from './components/Divider';
48
- export * from './components/Toolbar';
49
- export * from './components/Slider';
48
+ export * from './components/Toolbar';
@@ -1,4 +1,3 @@
1
- export { canUseDOM } from './canUseDOM';
2
1
  export { extractTextFrom } from './extractTextFrom';
3
2
  export { getSizeValueFromProp } from './getSizeValueFromProp';
4
3
  export { IS_REACT_18, safeUseId } from './react';
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,WAAW,CAAC,uGA4DpE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA9DQ,UAAU,iBAAiB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FzE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,WAAW,EAA0B,MAAM,gBAAgB,CAAC;AAa1E,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,WAAW,CAAC,uGAyEpE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA3EQ,UAAU,iBAAiB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GzE,CAAC"}
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
- export declare const base: import("@linaria/core").LinariaClassName;
3
2
  export declare const ButtonText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
3
+ export declare const ButtonValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
4
4
  export declare const LoadWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
5
+ contentPlacing: string;
5
6
  isLoading?: boolean | undefined;
6
7
  }>;
7
8
  export declare const Loader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -21,5 +22,8 @@ export declare const StyledSpinner: import("@linaria/react").StyledMeta & import
21
22
  size?: undefined;
22
23
  view?: string | undefined;
23
24
  } & import("react").RefAttributes<HTMLDivElement>))>;
25
+ export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
26
+ export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
27
+ export declare const base: import("@linaria/core").LinariaClassName;
24
28
  export declare const baseContent: string;
25
29
  //# sourceMappingURL=Button.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAKF,eAAO,MAAM,UAAU,uKAUtB,CAAC;AAGF,eAAO,MAAM,QAAQ;;EAOpB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
1
+ {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;;EAO1D,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAE9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
@@ -3,11 +3,13 @@ export declare const classes: {
3
3
  autoStretching: string;
4
4
  filledStretching: string;
5
5
  fixedStretching: string;
6
+ contentRelaxed: string;
6
7
  buttonSquare: string;
7
8
  buttonItem: string;
8
9
  };
9
10
  export declare const tokens: {
10
11
  buttonColor: string;
12
+ buttonValueColor: string;
11
13
  buttonBackgroundColor: string;
12
14
  buttonColorHover: string;
13
15
  buttonBackgroundColorHover: string;
@@ -26,6 +28,9 @@ export declare const tokens: {
26
28
  buttonFontWeight: string;
27
29
  buttonLetterSpacing: string;
28
30
  buttonLineHeight: string;
31
+ buttonLeftContentMargin: string;
32
+ buttonRightContentMargin: string;
33
+ buttonValueMargin: string;
29
34
  buttonDisabledOpacity: string;
30
35
  buttonFocusColor: string;
31
36
  buttonSpinnerColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
1
+ {"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
@@ -3,6 +3,18 @@ import type { Pin } from '../../utils/roundness';
3
3
  import { Blur } from '../../mixins';
4
4
  import type { AsProps } from '../../types';
5
5
  declare type Stretching = 'fixed' | 'filled' | 'auto';
6
+ declare type ContentPlacing = 'default' | 'relaxed';
7
+ declare type ContentPlacingValue = 'center' | 'space-between';
8
+ export declare type ContentPlacementMapper = {
9
+ [K in ContentPlacing]: ContentPlacingValue;
10
+ };
11
+ declare type RightContent = {
12
+ value?: string | number;
13
+ contentRight?: never;
14
+ } | {
15
+ value?: never;
16
+ contentRight?: ReactNode;
17
+ };
6
18
  declare type CustomButtonProps = {
7
19
  /**
8
20
  * Текстовая надпись
@@ -13,9 +25,10 @@ declare type CustomButtonProps = {
13
25
  */
14
26
  contentLeft?: ReactNode;
15
27
  /**
16
- * Слот для контента справа, например `Icon`
28
+ * Положение контента по ширине кнопки.
29
+ * @default 'default'
17
30
  */
18
- contentRight?: ReactNode;
31
+ contentPlacing?: ContentPlacing;
19
32
  /**
20
33
  * У кнопки состояние загрузки
21
34
  */
@@ -86,7 +99,6 @@ declare type CustomButtonProps = {
86
99
  */
87
100
  blur?: Blur;
88
101
  };
89
- export interface ButtonProps<T = HTMLElement> extends ButtonHTMLAttributes<T>, Omit<AnchorHTMLAttributes<T>, 'type'>, AsProps, CustomButtonProps {
90
- }
102
+ export declare type ButtonProps<T = HTMLElement> = {} & ButtonHTMLAttributes<T> & Omit<AnchorHTMLAttributes<T>, 'type'> & AsProps & CustomButtonProps & RightContent;
91
103
  export {};
92
104
  //# sourceMappingURL=Button.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9C,aAAK,iBAAiB,GAAG;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,WAAW,CACxC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC3B,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EACrC,OAAO,EACP,iBAAiB;CAAG"}
1
+ {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9C,aAAK,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAC5C,aAAK,mBAAmB,GAAG,QAAQ,GAAG,eAAe,CAAC;AAEtD,oBAAY,sBAAsB,GAAG;KAChC,CAAC,IAAI,cAAc,GAAG,mBAAmB;CAC7C,CAAC;AAEF,aAAK,YAAY,GACX;IACI,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,aAAK,iBAAiB,GAAG;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,oBAAY,WAAW,CAAC,CAAC,GAAG,WAAW,IAAI,EAAE,GAAG,oBAAoB,CAAC,CAAC,CAAC,GACnE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GACrC,OAAO,GACP,iBAAiB,GACjB,YAAY,CAAC"}
@@ -14,6 +14,7 @@ export declare const classes: {
14
14
  export declare const tokens: {
15
15
  buttonGroupOrientation: string;
16
16
  buttonColor: string;
17
+ buttonValueColor: string;
17
18
  buttonBackgroundColor: string;
18
19
  buttonColorHover: string;
19
20
  buttonBackgroundColorHover: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
1
+ {"version":3,"file":"ButtonGroup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderArrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAcrD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;wCAmBzF,CAAC;AAEP,eAAO,MAAM,iBAAiB;;;mBArBQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;CAsC9F,CAAC"}
1
+ {"version":3,"file":"HeaderArrow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAcrD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;wCA0BzF,CAAC;AAEP,eAAO,MAAM,iBAAiB;;;mBA5BQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;CA6C9F,CAAC"}
@@ -1,7 +1,49 @@
1
1
  /// <reference types="react" />
2
2
  import { CloseIconType, IconPlacementType } from './Notification.types';
3
3
  export declare const StyledNotification: import("@linaria/core").LinariaClassName;
4
- export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
4
+ export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").ButtonHTMLAttributes<HTMLElement> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../types").AsProps<any> & {
5
+ text?: string | undefined;
6
+ contentLeft?: import("react").ReactNode;
7
+ contentPlacing?: ("default" | "relaxed") | undefined;
8
+ isLoading?: boolean | undefined;
9
+ loader?: import("react").ReactNode;
10
+ stretch?: boolean | undefined;
11
+ stretching?: ("fixed" | "auto" | "filled") | undefined;
12
+ square?: boolean | undefined;
13
+ focused?: boolean | undefined;
14
+ disabled?: boolean | undefined;
15
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
16
+ view?: string | undefined;
17
+ size?: string | undefined;
18
+ outlined?: boolean | undefined;
19
+ shiftLeft?: boolean | undefined;
20
+ shiftRight?: boolean | undefined;
21
+ blur?: "small" | "medium" | "large" | undefined;
22
+ } & {
23
+ value?: string | number | undefined;
24
+ contentRight?: undefined;
25
+ } & import("react").RefAttributes<HTMLButtonElement>) | (import("react").ButtonHTMLAttributes<HTMLElement> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../types").AsProps<any> & {
26
+ text?: string | undefined;
27
+ contentLeft?: import("react").ReactNode;
28
+ contentPlacing?: ("default" | "relaxed") | undefined;
29
+ isLoading?: boolean | undefined;
30
+ loader?: import("react").ReactNode;
31
+ stretch?: boolean | undefined;
32
+ stretching?: ("fixed" | "auto" | "filled") | undefined;
33
+ square?: boolean | undefined;
34
+ focused?: boolean | undefined;
35
+ disabled?: boolean | undefined;
36
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
37
+ view?: string | undefined;
38
+ size?: string | undefined;
39
+ outlined?: boolean | undefined;
40
+ shiftLeft?: boolean | undefined;
41
+ shiftRight?: boolean | undefined;
42
+ blur?: "small" | "medium" | "large" | undefined;
43
+ } & {
44
+ value?: undefined;
45
+ contentRight?: import("react").ReactNode;
46
+ } & import("react").RefAttributes<HTMLButtonElement>))>;
5
47
  export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
48
  export declare const ButtonsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IconPlacementType>;
7
49
  export declare const IconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IconPlacementType>;
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAc,MAAM,sBAAsB,CAAC;AAEpF,eAAO,MAAM,kBAAkB,0CAE9B,CAAC;AAKF,eAAO,MAAM,gBAAgB,4PAc5B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,gKAS1B,CAAC;AAEF,eAAO,MAAM,WAAW,gKAavB,CAAC;AAEF,eAAO,MAAM,UAAU,gKActB,CAAC;AAEF,eAAO,MAAM,OAAO,gLAqBnB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;EAmC9D,CAAC;AAEF,eAAO,MAAM,UAAU,qKAOtB,CAAC"}
1
+ {"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAc,MAAM,sBAAsB,CAAC;AAEpF,eAAO,MAAM,kBAAkB,0CAE9B,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAc5B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,gKAS1B,CAAC;AAEF,eAAO,MAAM,WAAW,gKAavB,CAAC;AAEF,eAAO,MAAM,UAAU,gKActB,CAAC;AAEF,eAAO,MAAM,OAAO,gLAqBnB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;EAmC9D,CAAC;AAEF,eAAO,MAAM,UAAU,qKAOtB,CAAC"}