@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
@@ -13,16 +13,16 @@ var config = exports.config = {
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
17
- accent: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
18
- secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
19
- clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
20
- positive: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
21
- warning: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
22
- negative: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
23
- dark: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
24
- black: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
25
- white: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive)
16
+ "default": /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
17
+ accent: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
18
+ secondary: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
19
+ clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
20
+ positive: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
21
+ warning: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
22
+ negative: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
23
+ dark: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
24
+ black: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
25
+ white: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonValueColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive)
26
26
  },
27
27
  size: {
28
28
  l: /*#__PURE__*/(0, _styledComponents.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);"], _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonPadding, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.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'];
@@ -508,15 +508,4 @@ Object.keys(_Toolbar).forEach(function (key) {
508
508
  return _Toolbar[key];
509
509
  }
510
510
  });
511
- });
512
- var _Range = /*#__PURE__*/require("./components/Range");
513
- Object.keys(_Range).forEach(function (key) {
514
- if (key === "default" || key === "__esModule") return;
515
- if (key in exports && exports[key] === _Range[key]) return;
516
- Object.defineProperty(exports, key, {
517
- enumerable: true,
518
- get: function get() {
519
- return _Range[key];
520
- }
521
- });
522
511
  });
@@ -1,6 +1,6 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
2
  var _StyledSpinner;
3
- var _excluded = ["children", "view", "size", "text", "contentLeft", "contentRight", "isLoading", "loader", "stretch", "square", "pin", "disabled", "focused", "outlined", "className", "blur", "style", "stretching"];
3
+ var _excluded = ["children", "view", "size", "text", "value", "contentLeft", "contentRight", "contentPlacing", "isLoading", "loader", "stretch", "square", "pin", "disabled", "focused", "outlined", "className", "blur", "style", "stretching"];
4
4
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
5
5
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6
6
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -18,7 +18,7 @@ import { base as disabledCSS } from './variations/_disabled/base';
18
18
  import { base as focusedCSS } from './variations/_focused/base';
19
19
  import { base as stretchingCSS } from './variations/_stretching/base';
20
20
  import { base as blurredCSS } from './variations/_blurred/base';
21
- import { base, ButtonText, Loader, LoadWrap, StyledSpinner } from './Button.styles';
21
+ import { base, ButtonText, ButtonValue, Loader, LoadWrap, StyledContentLeft, StyledContentRight, StyledSpinner } from './Button.styles';
22
22
  import { classes, tokens } from './Button.tokens';
23
23
  export var buttonRoot = function buttonRoot(Root) {
24
24
  return /*#__PURE__*/forwardRef(function (props, ref) {
@@ -26,8 +26,11 @@ export var buttonRoot = function buttonRoot(Root) {
26
26
  view = props.view,
27
27
  size = props.size,
28
28
  text = props.text,
29
+ value = props.value,
29
30
  contentLeft = props.contentLeft,
30
31
  contentRight = props.contentRight,
32
+ _props$contentPlacing = props.contentPlacing,
33
+ contentPlacing = _props$contentPlacing === void 0 ? 'default' : _props$contentPlacing,
31
34
  isLoading = props.isLoading,
32
35
  loader = props.loader,
33
36
  stretch = props.stretch,
@@ -44,23 +47,34 @@ export var buttonRoot = function buttonRoot(Root) {
44
47
  rest = _objectWithoutProperties(props, _excluded);
45
48
  var txt = typeof children === 'string' ? children : text;
46
49
  var stretchingClass = stretch ? classes.filledStretching : classes["".concat(stretching, "Stretching")];
50
+ var contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;
47
51
  var squareClass = square ? classes.buttonSquare : undefined;
48
52
  var buttonBorderRadius = pin ? convertRoundnessMatrix(pin, "var(".concat(tokens.buttonRadius, ")"), "var(".concat(tokens.buttonHeight, ")")) : "var(".concat(tokens.buttonRadius, ", calc(var(").concat(tokens.buttonHeight, ") / 4))");
53
+ var contentPlacingMapper = {
54
+ "default": 'center',
55
+ relaxed: 'space-between'
56
+ };
57
+ var contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';
49
58
  return /*#__PURE__*/React.createElement(Root, _extends({
50
59
  type: "button",
51
60
  ref: ref,
52
61
  view: view,
53
62
  size: size,
63
+ value: value,
54
64
  disabled: disabled,
55
65
  focused: focused || outlined,
66
+ contentPlacing: contentPlacing,
56
67
  className: cx(squareClass, stretchingClass, classes.buttonItem, className),
57
68
  style: _objectSpread(_objectSpread({}, style), {}, {
58
69
  '--plasma_computed-btn-br': buttonBorderRadius,
59
70
  '--plasma_private-blur': blur
60
71
  })
61
72
  }, rest), /*#__PURE__*/React.createElement(LoadWrap, {
73
+ contentPlacing: contentPlacementValue,
62
74
  isLoading: isLoading
63
- }, contentLeft, txt ? /*#__PURE__*/React.createElement(ButtonText, null, txt) : children, contentRight), isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
75
+ }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(ButtonText, {
76
+ className: contentRelaxedClass
77
+ }, txt) : children, value && /*#__PURE__*/React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
64
78
  });
65
79
  };
66
80
  export var buttonConfig = {
@@ -10,28 +10,36 @@ import { classes, tokens } from './Button.tokens';
10
10
  // issue #823
11
11
  var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
12
12
  var Spinner = /*#__PURE__*/component(mergedConfig);
13
- export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(classes.buttonSquare), tokens.buttonHeight);
14
-
15
- // TODO: PLASMA-2164
16
- // WHY do we need applyEllipsis ??
17
- // Если внутри кнопки тескт и на нее решили повесить square пропс
18
13
  export var ButtonText = /*#__PURE__*/styled.span.withConfig({
19
14
  componentId: "plasma-new-hope__sc-9d9bqj-0"
20
- })([":not(:last-child){margin-right:0.375rem;}:not(:first-child){margin-left:0.375rem;}", ""], /*#__PURE__*/applyEllipsis());
15
+ })(["min-width:4ch;flex-shrink:2;", " &.", "{text-align:start;flex-grow:2;}"], /*#__PURE__*/applyEllipsis(), /*#__PURE__*/String(classes.contentRelaxed));
16
+ export var ButtonValue = /*#__PURE__*/styled.span.withConfig({
17
+ componentId: "plasma-new-hope__sc-9d9bqj-1"
18
+ })(["color:var(", ");margin:var(", ");min-width:4ch;", ""], tokens.buttonValueColor, tokens.buttonValueMargin, /*#__PURE__*/applyEllipsis());
21
19
 
22
20
  // TODO: #720
23
21
  export var LoadWrap = /*#__PURE__*/styled.div.withConfig({
24
- componentId: "plasma-new-hope__sc-9d9bqj-1"
25
- })(["opacity:", ";display:flex;width:100%;align-items:inherit;justify-content:inherit;height:100%;"], function (_ref) {
22
+ componentId: "plasma-new-hope__sc-9d9bqj-2"
23
+ })(["opacity:", ";display:flex;align-items:inherit;justify-content:", ";height:100%;width:100%;"], function (_ref) {
26
24
  var isLoading = _ref.isLoading;
27
25
  return isLoading ? '0' : '1';
26
+ }, function (_ref2) {
27
+ var contentPlacing = _ref2.contentPlacing;
28
+ return contentPlacing;
28
29
  });
29
30
  export var Loader = /*#__PURE__*/styled.div.withConfig({
30
- componentId: "plasma-new-hope__sc-9d9bqj-2"
31
+ componentId: "plasma-new-hope__sc-9d9bqj-3"
31
32
  })(["position:absolute;"]);
32
33
  export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
33
- componentId: "plasma-new-hope__sc-9d9bqj-3"
34
+ componentId: "plasma-new-hope__sc-9d9bqj-4"
34
35
  })(["", ":var(", ");", ":var(", ");"], spinnerTokens.size, tokens.buttonSpinnerSize, spinnerTokens.color, tokens.buttonSpinnerColor);
36
+ export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
37
+ componentId: "plasma-new-hope__sc-9d9bqj-5"
38
+ })(["display:flex;margin:var(", ");"], tokens.buttonLeftContentMargin);
39
+ export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
40
+ componentId: "plasma-new-hope__sc-9d9bqj-6"
41
+ })(["display:flex;margin:var(", ");"], tokens.buttonRightContentMargin);
42
+ export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(classes.buttonSquare), tokens.buttonHeight);
35
43
 
36
44
  // INFO: Для возможности переиспользования стилей в других компонентах
37
45
  export var baseContent = /*#__PURE__*/"\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.".concat(String(classes.buttonSquare), " {\n width: var(").concat(tokens.buttonHeight, ");\n padding: 0;\n }\n\n color: var(").concat(tokens.buttonColor, ");\n background-color: var(").concat(tokens.buttonBackgroundColor, ");\n\n :hover {\n color: var(").concat(tokens.buttonColorHover, ", var(").concat(tokens.buttonColor, "));\n background-color: var(").concat(tokens.buttonBackgroundColorHover, ", var(").concat(tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(tokens.buttonScaleHover, ");\n }\n\n :active {\n color: var(").concat(tokens.buttonColorActive, ", var(").concat(tokens.buttonColor, "));\n background-color: var(").concat(tokens.buttonBackgroundColorActive, ", var(").concat(tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(tokens.buttonScaleActive, ");\n }\n\n height: var(").concat(tokens.buttonHeight, ");\n width: var(").concat(tokens.buttonWidth, ");\n\n /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n padding: 0 var(").concat(tokens.buttonPadding, ", calc(var(").concat(tokens.buttonHeight, ") * 1.618 / 4));\n\n font-family: var(").concat(tokens.buttonFontFamily, ");\n font-size: var(").concat(tokens.buttonFontSize, ");\n font-style: var(").concat(tokens.buttonFontStyle, ");\n font-weight: var(").concat(tokens.buttonFontWeight, ");\n letter-spacing: var(").concat(tokens.buttonLetterSpacing, ");\n line-height: var(").concat(tokens.buttonLineHeight, ");\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ").concat(addFocus({
@@ -39,4 +47,4 @@ export var baseContent = /*#__PURE__*/"\n position: relative;\n display: i
39
47
  outlineSize: 'var(--plasma_private-btn-outline-size)',
40
48
  outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',
41
49
  outlineColor: "var(".concat(tokens.buttonFocusColor, ")")
42
- }), "\n\n &[disabled] {\n opacity: var(").concat(tokens.buttonDisabledOpacity, ");\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(").concat(tokens.buttonColor, ");\n background-color: var(").concat(tokens.buttonBackgroundColor, ");\n }\n }\n\n &.").concat(classes.fixedStretching, " {\n width: var(").concat(tokens.buttonWidth, ");\n }\n &.").concat(classes.filledStretching, " {\n width: 100%;\n }\n &.").concat(classes.autoStretching, " {\n width: auto;\n }\n");
50
+ }), "\n\n &[disabled] {\n opacity: var(").concat(tokens.buttonDisabledOpacity, ");\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(").concat(tokens.buttonColor, ");\n background-color: var(").concat(tokens.buttonBackgroundColor, ");\n }\n }\n\n &.").concat(classes.fixedStretching, " {\n width: var(").concat(tokens.buttonWidth, ");\n }\n &.").concat(classes.filledStretching, " {\n width: 100%;\n }\n &.").concat(classes.autoStretching, " {\n width: fit-content;\n }\n");
@@ -68,6 +68,48 @@ export function App() {
68
68
  }
69
69
  ```
70
70
 
71
+ ### Ширина кнопки
72
+ Ширина кнопки регулируется с помощью свойства `stretching`.
73
+ Возможные значения свойства `contentPlacing`:
74
+ + `auto` – ширина подстраивается под контент;
75
+ + `filled` – кнопка растягивается на всю доступную ширину;
76
+ + `fixed` – кнопка фиксированной ширины.
77
+
78
+ ```tsx live
79
+ import React from 'react';
80
+ import { Button } from '@salutejs/{{package}}';
81
+
82
+ export function App() {
83
+ return (
84
+ <div style={{ display: "flex", flexDirection: "column", gap: "1rem" }}>
85
+ <Button text="Button" stretching="fixed" />
86
+ <Button text="Button" stretching="auto" />
87
+ <Button text="Button" stretching="filled" />
88
+ </div>
89
+ );
90
+ }
91
+ ```
92
+
93
+ ### Позиционирование контента внутри
94
+ Позиционирование контента внутри кнопки регулируется с помощью свойства `contentPlacing`.
95
+ Возможные значения свойства `contentPlacing`:
96
+ + `default` – контент центрируется;
97
+ + `relaxed` – контент распологается по краям.
98
+
99
+ ```tsx live
100
+ import React from 'react';
101
+ import { Button } from '@salutejs/{{package}}';
102
+
103
+ export function App() {
104
+ return (
105
+ <div style={{ display: "flex", flexDirection: "column", gap: "1rem" }}>
106
+ <Button text="Hello" value="Plasma" stretching="filled" contentPlacing="default" />
107
+ <Button text="Hello" value="Plasma" stretching="filled" contentPlacing="relaxed" />
108
+ </div>
109
+ );
110
+ }
111
+ ```
112
+
71
113
  ### Вид кнопки
72
114
  Вид кнопки задается с помощью свойства `view`. Возможные значения свойства `view`:
73
115
  + `"primary"` – основная;
@@ -3,11 +3,13 @@ export var classes = {
3
3
  autoStretching: 'button-stretching-auto',
4
4
  filledStretching: 'button-stretching-filled',
5
5
  fixedStretching: 'button-stretching-fixed',
6
+ contentRelaxed: 'button-content-relaxed',
6
7
  buttonSquare: 'button-square',
7
8
  buttonItem: 'button-item'
8
9
  };
9
10
  export var tokens = {
10
11
  buttonColor: '--plasma-button-color',
12
+ buttonValueColor: '--plasma-button-value-color',
11
13
  buttonBackgroundColor: '--plasma-button-background-color',
12
14
  buttonColorHover: '--plasma-button-color-hover',
13
15
  buttonBackgroundColorHover: '--plasma-button-background-color-hover',
@@ -26,6 +28,9 @@ export var tokens = {
26
28
  buttonFontWeight: '--plasma-button-font-weight',
27
29
  buttonLetterSpacing: '--plasma-button-letter-spacing',
28
30
  buttonLineHeight: '--plasma-button-line-height',
31
+ buttonLeftContentMargin: '--plasma-button-left-content-margin',
32
+ buttonRightContentMargin: '--plasma-button-right-content-margin',
33
+ buttonValueMargin: '--plasma-button-value-margin',
29
34
  buttonDisabledOpacity: '--plasma-button-disabled-opacity',
30
35
  buttonFocusColor: '--plasma-button-focus-color',
31
36
  buttonSpinnerColor: '--plasma-button-spinner-color',
@@ -1,3 +1,3 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from '../../Button.tokens';
3
- export var base = /*#__PURE__*/css(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], classes.fixedStretching, tokens.buttonWidth, classes.filledStretching, classes.autoStretching);
3
+ export var base = /*#__PURE__*/css(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:fit-content;}"], classes.fixedStretching, tokens.buttonWidth, classes.filledStretching, classes.autoStretching);
@@ -14,6 +14,7 @@ export var classes = {
14
14
  export var tokens = {
15
15
  buttonGroupOrientation: '--plasma-button-group-orientation',
16
16
  buttonColor: '--plasma-button-group-item-color',
17
+ buttonValueColor: '--plasma-button-group-item-value-color',
17
18
  buttonBackgroundColor: '--plasma-button-group-item-background-color',
18
19
  buttonColorHover: '--plasma-button-group-item-color-hover',
19
20
  buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',
@@ -1,3 +1,4 @@
1
1
  import { css } from 'styled-components';
2
- import { tokens } from '../../ButtonGroup.tokens';
3
- export var base = /*#__PURE__*/css(["flex-direction:var(", ");"], tokens.buttonGroupOrientation);
2
+ import { classes, tokens } from '../../ButtonGroup.tokens';
3
+ import { buttonClasses } from '../../../Button';
4
+ export var base = /*#__PURE__*/css(["flex-direction:var(", ");&.", " .", "{width:auto;}"], tokens.buttonGroupOrientation, classes.vertical, buttonClasses.buttonItem);
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from '../../ButtonGroup.tokens';
3
3
  import { buttonClasses, buttonTokens } from '../../../Button';
4
- export var base = /*#__PURE__*/css(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], classes.buttonGroupOverrideStyles, buttonClasses.buttonItem, buttonTokens.buttonColor, tokens.buttonColor, buttonTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonTokens.buttonColorHover, tokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive);
4
+ export var base = /*#__PURE__*/css(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], classes.buttonGroupOverrideStyles, buttonClasses.buttonItem, buttonTokens.buttonColor, tokens.buttonColor, buttonTokens.buttonValueColor, tokens.buttonValueColor, buttonTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonTokens.buttonColorHover, tokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive);
@@ -1,4 +1,4 @@
1
- var _excluded = ["arrow", "iconSize"];
1
+ var _excluded = ["arrow", "iconSize", "value"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -22,6 +22,7 @@ export var headerArrowRoot = function headerArrowRoot(Root) {
22
22
  var arrow = props.arrow,
23
23
  _props$iconSize = props.iconSize,
24
24
  iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
25
+ value = props.value,
25
26
  rest = _objectWithoutProperties(props, _excluded);
26
27
  var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
27
28
  return /*#__PURE__*/React.createElement(Root, {
@@ -30,7 +31,8 @@ export var headerArrowRoot = function headerArrowRoot(Root) {
30
31
  view: "clear",
31
32
  size: "s",
32
33
  tabIndex: -1,
33
- className: classes.headerArrow
34
+ className: classes.headerArrow,
35
+ value: String(value)
34
36
  }, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
35
37
  size: iconSize,
36
38
  sizeCustomProperty: tokens.headerArrowIconSize,
@@ -1,4 +1,4 @@
1
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
1
+ var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -17,7 +17,7 @@ import { base as viewCSS } from './variations/_view/base';
17
17
  import { base as disabledCSS } from './variations/_disabled/base';
18
18
  import { base as readOnlyCSS } from './variations/_read-only/base';
19
19
  import { base as labelPlacementCSS } from './variations/_label-placement/base';
20
- import { Input, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter } from './TextField.styles';
20
+ import { Input, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips } from './TextField.styles';
21
21
  import { classes } from './TextField.tokens';
22
22
  import { TextFieldChip } from './ui';
23
23
  import { useKeyNavigation } from './hooks';
@@ -25,14 +25,10 @@ export var base = /*#__PURE__*/css(["display:block;overflow:hidden;"]);
25
25
  export var textFieldRoot = function textFieldRoot(Root) {
26
26
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
27
27
  var id = _ref.id,
28
- className = _ref.className,
29
- style = _ref.style,
30
28
  contentLeft = _ref.contentLeft,
31
29
  contentRight = _ref.contentRight,
32
30
  label = _ref.label,
33
31
  labelPlacement = _ref.labelPlacement,
34
- textBefore = _ref.textBefore,
35
- textAfter = _ref.textAfter,
36
32
  placeholder = _ref.placeholder,
37
33
  leftHelper = _ref.leftHelper,
38
34
  _ref$enumerationType = _ref.enumerationType,
@@ -144,9 +140,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
144
140
  disabled: disabled,
145
141
  readOnly: !disabled && readOnly,
146
142
  labelPlacement: innerLabelPlacementValue,
147
- onClick: handleInputFocus,
148
- className: className,
149
- style: style
143
+ onClick: handleInputFocus
150
144
  }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
151
145
  id: labelId,
152
146
  htmlFor: id
@@ -157,7 +151,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
157
151
  ref: contentRef,
158
152
  onKeyDown: handleContentKeyDown,
159
153
  className: withHasChips
160
- }, textBefore && /*#__PURE__*/React.createElement(StyledTextBefore, null, textBefore), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/React.createElement(StyledChips, null, chips === null || chips === void 0 ? void 0 : chips.map(function (_ref2, index) {
154
+ }, isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/React.createElement(StyledChips, null, chips === null || chips === void 0 ? void 0 : chips.map(function (_ref2, index) {
161
155
  var chipId = _ref2.id,
162
156
  text = _ref2.text;
163
157
  return /*#__PURE__*/React.createElement(TextFieldChip, {
@@ -191,7 +185,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
191
185
  })), labelInside && /*#__PURE__*/React.createElement(Label, {
192
186
  id: labelId,
193
187
  htmlFor: innerId
194
- }, innerLabelValue), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
188
+ }, innerLabelValue)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
195
189
  id: helperTextId
196
190
  }, leftHelper));
197
191
  });
@@ -23,10 +23,4 @@ export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
23
23
  })(["margin:var(", ");"], tokens.rightContentMargin);
24
24
  export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
25
25
  componentId: "plasma-new-hope__sc-g4vxbb-7"
26
- })([""]);
27
- export var StyledTextBefore = /*#__PURE__*/styled.div.withConfig({
28
- componentId: "plasma-new-hope__sc-g4vxbb-8"
29
- })([""]);
30
- export var StyledTextAfter = /*#__PURE__*/styled.div.withConfig({
31
- componentId: "plasma-new-hope__sc-g4vxbb-9"
32
26
  })([""]);
@@ -62,11 +62,6 @@ export var tokens = {
62
62
  leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',
63
63
  leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',
64
64
  leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',
65
- /** Токены вспомогательного текста */
66
- textBeforeColor: '--plasma-textfield__before-text-color',
67
- textAfterColor: '--plasma-textfield__after-text-color',
68
- textBeforeMargin: '--plasma-textfield__before-text-margin',
69
- textAfterMargin: '--plasma-textfield__after-text-margin',
70
65
  /** Прозрачность для всего компонента в состоянии disabled */
71
66
  disabledOpacity: '--plasma-textfield-disabled-opacity',
72
67
  /** Токены чипа */
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
- import { Input, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
2
+ import { Input, Label } from '../../TextField.styles';
3
3
  import { tokens } from '../../TextField.tokens';
4
- export var labelPlacement_inner = /*#__PURE__*/css(["", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{height:auto;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;transition:padding 0.1s ease-in-out,height 0s;height:var(", ");padding-top:calc(var(", ") / 4);padding-bottom:calc(var(", ") / 4);}"], Input, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, Label, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Input, Input, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.height);
4
+ export var labelPlacement_inner = /*#__PURE__*/css(["", "{padding:var(", ");}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{height:auto;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;transition:padding 0.1s ease-in-out,height 0s;height:var(", ");padding-top:calc(var(", ") / 4);padding-bottom:calc(var(", ") / 4);}"], Input, tokens.contentLabelInnerPadding, Input, Label, Input, Label, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Input, Input, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.height);
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from '../../TextField.tokens';
3
- import { Input, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css(["", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);
3
+ import { Input, InputWrapper, Label, LeftHelper } from '../../TextField.styles';
4
+ export var base = /*#__PURE__*/css(["", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight);
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { tokens } from '../../TextField.tokens';
3
- import { Input, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "::placeholder{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], InputWrapper, /*#__PURE__*/String(tokens.borderColor), /*#__PURE__*/String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.caretColor, InputWrapper, tokens.borderColorHover, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorHover, /*#__PURE__*/String(tokens.backgroundColor), InputWrapper, tokens.borderColorFocus, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorFocus, /*#__PURE__*/String(tokens.backgroundColor), Input, tokens.placeholderColor, Input, tokens.color, LeftHelper, tokens.leftHelperColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor);
3
+ import { Input, InputWrapper, LeftHelper } from '../../TextField.styles';
4
+ export var base = /*#__PURE__*/css(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "::placeholder{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], InputWrapper, /*#__PURE__*/String(tokens.borderColor), /*#__PURE__*/String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.caretColor, InputWrapper, tokens.borderColorHover, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorHover, /*#__PURE__*/String(tokens.backgroundColor), InputWrapper, tokens.borderColorFocus, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorFocus, /*#__PURE__*/String(tokens.backgroundColor), Input, tokens.placeholderColor, Input, tokens.color, LeftHelper, tokens.leftHelperColor);
@@ -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)