@salutejs/plasma-new-hope 0.84.0-canary.1213.9221965842.0 → 0.84.0-dev.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 +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/TextField/TextField.js +12 -3
  85. package/cjs/components/TextField/TextField.js.map +1 -1
  86. package/cjs/components/Toast/Toast.css +6 -9
  87. package/cjs/components/Toast/ToastController.css +6 -9
  88. package/cjs/engines/common.js +4 -0
  89. package/cjs/engines/common.js.map +1 -1
  90. package/cjs/engines/index.js.map +1 -1
  91. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  92. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  93. package/cjs/index.css +34 -12
  94. package/cjs/index.js +14 -0
  95. package/cjs/index.js.map +1 -1
  96. package/cjs/utils/canUseDOM.js +12 -0
  97. package/cjs/utils/canUseDOM.js.map +1 -0
  98. package/cjs/utils/index.js.map +1 -1
  99. package/es/components/Button/Button.css +6 -9
  100. package/es/components/Button/Button.js +3 -17
  101. package/es/components/Button/Button.js.map +1 -1
  102. package/es/components/Button/Button.styles.js +11 -29
  103. package/es/components/Button/Button.styles.js.map +1 -1
  104. package/es/components/Button/Button.styles_uqvh6u.css +5 -0
  105. package/es/components/Button/Button.tokens.js +0 -5
  106. package/es/components/Button/Button.tokens.js.map +1 -1
  107. package/es/components/Button/variations/_stretching/base.js +1 -1
  108. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  109. package/{cjs/components/Button/variations/_stretching/base_hy8dc.css → es/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
  110. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  111. package/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  112. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  113. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  114. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  115. package/{cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → es/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
  116. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  117. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  118. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
  119. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  120. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  121. package/es/components/Drawer/Drawer.css +6 -9
  122. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
  123. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
  124. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  125. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  126. package/es/components/IconButton/IconButton.css +7 -10
  127. package/es/components/IconButton/IconButton.styles.js +1 -1
  128. package/es/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
  129. package/es/components/Notification/Notification.css +6 -9
  130. package/es/components/Notification/NotificationsProvider.css +6 -9
  131. package/es/components/Pagination/Pagination.css +8 -11
  132. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
  133. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
  134. package/es/components/Select/Select.css +6 -9
  135. package/es/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
  136. package/es/components/Slider/Slider.css +69 -0
  137. package/es/components/Slider/Slider.js +43 -0
  138. package/es/components/Slider/Slider.js.map +1 -0
  139. package/es/components/Slider/Slider.tokens.js +74 -0
  140. package/es/components/Slider/Slider.tokens.js.map +1 -0
  141. package/es/components/Slider/components/Double/Double.css +62 -0
  142. package/es/components/Slider/components/Double/Double.js +302 -0
  143. package/es/components/Slider/components/Double/Double.js.map +1 -0
  144. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  145. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  146. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  147. package/es/components/Slider/components/Single/Single.css +16 -0
  148. package/es/components/Slider/components/Single/Single.js +160 -0
  149. package/es/components/Slider/components/Single/Single.js.map +1 -0
  150. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  151. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  152. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  153. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  154. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  155. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  156. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  157. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  158. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  159. package/es/components/Slider/ui/Handler/Handler.css +4 -0
  160. package/es/components/Slider/ui/Handler/Handler.js +164 -0
  161. package/es/components/Slider/ui/Handler/Handler.js.map +1 -0
  162. package/es/components/Slider/ui/Handler/Handler.styles.js +16 -0
  163. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -0
  164. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  165. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  166. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  167. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  168. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  169. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  170. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  171. package/es/components/Slider/utils/index.js +50 -0
  172. package/es/components/Slider/utils/index.js.map +1 -0
  173. package/es/components/Slider/variations/_disabled/base.js +5 -0
  174. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  175. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  176. package/es/components/Slider/variations/_size/base.js +5 -0
  177. package/es/components/Slider/variations/_size/base.js.map +1 -0
  178. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  179. package/es/components/Slider/variations/_view/base.js +5 -0
  180. package/es/components/Slider/variations/_view/base.js.map +1 -0
  181. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  182. package/es/components/TextField/TextField.js +12 -3
  183. package/es/components/TextField/TextField.js.map +1 -1
  184. package/es/components/Toast/Toast.css +6 -9
  185. package/es/components/Toast/ToastController.css +6 -9
  186. package/es/engines/common.js +4 -0
  187. package/es/engines/common.js.map +1 -1
  188. package/es/engines/index.js.map +1 -1
  189. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  190. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  191. package/es/index.css +34 -12
  192. package/es/index.js +8 -0
  193. package/es/index.js.map +1 -1
  194. package/es/utils/canUseDOM.js +8 -0
  195. package/es/utils/canUseDOM.js.map +1 -0
  196. package/es/utils/index.js.map +1 -1
  197. package/package.json +3 -2
  198. package/styled-components/cjs/components/Button/Button.js +2 -16
  199. package/styled-components/cjs/components/Button/Button.styles.js +12 -20
  200. package/styled-components/cjs/components/Button/Button.template-doc.mdx +0 -42
  201. package/styled-components/cjs/components/Button/Button.tokens.js +0 -5
  202. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  203. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  204. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -2
  205. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  206. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  207. package/styled-components/cjs/components/Slider/Slider.js +47 -0
  208. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  209. package/styled-components/cjs/components/Slider/Slider.types.js +5 -0
  210. package/styled-components/cjs/components/Slider/components/Double/Double.js +318 -0
  211. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  212. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
  213. package/styled-components/cjs/components/Slider/components/Single/Single.js +176 -0
  214. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  215. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  216. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  217. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  218. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  219. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  220. package/styled-components/cjs/components/Slider/index.js +32 -0
  221. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +177 -0
  222. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -0
  223. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +5 -0
  224. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  225. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
  226. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  227. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  228. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  229. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  230. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  231. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  232. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  233. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  234. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  235. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  236. package/styled-components/cjs/engines/common.js +4 -0
  237. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  238. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  239. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  240. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  241. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  242. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
  243. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +169 -0
  244. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  245. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  246. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  247. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  248. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  249. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
  250. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +168 -0
  251. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  252. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  253. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  254. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  255. package/styled-components/cjs/hooks/index.js +8 -1
  256. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  257. package/styled-components/cjs/index.js +11 -0
  258. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  259. package/styled-components/cjs/utils/index.js +7 -0
  260. package/styled-components/es/components/Button/Button.js +3 -17
  261. package/styled-components/es/components/Button/Button.styles.js +11 -19
  262. package/styled-components/es/components/Button/Button.template-doc.mdx +0 -42
  263. package/styled-components/es/components/Button/Button.tokens.js +0 -5
  264. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  265. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  266. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +2 -3
  267. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  268. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  269. package/styled-components/es/components/Slider/Slider.js +38 -0
  270. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  271. package/styled-components/es/components/Slider/Slider.types.js +1 -0
  272. package/styled-components/es/components/Slider/components/Double/Double.js +310 -0
  273. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  274. package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
  275. package/styled-components/es/components/Slider/components/Single/Single.js +168 -0
  276. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  277. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  278. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  279. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  280. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  281. package/styled-components/es/components/Slider/components/index.js +3 -0
  282. package/styled-components/es/components/Slider/index.js +3 -0
  283. package/styled-components/es/components/Slider/ui/Handler/Handler.js +168 -0
  284. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -0
  285. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +1 -0
  286. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  287. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  288. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  289. package/styled-components/es/components/Slider/ui/index.js +5 -0
  290. package/styled-components/es/components/Slider/utils/index.js +47 -0
  291. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  292. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  293. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  294. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  295. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  296. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  297. package/styled-components/es/components/TextField/TextField.js +12 -3
  298. package/styled-components/es/engines/common.js +4 -0
  299. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  300. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  301. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  302. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  303. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  304. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
  305. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +169 -0
  306. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  307. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  308. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  309. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  310. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  311. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
  312. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +168 -0
  313. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  314. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  315. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  316. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  317. package/styled-components/es/hooks/index.js +2 -1
  318. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  319. package/styled-components/es/index.js +2 -1
  320. package/styled-components/es/utils/canUseDOM.js +5 -0
  321. package/styled-components/es/utils/index.js +1 -0
  322. package/types/components/Button/Button.d.ts.map +1 -1
  323. package/types/components/Button/Button.styles.d.ts +1 -5
  324. package/types/components/Button/Button.styles.d.ts.map +1 -1
  325. package/types/components/Button/Button.tokens.d.ts +0 -5
  326. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  327. package/types/components/Button/Button.types.d.ts +4 -16
  328. package/types/components/Button/Button.types.d.ts.map +1 -1
  329. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +0 -1
  330. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  331. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  332. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  333. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  334. package/types/components/Notification/Notification.styles.d.ts +1 -43
  335. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  336. package/types/components/Pagination/Pagination.styles.d.ts +2 -86
  337. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  338. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -43
  339. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  340. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +1 -43
  341. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  342. package/types/components/Slider/Slider.d.ts +27 -0
  343. package/types/components/Slider/Slider.d.ts.map +1 -0
  344. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  345. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  346. package/types/components/Slider/Slider.types.d.ts +3 -0
  347. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  348. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  349. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  350. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  351. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  352. package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
  353. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  354. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  355. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  356. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  357. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  358. package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
  359. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  360. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  361. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  362. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  363. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  364. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  365. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  366. package/types/components/Slider/components/index.d.ts +6 -0
  367. package/types/components/Slider/components/index.d.ts.map +1 -0
  368. package/types/components/Slider/index.d.ts +6 -0
  369. package/types/components/Slider/index.d.ts.map +1 -0
  370. package/types/components/Slider/ui/Handler/Handler.d.ts +9 -0
  371. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -0
  372. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +4 -0
  373. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -0
  374. package/types/components/Slider/ui/Handler/Handler.types.d.ts +24 -0
  375. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -0
  376. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  377. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  378. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  379. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  380. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  381. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  382. package/types/components/Slider/ui/index.d.ts +6 -0
  383. package/types/components/Slider/ui/index.d.ts.map +1 -0
  384. package/types/components/Slider/utils/index.d.ts +33 -0
  385. package/types/components/Slider/utils/index.d.ts.map +1 -0
  386. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  387. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  388. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  389. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  390. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  391. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  392. package/types/components/TextField/TextField.d.ts.map +1 -1
  393. package/types/components/Toast/Toast.styles.d.ts +1 -43
  394. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  395. package/types/components/Toast/utils.d.ts +1 -43
  396. package/types/components/Toast/utils.d.ts.map +1 -1
  397. package/types/engines/common.d.ts +3 -3
  398. package/types/engines/common.d.ts.map +1 -1
  399. package/types/engines/index.d.ts +1 -1
  400. package/types/engines/index.d.ts.map +1 -1
  401. package/types/engines/types.d.ts +4 -0
  402. package/types/engines/types.d.ts.map +1 -1
  403. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  404. package/types/examples/plasma_b2c/components/Button/Button.d.ts +1 -43
  405. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  406. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  407. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -43
  408. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  409. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  410. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  411. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
  412. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  413. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  414. package/types/examples/plasma_web/components/Button/Button.d.ts +1 -43
  415. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  416. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  417. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -43
  418. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  419. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  420. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  421. package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
  422. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  423. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  424. package/types/examples/sds_engineer/components/Button/Button.d.ts +1 -43
  425. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  426. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  427. package/types/hooks/index.d.ts +1 -0
  428. package/types/hooks/index.d.ts.map +1 -1
  429. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  430. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  431. package/types/index.d.ts +1 -0
  432. package/types/index.d.ts.map +1 -1
  433. package/types/utils/canUseDOM.d.ts +6 -0
  434. package/types/utils/canUseDOM.d.ts.map +1 -0
  435. package/types/utils/index.d.ts +1 -0
  436. package/types/utils/index.d.ts.map +1 -1
  437. package/cjs/components/Button/Button.styles_1oz1dew.css +0 -8
  438. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  439. package/es/components/Button/Button.styles_1oz1dew.css +0 -8
  440. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +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(--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)
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)
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;", ":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)
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)
32
32
  },
33
33
  disabled: {
34
34
  "true": /*#__PURE__*/css(["", ":0.4;"], buttonTokens.buttonDisabledOpacity)
@@ -1,117 +1,55 @@
1
- import * as React from 'react';
2
- import type { ComponentProps } from 'react';
1
+ import { ComponentProps } from 'react';
3
2
  import type { StoryObj, Meta } from '@storybook/react';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
3
 
6
- import { IconMic } from '../../../../components/_Icon';
7
- import { WithTheme } from '../../../_helpers';
4
+ import { buttonConfig } from '../../../../components/Button';
5
+ import { mergeConfig } from '../../../../engines';
6
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
8
7
 
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
-
26
11
  const meta: Meta<typeof Button> = {
27
12
  title: 'sds_engineer/Button',
28
13
  decorators: [WithTheme],
29
14
  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
- },
42
15
  argTypes: {
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,
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
+ ],
57
28
  control: {
58
29
  type: 'select',
59
30
  },
31
+ table: { defaultValue: { summary: 'bottom' } },
60
32
  },
61
33
  stretching: {
62
- options: stretchingValues,
63
- control: {
64
- type: 'select',
65
- },
66
- },
67
- pin: {
68
- options: pinValues,
34
+ options: ['auto', 'filled', 'fixed'],
69
35
  control: {
70
36
  type: 'select',
71
37
  },
72
- table: { defaultValue: { summary: 'bottom' } },
73
38
  },
74
39
  },
75
40
  };
76
41
 
77
42
  export default meta;
78
43
 
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> = {
44
+ export const Default: StoryObj<ComponentProps<typeof Button>> = {
98
45
  args: {
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
- );
46
+ children: 'Hello',
47
+ view: 'default',
48
+ size: 'm',
49
+ disabled: false,
50
+ focused: true,
51
+ square: false,
52
+ stretching: 'auto',
53
+ isLoading: false,
116
54
  },
117
55
  };
@@ -7,16 +7,16 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
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)
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)
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', 'positive', 'warning', 'negative', 'clear'];
14
+ const views = ['accent', 'default', 'secondary', 'success', 'warning', 'critical', 'clear'];
15
15
  const sizes = ['l', 'm', 's', 'xs', 'xxs'];
16
16
  const orientationValues = ['horizontal', 'vertical'];
17
17
  const gapValues = ['none', 'dense', 'wide'];
@@ -1,4 +1,5 @@
1
1
  export { useUniqId } from './useUniqId';
2
2
  export { usePreviousValue } from './usePreviousValue';
3
3
  export { useForceUpdate } from './useForceUpdate';
4
- export { useDidMountEffect } from './useDidMountEffect';
4
+ export { useDidMountEffect } from './useDidMountEffect';
5
+ export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
@@ -0,0 +1,7 @@
1
+ import { useLayoutEffect, useEffect } from 'react';
2
+ import { canUseDOM } from '../utils';
3
+
4
+ /**
5
+ * Runs effect safely on server.
6
+ */
7
+ export var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
@@ -45,4 +45,5 @@ 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';
48
+ export * from './components/Toolbar';
49
+ export * from './components/Slider';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * This constant tells you whether can DOM be used.
3
+ * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
4
+ */
5
+ export var canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
@@ -1,3 +1,4 @@
1
+ export { canUseDOM } from './canUseDOM';
1
2
  export { extractTextFrom } from './extractTextFrom';
2
3
  export { getSizeValueFromProp } from './getSizeValueFromProp';
3
4
  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,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
+ {"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,8 +1,7 @@
1
1
  /// <reference types="react" />
2
+ export declare const base: import("@linaria/core").LinariaClassName;
2
3
  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;
6
5
  isLoading?: boolean | undefined;
7
6
  }>;
8
7
  export declare const Loader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -22,8 +21,5 @@ export declare const StyledSpinner: import("@linaria/react").StyledMeta & import
22
21
  size?: undefined;
23
22
  view?: string | undefined;
24
23
  } & 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;
28
24
  export declare const baseContent: string;
29
25
  //# 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,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,qKAG7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,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,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"}
@@ -3,13 +3,11 @@ export declare const classes: {
3
3
  autoStretching: string;
4
4
  filledStretching: string;
5
5
  fixedStretching: string;
6
- contentRelaxed: string;
7
6
  buttonSquare: string;
8
7
  buttonItem: string;
9
8
  };
10
9
  export declare const tokens: {
11
10
  buttonColor: string;
12
- buttonValueColor: string;
13
11
  buttonBackgroundColor: string;
14
12
  buttonColorHover: string;
15
13
  buttonBackgroundColorHover: string;
@@ -28,9 +26,6 @@ export declare const tokens: {
28
26
  buttonFontWeight: string;
29
27
  buttonLetterSpacing: string;
30
28
  buttonLineHeight: string;
31
- buttonLeftContentMargin: string;
32
- buttonRightContentMargin: string;
33
- buttonValueMargin: string;
34
29
  buttonDisabledOpacity: string;
35
30
  buttonFocusColor: string;
36
31
  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;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
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"}
@@ -3,18 +3,6 @@ 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
- };
18
6
  declare type CustomButtonProps = {
19
7
  /**
20
8
  * Текстовая надпись
@@ -25,10 +13,9 @@ declare type CustomButtonProps = {
25
13
  */
26
14
  contentLeft?: ReactNode;
27
15
  /**
28
- * Положение контента по ширине кнопки.
29
- * @default 'default'
16
+ * Слот для контента справа, например `Icon`
30
17
  */
31
- contentPlacing?: ContentPlacing;
18
+ contentRight?: ReactNode;
32
19
  /**
33
20
  * У кнопки состояние загрузки
34
21
  */
@@ -99,6 +86,7 @@ declare type CustomButtonProps = {
99
86
  */
100
87
  blur?: Blur;
101
88
  };
102
- export declare type ButtonProps<T = HTMLElement> = {} & Omit<ButtonHTMLAttributes<T>, 'value'> & Omit<AnchorHTMLAttributes<T>, 'type'> & AsProps & CustomButtonProps & RightContent;
89
+ export interface ButtonProps<T = HTMLElement> extends ButtonHTMLAttributes<T>, Omit<AnchorHTMLAttributes<T>, 'type'>, AsProps, CustomButtonProps {
90
+ }
103
91
  export {};
104
92
  //# 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;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,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAClF,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GACrC,OAAO,GACP,iBAAiB,GACjB,YAAY,CAAC"}
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"}
@@ -14,7 +14,6 @@ export declare const classes: {
14
14
  export declare const tokens: {
15
15
  buttonGroupOrientation: string;
16
16
  buttonColor: string;
17
- buttonValueColor: string;
18
17
  buttonBackgroundColor: string;
19
18
  buttonColorHover: string;
20
19
  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;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,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;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
@@ -1 +1 @@
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
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,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,0CAUhB,CAAC"}
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 +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;;;wCA0BzF,CAAC;AAEP,eAAO,MAAM,iBAAiB;;;mBA5BQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;CA6C9F,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;;;wCAmBzF,CAAC;AAEP,eAAO,MAAM,iBAAiB;;;mBArBQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;CAsC9F,CAAC"}
@@ -1,49 +1,7 @@
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> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & 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>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & 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>))>;
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>>;
47
5
  export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
48
6
  export declare const ButtonsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IconPlacementType>;
49
7
  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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
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"}