@salutejs/plasma-new-hope 0.84.0-canary.1208.9187471531.0 → 0.84.0-canary.1213.9186968808.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (352) 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_1oz1dew.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/Drawer/Drawer.css +9 -6
  22. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  23. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  24. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  25. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  26. package/cjs/components/IconButton/IconButton.css +10 -7
  27. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  28. package/cjs/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  29. package/cjs/components/Notification/Notification.css +9 -6
  30. package/cjs/components/Notification/NotificationsProvider.css +9 -6
  31. package/cjs/components/Pagination/Pagination.css +11 -8
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  33. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  34. package/cjs/components/Select/Select.css +9 -6
  35. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  36. package/cjs/components/TextField/TextField.js +4 -10
  37. package/cjs/components/TextField/TextField.js.map +1 -1
  38. package/cjs/components/TextField/TextField.styles.js +1 -13
  39. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  40. package/{es/components/TextField/TextField.styles_aqmut.css → cjs/components/TextField/TextField.styles_1b1mddp.css} +0 -2
  41. package/cjs/components/TextField/TextField.tokens.js +0 -5
  42. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  43. package/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  44. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -1
  45. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  46. package/cjs/components/TextField/variations/_size/base.js +1 -1
  47. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  48. package/cjs/components/TextField/variations/_size/{base_ntoddv.css → base_1khzr9t.css} +1 -1
  49. package/cjs/components/TextField/variations/_view/base.js +1 -1
  50. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  51. package/cjs/components/TextField/variations/_view/{base_19gxyva.css → base_1qd77x6.css} +1 -1
  52. package/cjs/components/Toast/Toast.css +9 -6
  53. package/cjs/components/Toast/ToastController.css +9 -6
  54. package/cjs/index.css +21 -37
  55. package/cjs/index.js +0 -5
  56. package/cjs/index.js.map +1 -1
  57. package/es/components/Button/Button.css +9 -6
  58. package/es/components/Button/Button.js +17 -3
  59. package/es/components/Button/Button.js.map +1 -1
  60. package/es/components/Button/Button.styles.js +29 -11
  61. package/es/components/Button/Button.styles.js.map +1 -1
  62. package/es/components/Button/Button.styles_1oz1dew.css +8 -0
  63. package/es/components/Button/Button.tokens.js +5 -0
  64. package/es/components/Button/Button.tokens.js.map +1 -1
  65. package/es/components/Button/variations/_stretching/base.js +1 -1
  66. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  67. package/{cjs/components/Button/variations/_stretching/base_1lx0ute.css → es/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  68. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  69. package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  70. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  71. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  72. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  73. package/{cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css → es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +1 -1
  74. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  75. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  76. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  77. package/es/components/Drawer/Drawer.css +9 -6
  78. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  79. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  80. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  81. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  82. package/es/components/IconButton/IconButton.css +10 -7
  83. package/es/components/IconButton/IconButton.styles.js +1 -1
  84. package/es/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  85. package/es/components/Notification/Notification.css +9 -6
  86. package/es/components/Notification/NotificationsProvider.css +9 -6
  87. package/es/components/Pagination/Pagination.css +11 -8
  88. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  89. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  90. package/es/components/Select/Select.css +9 -6
  91. package/es/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  92. package/es/components/TextField/TextField.js +5 -11
  93. package/es/components/TextField/TextField.js.map +1 -1
  94. package/es/components/TextField/TextField.styles.js +2 -12
  95. package/es/components/TextField/TextField.styles.js.map +1 -1
  96. package/{cjs/components/TextField/TextField.styles_aqmut.css → es/components/TextField/TextField.styles_1b1mddp.css} +0 -2
  97. package/es/components/TextField/TextField.tokens.js +0 -5
  98. package/es/components/TextField/TextField.tokens.js.map +1 -1
  99. package/es/components/TextField/variations/_label-placement/inner.js +1 -1
  100. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -1
  101. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  102. package/es/components/TextField/variations/_size/base.js +1 -1
  103. package/es/components/TextField/variations/_size/base.js.map +1 -1
  104. package/es/components/TextField/variations/_size/{base_ntoddv.css → base_1khzr9t.css} +1 -1
  105. package/es/components/TextField/variations/_view/base.js +1 -1
  106. package/es/components/TextField/variations/_view/base.js.map +1 -1
  107. package/es/components/TextField/variations/_view/{base_19gxyva.css → base_1qd77x6.css} +1 -1
  108. package/es/components/Toast/Toast.css +9 -6
  109. package/es/components/Toast/ToastController.css +9 -6
  110. package/es/index.css +21 -37
  111. package/es/index.js +0 -2
  112. package/es/index.js.map +1 -1
  113. package/package.json +2 -2
  114. package/styled-components/cjs/components/Button/Button.js +16 -2
  115. package/styled-components/cjs/components/Button/Button.styles.js +20 -12
  116. package/styled-components/cjs/components/Button/Button.template-doc.mdx +42 -0
  117. package/styled-components/cjs/components/Button/Button.tokens.js +5 -0
  118. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  119. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  120. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +2 -1
  121. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  122. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  123. package/styled-components/cjs/components/TextField/TextField.js +4 -10
  124. package/styled-components/cjs/components/TextField/TextField.styles.js +1 -7
  125. package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -5
  126. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  127. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  128. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  129. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  130. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  131. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  132. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  133. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  134. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -2
  135. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  136. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  137. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  138. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  139. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  140. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  141. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  142. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  143. package/styled-components/cjs/index.js +0 -11
  144. package/styled-components/es/components/Button/Button.js +17 -3
  145. package/styled-components/es/components/Button/Button.styles.js +19 -11
  146. package/styled-components/es/components/Button/Button.template-doc.mdx +42 -0
  147. package/styled-components/es/components/Button/Button.tokens.js +5 -0
  148. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  149. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  150. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +3 -2
  151. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  152. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  153. package/styled-components/es/components/TextField/TextField.js +5 -11
  154. package/styled-components/es/components/TextField/TextField.styles.js +0 -6
  155. package/styled-components/es/components/TextField/TextField.tokens.js +0 -5
  156. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +2 -2
  157. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  158. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  159. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  160. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  161. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  162. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  163. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  164. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -2
  165. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  166. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  167. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  168. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  169. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  170. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  171. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  172. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  173. package/styled-components/es/index.js +1 -2
  174. package/types/components/Button/Button.d.ts.map +1 -1
  175. package/types/components/Button/Button.styles.d.ts +5 -1
  176. package/types/components/Button/Button.styles.d.ts.map +1 -1
  177. package/types/components/Button/Button.tokens.d.ts +5 -0
  178. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  179. package/types/components/Button/Button.types.d.ts +16 -4
  180. package/types/components/Button/Button.types.d.ts.map +1 -1
  181. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
  182. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  183. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  184. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  185. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  186. package/types/components/Notification/Notification.styles.d.ts +43 -1
  187. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  188. package/types/components/Pagination/Pagination.styles.d.ts +86 -2
  189. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  190. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +43 -1
  191. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  192. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +43 -1
  193. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  194. package/types/components/TextField/TextField.d.ts.map +1 -1
  195. package/types/components/TextField/TextField.styles.d.ts +0 -2
  196. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  197. package/types/components/TextField/TextField.tokens.d.ts +0 -5
  198. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  199. package/types/components/TextField/TextField.types.d.ts +0 -8
  200. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  201. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -1
  202. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  203. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  204. package/types/components/Toast/Toast.styles.d.ts +43 -1
  205. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  206. package/types/components/Toast/utils.d.ts +43 -1
  207. package/types/components/Toast/utils.d.ts.map +1 -1
  208. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  209. package/types/examples/plasma_b2c/components/Button/Button.d.ts +43 -1
  210. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  211. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  212. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +43 -1
  213. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  214. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  215. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -4
  216. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  217. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  218. package/types/examples/plasma_web/components/Button/Button.d.ts +43 -1
  219. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  220. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  221. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +43 -1
  222. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  223. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -4
  224. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  225. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  226. package/types/examples/sds_engineer/components/Button/Button.d.ts +43 -1
  227. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  228. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  229. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +0 -4
  230. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
  231. package/types/index.d.ts +0 -1
  232. package/types/index.d.ts.map +1 -1
  233. package/cjs/components/Button/Button.styles_uqvh6u.css +0 -5
  234. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  235. package/cjs/components/Range/Range.css +0 -63
  236. package/cjs/components/Range/Range.js +0 -146
  237. package/cjs/components/Range/Range.js.map +0 -1
  238. package/cjs/components/Range/Range.styles.js +0 -63
  239. package/cjs/components/Range/Range.styles.js.map +0 -1
  240. package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
  241. package/cjs/components/Range/Range.tokens.js +0 -106
  242. package/cjs/components/Range/Range.tokens.js.map +0 -1
  243. package/cjs/components/Range/utils/index.js +0 -24
  244. package/cjs/components/Range/utils/index.js.map +0 -1
  245. package/cjs/components/Range/variations/_disabled/base.js +0 -9
  246. package/cjs/components/Range/variations/_disabled/base.js.map +0 -1
  247. package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
  248. package/cjs/components/Range/variations/_readonly/base.js +0 -9
  249. package/cjs/components/Range/variations/_readonly/base.js.map +0 -1
  250. package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
  251. package/cjs/components/Range/variations/_size/base.js +0 -9
  252. package/cjs/components/Range/variations/_size/base.js.map +0 -1
  253. package/cjs/components/Range/variations/_size/base_16xiubi.css +0 -1
  254. package/cjs/components/Range/variations/_view/base.js +0 -9
  255. package/cjs/components/Range/variations/_view/base.js.map +0 -1
  256. package/cjs/components/Range/variations/_view/base_5iz3nr.css +0 -1
  257. package/cjs/components/TextField/variations/_label-placement/inner_7c08qb.css +0 -1
  258. package/es/components/Button/Button.styles_uqvh6u.css +0 -5
  259. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  260. package/es/components/Range/Range.css +0 -63
  261. package/es/components/Range/Range.js +0 -141
  262. package/es/components/Range/Range.js.map +0 -1
  263. package/es/components/Range/Range.styles.js +0 -52
  264. package/es/components/Range/Range.styles.js.map +0 -1
  265. package/es/components/Range/Range.styles_mc4w65.css +0 -8
  266. package/es/components/Range/Range.tokens.js +0 -101
  267. package/es/components/Range/Range.tokens.js.map +0 -1
  268. package/es/components/Range/utils/index.js +0 -19
  269. package/es/components/Range/utils/index.js.map +0 -1
  270. package/es/components/Range/variations/_disabled/base.js +0 -5
  271. package/es/components/Range/variations/_disabled/base.js.map +0 -1
  272. package/es/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
  273. package/es/components/Range/variations/_readonly/base.js +0 -5
  274. package/es/components/Range/variations/_readonly/base.js.map +0 -1
  275. package/es/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
  276. package/es/components/Range/variations/_size/base.js +0 -5
  277. package/es/components/Range/variations/_size/base.js.map +0 -1
  278. package/es/components/Range/variations/_size/base_16xiubi.css +0 -1
  279. package/es/components/Range/variations/_view/base.js +0 -5
  280. package/es/components/Range/variations/_view/base.js.map +0 -1
  281. package/es/components/Range/variations/_view/base_5iz3nr.css +0 -1
  282. package/es/components/TextField/variations/_label-placement/inner_7c08qb.css +0 -1
  283. package/styled-components/cjs/components/Range/Range.js +0 -148
  284. package/styled-components/cjs/components/Range/Range.styles.js +0 -39
  285. package/styled-components/cjs/components/Range/Range.template-doc.mdx +0 -323
  286. package/styled-components/cjs/components/Range/Range.tokens.js +0 -104
  287. package/styled-components/cjs/components/Range/Range.types.js +0 -5
  288. package/styled-components/cjs/components/Range/index.js +0 -25
  289. package/styled-components/cjs/components/Range/utils/index.js +0 -22
  290. package/styled-components/cjs/components/Range/variations/_disabled/base.js +0 -9
  291. package/styled-components/cjs/components/Range/variations/_disabled/tokens.json +0 -4
  292. package/styled-components/cjs/components/Range/variations/_readonly/base.js +0 -10
  293. package/styled-components/cjs/components/Range/variations/_readonly/tokens.json +0 -4
  294. package/styled-components/cjs/components/Range/variations/_size/base.js +0 -10
  295. package/styled-components/cjs/components/Range/variations/_size/tokens.json +0 -26
  296. package/styled-components/cjs/components/Range/variations/_view/base.js +0 -10
  297. package/styled-components/cjs/components/Range/variations/_view/tokens.json +0 -6
  298. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +0 -31
  299. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js +0 -11
  300. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +0 -312
  301. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +0 -31
  302. package/styled-components/cjs/examples/plasma_web/components/Range/Range.js +0 -11
  303. package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +0 -312
  304. package/styled-components/es/components/Range/Range.js +0 -139
  305. package/styled-components/es/components/Range/Range.styles.js +0 -31
  306. package/styled-components/es/components/Range/Range.template-doc.mdx +0 -323
  307. package/styled-components/es/components/Range/Range.tokens.js +0 -98
  308. package/styled-components/es/components/Range/Range.types.js +0 -1
  309. package/styled-components/es/components/Range/index.js +0 -2
  310. package/styled-components/es/components/Range/utils/index.js +0 -16
  311. package/styled-components/es/components/Range/variations/_disabled/base.js +0 -3
  312. package/styled-components/es/components/Range/variations/_disabled/tokens.json +0 -4
  313. package/styled-components/es/components/Range/variations/_readonly/base.js +0 -4
  314. package/styled-components/es/components/Range/variations/_readonly/tokens.json +0 -4
  315. package/styled-components/es/components/Range/variations/_size/base.js +0 -4
  316. package/styled-components/es/components/Range/variations/_size/tokens.json +0 -26
  317. package/styled-components/es/components/Range/variations/_view/base.js +0 -4
  318. package/styled-components/es/components/Range/variations/_view/tokens.json +0 -6
  319. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +0 -25
  320. package/styled-components/es/examples/plasma_b2c/components/Range/Range.js +0 -5
  321. package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +0 -312
  322. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +0 -25
  323. package/styled-components/es/examples/plasma_web/components/Range/Range.js +0 -5
  324. package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +0 -312
  325. package/types/components/Range/Range.d.ts +0 -31
  326. package/types/components/Range/Range.d.ts.map +0 -1
  327. package/types/components/Range/Range.styles.d.ts +0 -48
  328. package/types/components/Range/Range.styles.d.ts.map +0 -1
  329. package/types/components/Range/Range.tokens.d.ts +0 -99
  330. package/types/components/Range/Range.tokens.d.ts.map +0 -1
  331. package/types/components/Range/Range.types.d.ts +0 -143
  332. package/types/components/Range/Range.types.d.ts.map +0 -1
  333. package/types/components/Range/index.d.ts +0 -4
  334. package/types/components/Range/index.d.ts.map +0 -1
  335. package/types/components/Range/utils/index.d.ts +0 -5
  336. package/types/components/Range/utils/index.d.ts.map +0 -1
  337. package/types/components/Range/variations/_disabled/base.d.ts +0 -2
  338. package/types/components/Range/variations/_disabled/base.d.ts.map +0 -1
  339. package/types/components/Range/variations/_readonly/base.d.ts +0 -2
  340. package/types/components/Range/variations/_readonly/base.d.ts.map +0 -1
  341. package/types/components/Range/variations/_size/base.d.ts +0 -2
  342. package/types/components/Range/variations/_size/base.d.ts.map +0 -1
  343. package/types/components/Range/variations/_view/base.d.ts +0 -2
  344. package/types/components/Range/variations/_view/base.d.ts.map +0 -1
  345. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts +0 -24
  346. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +0 -1
  347. package/types/examples/plasma_b2c/components/Range/Range.d.ts +0 -127
  348. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +0 -1
  349. package/types/examples/plasma_web/components/Range/Range.config.d.ts +0 -24
  350. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +0 -1
  351. package/types/examples/plasma_web/components/Range/Range.d.ts +0 -127
  352. package/types/examples/plasma_web/components/Range/Range.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'];
@@ -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/Range';
48
+ export * from './components/Toolbar';
@@ -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,qKAG7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,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> = {} & Omit<ButtonHTMLAttributes<T>, 'value'> & 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,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"}
@@ -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> & ((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>))>;
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"}