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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (402) hide show
  1. package/cjs/components/Button/Button.css +6 -9
  2. package/cjs/components/Button/Button.js +2 -16
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.styles.js +10 -31
  5. package/cjs/components/Button/Button.styles.js.map +1 -1
  6. package/cjs/components/Button/Button.styles_uqvh6u.css +5 -0
  7. package/cjs/components/Button/Button.tokens.js +0 -5
  8. package/cjs/components/Button/Button.tokens.js.map +1 -1
  9. package/cjs/components/Button/variations/_stretching/base.js +1 -1
  10. package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
  11. package/{es/components/Button/variations/_stretching/base_hy8dc.css → cjs/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
  12. package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
  13. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  14. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  15. package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
  16. package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  17. package/{es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
  18. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  19. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  20. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
  21. package/cjs/components/Drawer/Drawer.css +6 -9
  22. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
  23. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
  24. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  25. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  26. package/cjs/components/IconButton/IconButton.css +7 -10
  27. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  28. package/cjs/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
  29. package/cjs/components/Notification/Notification.css +6 -9
  30. package/cjs/components/Notification/NotificationsProvider.css +6 -9
  31. package/cjs/components/Pagination/Pagination.css +8 -11
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
  33. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
  34. package/cjs/components/Range/Range.css +63 -0
  35. package/cjs/components/Range/Range.js +146 -0
  36. package/cjs/components/Range/Range.js.map +1 -0
  37. package/cjs/components/Range/Range.styles.js +63 -0
  38. package/cjs/components/Range/Range.styles.js.map +1 -0
  39. package/cjs/components/Range/Range.styles_mc4w65.css +8 -0
  40. package/cjs/components/Range/Range.tokens.js +106 -0
  41. package/cjs/components/Range/Range.tokens.js.map +1 -0
  42. package/cjs/components/Range/utils/index.js +24 -0
  43. package/cjs/components/Range/utils/index.js.map +1 -0
  44. package/cjs/components/Range/variations/_disabled/base.js +9 -0
  45. package/cjs/components/Range/variations/_disabled/base.js.map +1 -0
  46. package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  47. package/cjs/components/Range/variations/_readonly/base.js +9 -0
  48. package/cjs/components/Range/variations/_readonly/base.js.map +1 -0
  49. package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
  50. package/cjs/components/Range/variations/_size/base.js +9 -0
  51. package/cjs/components/Range/variations/_size/base.js.map +1 -0
  52. package/cjs/components/Range/variations/_size/base_16xiubi.css +1 -0
  53. package/cjs/components/Range/variations/_view/base.js +9 -0
  54. package/cjs/components/Range/variations/_view/base.js.map +1 -0
  55. package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
  56. package/cjs/components/Select/Select.css +6 -9
  57. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
  58. package/cjs/components/TextField/TextField.js +10 -4
  59. package/cjs/components/TextField/TextField.js.map +1 -1
  60. package/cjs/components/TextField/TextField.styles.js +13 -1
  61. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  62. package/cjs/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
  63. package/cjs/components/TextField/TextField.tokens.js +5 -0
  64. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  65. package/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  66. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -1
  67. package/cjs/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
  68. package/cjs/components/TextField/variations/_size/base.js +1 -1
  69. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  70. package/cjs/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
  71. package/cjs/components/TextField/variations/_view/base.js +1 -1
  72. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  73. package/cjs/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
  74. package/cjs/components/Toast/Toast.css +6 -9
  75. package/cjs/components/Toast/ToastController.css +6 -9
  76. package/cjs/index.css +37 -21
  77. package/cjs/index.js +5 -0
  78. package/cjs/index.js.map +1 -1
  79. package/es/components/Button/Button.css +6 -9
  80. package/es/components/Button/Button.js +3 -17
  81. package/es/components/Button/Button.js.map +1 -1
  82. package/es/components/Button/Button.styles.js +11 -29
  83. package/es/components/Button/Button.styles.js.map +1 -1
  84. package/es/components/Button/Button.styles_uqvh6u.css +5 -0
  85. package/es/components/Button/Button.tokens.js +0 -5
  86. package/es/components/Button/Button.tokens.js.map +1 -1
  87. package/es/components/Button/variations/_stretching/base.js +1 -1
  88. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  89. package/{cjs/components/Button/variations/_stretching/base_hy8dc.css → es/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
  90. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  91. package/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  92. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  93. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  94. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  95. package/{cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → es/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
  96. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  97. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  98. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
  99. package/es/components/Drawer/Drawer.css +6 -9
  100. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
  101. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
  102. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  103. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  104. package/es/components/IconButton/IconButton.css +7 -10
  105. package/es/components/IconButton/IconButton.styles.js +1 -1
  106. package/es/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
  107. package/es/components/Notification/Notification.css +6 -9
  108. package/es/components/Notification/NotificationsProvider.css +6 -9
  109. package/es/components/Pagination/Pagination.css +8 -11
  110. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
  111. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
  112. package/es/components/Range/Range.css +63 -0
  113. package/es/components/Range/Range.js +141 -0
  114. package/es/components/Range/Range.js.map +1 -0
  115. package/es/components/Range/Range.styles.js +52 -0
  116. package/es/components/Range/Range.styles.js.map +1 -0
  117. package/es/components/Range/Range.styles_mc4w65.css +8 -0
  118. package/es/components/Range/Range.tokens.js +101 -0
  119. package/es/components/Range/Range.tokens.js.map +1 -0
  120. package/es/components/Range/utils/index.js +19 -0
  121. package/es/components/Range/utils/index.js.map +1 -0
  122. package/es/components/Range/variations/_disabled/base.js +5 -0
  123. package/es/components/Range/variations/_disabled/base.js.map +1 -0
  124. package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  125. package/es/components/Range/variations/_readonly/base.js +5 -0
  126. package/es/components/Range/variations/_readonly/base.js.map +1 -0
  127. package/es/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
  128. package/es/components/Range/variations/_size/base.js +5 -0
  129. package/es/components/Range/variations/_size/base.js.map +1 -0
  130. package/es/components/Range/variations/_size/base_16xiubi.css +1 -0
  131. package/es/components/Range/variations/_view/base.js +5 -0
  132. package/es/components/Range/variations/_view/base.js.map +1 -0
  133. package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
  134. package/es/components/Select/Select.css +6 -9
  135. package/es/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
  136. package/es/components/TextField/TextField.js +11 -5
  137. package/es/components/TextField/TextField.js.map +1 -1
  138. package/es/components/TextField/TextField.styles.js +12 -2
  139. package/es/components/TextField/TextField.styles.js.map +1 -1
  140. package/es/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
  141. package/es/components/TextField/TextField.tokens.js +5 -0
  142. package/es/components/TextField/TextField.tokens.js.map +1 -1
  143. package/es/components/TextField/variations/_label-placement/inner.js +1 -1
  144. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -1
  145. package/es/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
  146. package/es/components/TextField/variations/_size/base.js +1 -1
  147. package/es/components/TextField/variations/_size/base.js.map +1 -1
  148. package/es/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
  149. package/es/components/TextField/variations/_view/base.js +1 -1
  150. package/es/components/TextField/variations/_view/base.js.map +1 -1
  151. package/es/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
  152. package/es/components/Toast/Toast.css +6 -9
  153. package/es/components/Toast/ToastController.css +6 -9
  154. package/es/index.css +37 -21
  155. package/es/index.js +2 -0
  156. package/es/index.js.map +1 -1
  157. package/package.json +2 -2
  158. package/styled-components/cjs/components/Avatar/Avatar.template-doc.mdx +3 -1
  159. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +9 -9
  160. package/styled-components/cjs/components/Button/Button.js +2 -16
  161. package/styled-components/cjs/components/Button/Button.styles.js +12 -20
  162. package/styled-components/cjs/components/Button/Button.template-doc.mdx +8 -51
  163. package/styled-components/cjs/components/Button/Button.tokens.js +0 -5
  164. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  165. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  166. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -2
  167. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  168. package/styled-components/cjs/components/Cell/Cell.template-doc.mdx +68 -0
  169. package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +2 -2
  170. package/styled-components/cjs/components/Chip/Chip.template-doc.mdx +1 -1
  171. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +14 -14
  172. package/styled-components/cjs/components/Counter/Counter.template-doc.mdx +5 -5
  173. package/styled-components/cjs/components/Divider/Divider.template-docs.mdx +57 -0
  174. package/styled-components/cjs/components/Drawer/Drawer.template-doc.mdx +3 -3
  175. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +262 -261
  176. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  177. package/styled-components/cjs/components/IconButton/IconButton.template-doc.mdx +156 -0
  178. package/styled-components/cjs/components/Image/Image.template-doc.mdx +1 -1
  179. package/styled-components/cjs/components/Link/Link.template-doc.mdx +4 -4
  180. package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +85 -33
  181. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +1 -2
  182. package/styled-components/cjs/components/Pagination/Pagination.template-doc.mdx +130 -0
  183. package/styled-components/cjs/components/Popover/Popover.template-doc.mdx +3 -3
  184. package/styled-components/cjs/components/Popup/Popup.template-doc.mdx +70 -74
  185. package/styled-components/cjs/components/Progress/Progress.template-doc.mdx +33 -0
  186. package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx +2 -1
  187. package/styled-components/cjs/components/Range/Range.js +148 -0
  188. package/styled-components/cjs/components/Range/Range.styles.js +39 -0
  189. package/styled-components/cjs/components/Range/Range.template-doc.mdx +323 -0
  190. package/styled-components/cjs/components/Range/Range.tokens.js +104 -0
  191. package/styled-components/cjs/components/Range/Range.types.js +5 -0
  192. package/styled-components/cjs/components/Range/index.js +25 -0
  193. package/styled-components/cjs/components/Range/utils/index.js +22 -0
  194. package/styled-components/cjs/components/Range/variations/_disabled/base.js +9 -0
  195. package/styled-components/cjs/components/Range/variations/_disabled/tokens.json +4 -0
  196. package/styled-components/cjs/components/Range/variations/_readonly/base.js +10 -0
  197. package/styled-components/cjs/components/Range/variations/_readonly/tokens.json +4 -0
  198. package/styled-components/cjs/components/Range/variations/_size/base.js +10 -0
  199. package/styled-components/cjs/components/Range/variations/_size/tokens.json +26 -0
  200. package/styled-components/cjs/components/Range/variations/_view/base.js +10 -0
  201. package/styled-components/cjs/components/Range/variations/_view/tokens.json +6 -0
  202. package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +2 -2
  203. package/styled-components/cjs/components/Skeleton/Skeleton.template-doc.mdx +4 -4
  204. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +1 -1
  205. package/styled-components/cjs/components/TextField/TextField.js +10 -4
  206. package/styled-components/cjs/components/TextField/TextField.styles.js +7 -1
  207. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +2 -2
  208. package/styled-components/cjs/components/TextField/TextField.tokens.js +5 -0
  209. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  210. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  211. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  212. package/styled-components/cjs/components/Toolbar/Toolbar.template-doc.mdx +120 -0
  213. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  214. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  215. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  216. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  217. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +31 -0
  218. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js +11 -0
  219. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
  220. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  221. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
  222. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  223. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  224. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  225. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  226. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +31 -0
  227. package/styled-components/cjs/examples/plasma_web/components/Range/Range.js +11 -0
  228. package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
  229. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  230. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  231. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  232. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  233. package/styled-components/cjs/index.js +11 -0
  234. package/styled-components/es/components/Avatar/Avatar.template-doc.mdx +3 -1
  235. package/styled-components/es/components/Badge/Badge.template-doc.mdx +9 -9
  236. package/styled-components/es/components/Button/Button.js +3 -17
  237. package/styled-components/es/components/Button/Button.styles.js +11 -19
  238. package/styled-components/es/components/Button/Button.template-doc.mdx +8 -51
  239. package/styled-components/es/components/Button/Button.tokens.js +0 -5
  240. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  241. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  242. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +2 -3
  243. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  244. package/styled-components/es/components/Cell/Cell.template-doc.mdx +68 -0
  245. package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +2 -2
  246. package/styled-components/es/components/Chip/Chip.template-doc.mdx +1 -1
  247. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +14 -14
  248. package/styled-components/es/components/Counter/Counter.template-doc.mdx +5 -5
  249. package/styled-components/es/components/Divider/Divider.template-docs.mdx +57 -0
  250. package/styled-components/es/components/Drawer/Drawer.template-doc.mdx +3 -3
  251. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +262 -261
  252. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  253. package/styled-components/es/components/IconButton/IconButton.template-doc.mdx +156 -0
  254. package/styled-components/es/components/Image/Image.template-doc.mdx +1 -1
  255. package/styled-components/es/components/Link/Link.template-doc.mdx +4 -4
  256. package/styled-components/es/components/Modal/Modal.template-doc.mdx +85 -33
  257. package/styled-components/es/components/Notification/Notification.template-doc.mdx +1 -2
  258. package/styled-components/es/components/Pagination/Pagination.template-doc.mdx +130 -0
  259. package/styled-components/es/components/Popover/Popover.template-doc.mdx +3 -3
  260. package/styled-components/es/components/Popup/Popup.template-doc.mdx +70 -74
  261. package/styled-components/es/components/Progress/Progress.template-doc.mdx +33 -0
  262. package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx +2 -1
  263. package/styled-components/es/components/Range/Range.js +139 -0
  264. package/styled-components/es/components/Range/Range.styles.js +31 -0
  265. package/styled-components/es/components/Range/Range.template-doc.mdx +323 -0
  266. package/styled-components/es/components/Range/Range.tokens.js +98 -0
  267. package/styled-components/es/components/Range/Range.types.js +1 -0
  268. package/styled-components/es/components/Range/index.js +2 -0
  269. package/styled-components/es/components/Range/utils/index.js +16 -0
  270. package/styled-components/es/components/Range/variations/_disabled/base.js +3 -0
  271. package/styled-components/es/components/Range/variations/_disabled/tokens.json +4 -0
  272. package/styled-components/es/components/Range/variations/_readonly/base.js +4 -0
  273. package/styled-components/es/components/Range/variations/_readonly/tokens.json +4 -0
  274. package/styled-components/es/components/Range/variations/_size/base.js +4 -0
  275. package/styled-components/es/components/Range/variations/_size/tokens.json +26 -0
  276. package/styled-components/es/components/Range/variations/_view/base.js +4 -0
  277. package/styled-components/es/components/Range/variations/_view/tokens.json +6 -0
  278. package/styled-components/es/components/Segment/Segment.template-doc.mdx +2 -2
  279. package/styled-components/es/components/Skeleton/Skeleton.template-doc.mdx +4 -4
  280. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +1 -1
  281. package/styled-components/es/components/TextField/TextField.js +11 -5
  282. package/styled-components/es/components/TextField/TextField.styles.js +6 -0
  283. package/styled-components/es/components/TextField/TextField.template-doc.mdx +2 -2
  284. package/styled-components/es/components/TextField/TextField.tokens.js +5 -0
  285. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +2 -2
  286. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  287. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  288. package/styled-components/es/components/Toolbar/Toolbar.template-doc.mdx +120 -0
  289. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  290. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  291. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  292. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  293. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +25 -0
  294. package/styled-components/es/examples/plasma_b2c/components/Range/Range.js +5 -0
  295. package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
  296. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  297. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
  298. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  299. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  300. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  301. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  302. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +25 -0
  303. package/styled-components/es/examples/plasma_web/components/Range/Range.js +5 -0
  304. package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
  305. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  306. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  307. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  308. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  309. package/styled-components/es/index.js +2 -1
  310. package/types/components/Button/Button.d.ts.map +1 -1
  311. package/types/components/Button/Button.styles.d.ts +1 -5
  312. package/types/components/Button/Button.styles.d.ts.map +1 -1
  313. package/types/components/Button/Button.tokens.d.ts +0 -5
  314. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  315. package/types/components/Button/Button.types.d.ts +4 -16
  316. package/types/components/Button/Button.types.d.ts.map +1 -1
  317. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +0 -1
  318. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  319. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  320. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  321. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  322. package/types/components/Notification/Notification.styles.d.ts +1 -43
  323. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  324. package/types/components/Pagination/Pagination.styles.d.ts +2 -86
  325. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  326. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -43
  327. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  328. package/types/components/Range/Range.d.ts +31 -0
  329. package/types/components/Range/Range.d.ts.map +1 -0
  330. package/types/components/Range/Range.styles.d.ts +48 -0
  331. package/types/components/Range/Range.styles.d.ts.map +1 -0
  332. package/types/components/Range/Range.tokens.d.ts +99 -0
  333. package/types/components/Range/Range.tokens.d.ts.map +1 -0
  334. package/types/components/Range/Range.types.d.ts +143 -0
  335. package/types/components/Range/Range.types.d.ts.map +1 -0
  336. package/types/components/Range/index.d.ts +4 -0
  337. package/types/components/Range/index.d.ts.map +1 -0
  338. package/types/components/Range/utils/index.d.ts +5 -0
  339. package/types/components/Range/utils/index.d.ts.map +1 -0
  340. package/types/components/Range/variations/_disabled/base.d.ts +2 -0
  341. package/types/components/Range/variations/_disabled/base.d.ts.map +1 -0
  342. package/types/components/Range/variations/_readonly/base.d.ts +2 -0
  343. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -0
  344. package/types/components/Range/variations/_size/base.d.ts +2 -0
  345. package/types/components/Range/variations/_size/base.d.ts.map +1 -0
  346. package/types/components/Range/variations/_view/base.d.ts +2 -0
  347. package/types/components/Range/variations/_view/base.d.ts.map +1 -0
  348. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +1 -43
  349. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  350. package/types/components/TextField/TextField.d.ts.map +1 -1
  351. package/types/components/TextField/TextField.styles.d.ts +2 -0
  352. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  353. package/types/components/TextField/TextField.tokens.d.ts +5 -0
  354. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  355. package/types/components/TextField/TextField.types.d.ts +8 -0
  356. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  357. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -1
  358. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  359. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  360. package/types/components/Toast/Toast.styles.d.ts +1 -43
  361. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  362. package/types/components/Toast/utils.d.ts +1 -43
  363. package/types/components/Toast/utils.d.ts.map +1 -1
  364. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  365. package/types/examples/plasma_b2c/components/Button/Button.d.ts +1 -43
  366. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  367. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  368. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -43
  369. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  370. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts +24 -0
  371. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -0
  372. package/types/examples/plasma_b2c/components/Range/Range.d.ts +127 -0
  373. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -0
  374. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  375. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -0
  376. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  377. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  378. package/types/examples/plasma_web/components/Button/Button.d.ts +1 -43
  379. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  380. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  381. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -43
  382. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  383. package/types/examples/plasma_web/components/Range/Range.config.d.ts +24 -0
  384. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -0
  385. package/types/examples/plasma_web/components/Range/Range.d.ts +127 -0
  386. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -0
  387. package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -0
  388. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  389. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  390. package/types/examples/sds_engineer/components/Button/Button.d.ts +1 -43
  391. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  392. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  393. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +4 -0
  394. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
  395. package/types/index.d.ts +1 -0
  396. package/types/index.d.ts.map +1 -1
  397. package/cjs/components/Button/Button.styles_nedem1.css +0 -8
  398. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  399. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  400. package/es/components/Button/Button.styles_nedem1.css +0 -8
  401. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  402. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
@@ -0,0 +1,146 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var React = require('react');
7
+ var index$1 = require('../../utils/index.js');
8
+ var base$1 = require('./variations/_size/base.js');
9
+ var base = require('./variations/_view/base.js');
10
+ var base$2 = require('./variations/_disabled/base.js');
11
+ var base$3 = require('./variations/_readonly/base.js');
12
+ var index = require('./utils/index.js');
13
+ var Range_styles = require('./Range.styles.js');
14
+ var Range_tokens = require('./Range.tokens.js');
15
+
16
+ var _StyledDivider;
17
+ var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
18
+ var rangeRoot = function rangeRoot(Root) {
19
+ return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
20
+ var _StyledDivider2;
21
+ var label = _ref.label,
22
+ leftHelper = _ref.leftHelper,
23
+ contentLeft = _ref.contentLeft,
24
+ contentRight = _ref.contentRight,
25
+ view = _ref.view,
26
+ size = _ref.size,
27
+ _ref$readOnly = _ref.readOnly,
28
+ readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
29
+ _ref$disabled = _ref.disabled,
30
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
31
+ _ref$dividerVariant = _ref.dividerVariant,
32
+ dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
33
+ dividerIcon = _ref.dividerIcon,
34
+ firstValue = _ref.firstValue,
35
+ secondValue = _ref.secondValue,
36
+ firstValueError = _ref.firstValueError,
37
+ secondValueError = _ref.secondValueError,
38
+ firstValueSuccess = _ref.firstValueSuccess,
39
+ secondValueSuccess = _ref.secondValueSuccess,
40
+ firstPlaceholder = _ref.firstPlaceholder,
41
+ secondPlaceholder = _ref.secondPlaceholder,
42
+ firstTextfieldContentLeft = _ref.firstTextfieldContentLeft,
43
+ firstTextfieldContentRight = _ref.firstTextfieldContentRight,
44
+ secondTextfieldContentLeft = _ref.secondTextfieldContentLeft,
45
+ secondTextfieldContentRight = _ref.secondTextfieldContentRight,
46
+ firstTextfieldTextBefore = _ref.firstTextfieldTextBefore,
47
+ secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
48
+ firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
49
+ secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
50
+ onChangeFirstValue = _ref.onChangeFirstValue,
51
+ onChangeSecondValue = _ref.onChangeSecondValue,
52
+ onSearchFirstValue = _ref.onSearchFirstValue,
53
+ onSearchSecondValue = _ref.onSearchSecondValue,
54
+ onFocusFirstTextfield = _ref.onFocusFirstTextfield,
55
+ onFocusSecondTextfield = _ref.onFocusSecondTextfield,
56
+ onBlurFirstTextfield = _ref.onBlurFirstTextfield,
57
+ onBlurSecondTextfield = _ref.onBlurSecondTextfield,
58
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
59
+ var rangeErrorClass = firstValueError && secondValueError ? Range_tokens.classes.rangeError : undefined;
60
+ var firstValueErrorClass = !rangeErrorClass && firstValueError ? Range_tokens.classes.rangeValueError : undefined;
61
+ var secondValueErrorClass = !rangeErrorClass && secondValueError ? Range_tokens.classes.rangeValueError : undefined;
62
+ var rangeSuccessClass = firstValueSuccess && secondValueSuccess ? Range_tokens.classes.rangeSuccess : undefined;
63
+ var firstValueSuccessClass = !rangeSuccessClass && firstValueSuccess ? Range_tokens.classes.rangeValueSuccess : undefined;
64
+ var secondValueSuccessClass = !rangeSuccessClass && secondValueSuccess ? Range_tokens.classes.rangeValueSuccess : undefined;
65
+ var handleChangeFirstValue = React.useCallback(index.getChangeHandler(onChangeFirstValue, disabled, readOnly), [onChangeFirstValue, disabled, readOnly]);
66
+ var handleChangeSecondValue = React.useCallback(index.getChangeHandler(onChangeSecondValue, disabled, readOnly), [onChangeSecondValue, disabled, readOnly]);
67
+ var handleSearchFirstValue = React.useCallback(index.getSearchHandler(onSearchFirstValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
68
+ var handleSearchSecondValue = React.useCallback(index.getSearchHandler(onSearchSecondValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
69
+ var Divider = React.useMemo(function () {
70
+ if (dividerVariant === 'none') {
71
+ return null;
72
+ }
73
+ if (dividerVariant === 'dash') {
74
+ return _StyledDivider || (_StyledDivider = /*#__PURE__*/React.createElement(Range_styles.StyledDivider, null, "\u2013"));
75
+ }
76
+ return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React.createElement(Range_styles.StyledDivider, null, dividerIcon));
77
+ }, [dividerVariant, dividerIcon]);
78
+ return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
79
+ view: view,
80
+ size: size,
81
+ disabled: disabled,
82
+ readOnly: !disabled && readOnly,
83
+ ref: ref
84
+ }, rest), label && /*#__PURE__*/React.createElement(Range_styles.StyledLabel, null, label), /*#__PURE__*/React.createElement(Range_styles.ContentWrapper, {
85
+ className: index$1.cx(rangeErrorClass, rangeSuccessClass)
86
+ }, contentLeft && /*#__PURE__*/React.createElement(Range_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
87
+ className: index$1.cx(firstValueErrorClass, firstValueSuccessClass),
88
+ value: firstValue,
89
+ readOnly: readOnly,
90
+ disabled: disabled,
91
+ placeholder: firstPlaceholder,
92
+ contentLeft: firstTextfieldContentLeft,
93
+ contentRight: firstTextfieldContentRight,
94
+ textBefore: firstTextfieldTextBefore,
95
+ textAfter: firstTextfieldTextAfter,
96
+ onChange: handleChangeFirstValue,
97
+ onSearch: handleSearchFirstValue,
98
+ onFocus: onFocusFirstTextfield,
99
+ onBlur: onBlurFirstTextfield
100
+ }), Divider, /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
101
+ className: index$1.cx(secondValueErrorClass, secondValueSuccessClass),
102
+ value: secondValue,
103
+ readOnly: readOnly,
104
+ disabled: disabled,
105
+ placeholder: secondPlaceholder,
106
+ contentLeft: secondTextfieldContentLeft,
107
+ contentRight: secondTextfieldContentRight,
108
+ textBefore: secondTextfieldTextBefore,
109
+ textAfter: secondTextfieldTextAfter,
110
+ onChange: handleChangeSecondValue,
111
+ onSearch: handleSearchSecondValue,
112
+ onFocus: onFocusSecondTextfield,
113
+ onBlur: onBlurSecondTextfield
114
+ }), contentRight && /*#__PURE__*/React.createElement(Range_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(Range_styles.LeftHelper, null, leftHelper));
115
+ });
116
+ };
117
+ var rangeConfig = {
118
+ name: 'Range',
119
+ tag: 'div',
120
+ layout: rangeRoot,
121
+ base: Range_styles.base,
122
+ variations: {
123
+ view: {
124
+ css: base.base
125
+ },
126
+ size: {
127
+ css: base$1.base
128
+ },
129
+ disabled: {
130
+ css: base$2.base,
131
+ attrs: true
132
+ },
133
+ readOnly: {
134
+ css: base$3.base,
135
+ attrs: true
136
+ }
137
+ },
138
+ defaults: {
139
+ size: 'm',
140
+ view: 'default'
141
+ }
142
+ };
143
+
144
+ exports.rangeConfig = rangeConfig;
145
+ exports.rangeRoot = rangeRoot;
146
+ //# sourceMappingURL=Range.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledInput,\n StyledLabel,\n base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n forwardRef<HTMLInputElement, RangeProps>(\n (\n {\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n firstValue,\n secondValue,\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n onChangeFirstValue,\n onChangeSecondValue,\n onSearchFirstValue,\n onSearchSecondValue,\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n const firstValueSuccessClass =\n !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n const secondValueSuccessClass =\n !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n const handleChangeFirstValue = useCallback(getChangeHandler(onChangeFirstValue, disabled, readOnly), [\n onChangeFirstValue,\n disabled,\n readOnly,\n ]);\n\n const handleChangeSecondValue = useCallback(getChangeHandler(onChangeSecondValue, disabled, readOnly), [\n onChangeSecondValue,\n disabled,\n readOnly,\n ]);\n\n const handleSearchFirstValue = useCallback(getSearchHandler(onSearchFirstValue, disabled, readOnly), [\n onSearchFirstValue,\n disabled,\n readOnly,\n ]);\n\n const handleSearchSecondValue = useCallback(getSearchHandler(onSearchSecondValue, disabled, readOnly), [\n onSearchFirstValue,\n disabled,\n readOnly,\n ]);\n\n const Divider = useMemo(() => {\n if (dividerVariant === 'none') {\n return null;\n }\n\n if (dividerVariant === 'dash') {\n return <StyledDivider>–</StyledDivider>;\n }\n\n return <StyledDivider>{dividerIcon}</StyledDivider>;\n }, [dividerVariant, dividerIcon]);\n\n return (\n <Root view={view} size={size} disabled={disabled} readOnly={!disabled && readOnly} ref={ref} {...rest}>\n {label && <StyledLabel>{label}</StyledLabel>}\n <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledInput\n className={cx(firstValueErrorClass, firstValueSuccessClass)}\n value={firstValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={firstPlaceholder}\n contentLeft={firstTextfieldContentLeft}\n contentRight={firstTextfieldContentRight}\n textBefore={firstTextfieldTextBefore}\n textAfter={firstTextfieldTextAfter}\n onChange={handleChangeFirstValue}\n onSearch={handleSearchFirstValue}\n onFocus={onFocusFirstTextfield}\n onBlur={onBlurFirstTextfield}\n />\n {Divider}\n <StyledInput\n className={cx(secondValueErrorClass, secondValueSuccessClass)}\n value={secondValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={secondPlaceholder}\n contentLeft={secondTextfieldContentLeft}\n contentRight={secondTextfieldContentRight}\n textBefore={secondTextfieldTextBefore}\n textAfter={secondTextfieldTextAfter}\n onChange={handleChangeSecondValue}\n onSearch={handleSearchSecondValue}\n onFocus={onFocusSecondTextfield}\n onBlur={onBlurSecondTextfield}\n />\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </ContentWrapper>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const rangeConfig = {\n name: 'Range',\n tag: 'div',\n layout: rangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeErrorClass","classes","rangeError","undefined","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","useCallback","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledLabel","ContentWrapper","className","cx","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,63 @@
1
+ import './Range.styles_mc4w65.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var react = require('@linaria/react');
7
+ require('@linaria/core');
8
+ var common = require('../../engines/common.js');
9
+ var TextField$1 = require('../TextField/TextField.js');
10
+
11
+ var mergedConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
12
+ var TextField = /*#__PURE__*/common.component(mergedConfig);
13
+
14
+ // NOTE: переопределение токенов TextField
15
+ var _exp = function _exp() {
16
+ return TextField;
17
+ };
18
+ var StyledInput = /*#__PURE__*/react.styled(_exp())({
19
+ name: "StyledInput",
20
+ "class": "s1k2erwt",
21
+ propsAsIs: true
22
+ });
23
+ var base = "b16kyj37";
24
+ var StyledLabel = /*#__PURE__*/react.styled('label')({
25
+ name: "StyledLabel",
26
+ "class": "s14q3826",
27
+ propsAsIs: false
28
+ });
29
+ var LeftHelper = /*#__PURE__*/react.styled('div')({
30
+ name: "LeftHelper",
31
+ "class": "l1fwucr5",
32
+ propsAsIs: false
33
+ });
34
+ var ContentWrapper = /*#__PURE__*/react.styled('div')({
35
+ name: "ContentWrapper",
36
+ "class": "czi0aji",
37
+ propsAsIs: false
38
+ });
39
+ var StyledDivider = /*#__PURE__*/react.styled('div')({
40
+ name: "StyledDivider",
41
+ "class": "s1e6rwfy",
42
+ propsAsIs: false
43
+ });
44
+ var StyledContentLeft = /*#__PURE__*/react.styled('div')({
45
+ name: "StyledContentLeft",
46
+ "class": "sfxtxl2",
47
+ propsAsIs: false
48
+ });
49
+ var StyledContentRight = /*#__PURE__*/react.styled('div')({
50
+ name: "StyledContentRight",
51
+ "class": "s1hiyoiq",
52
+ propsAsIs: false
53
+ });
54
+
55
+ exports.ContentWrapper = ContentWrapper;
56
+ exports.LeftHelper = LeftHelper;
57
+ exports.StyledContentLeft = StyledContentLeft;
58
+ exports.StyledContentRight = StyledContentRight;
59
+ exports.StyledDivider = StyledDivider;
60
+ exports.StyledInput = StyledInput;
61
+ exports.StyledLabel = StyledLabel;
62
+ exports.base = base;
63
+ //# sourceMappingURL=Range.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css``;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+DhC,EAAA;AAEM,IAAMC,IAAI,GAAQ,WAAA;AAElB,IAAMC,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEtC,IAAMO,kBAAkB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;"}
@@ -0,0 +1,8 @@
1
+ .s1k2erwt{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasmas-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.s1k2erwt.range-value-error{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.s1k2erwt.range-value-success{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
2
+
3
+
4
+
5
+ .czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
6
+
7
+
8
+
@@ -0,0 +1,106 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {
6
+ rangeError: 'range-error',
7
+ rangeValueError: 'range-value-error',
8
+ rangeSuccess: 'range-success',
9
+ rangeValueSuccess: 'range-value-success'
10
+ };
11
+ var tokens = {
12
+ background: '--plasma-range-background',
13
+ backgroundError: '--plasma-range-background-error',
14
+ backgroundSuccess: '--plasma-range-background-success',
15
+ backgroundReadOnly: '--plasma-range-background-readonly',
16
+ borderRadius: '--plasma-range-border-radius',
17
+ borderWidth: '--plasma-range-border-width',
18
+ borderColor: '--plasma-range-border-color',
19
+ borderColorError: '--plasma-range-border-color-error',
20
+ borderColorSuccess: '--plasma-range-border-color-success',
21
+ borderColorReadOnly: '--plasma-range-border-color-readonly',
22
+ /** Токены разделителя */
23
+ dividerColor: '--plasma-range__divider-color',
24
+ dividerColorReadOnly: '--plasma-range__divider-color-readonly',
25
+ dividerPadding: '--plasma-range__divider-padding',
26
+ dividerFontFamily: '--plasma-range__divider-font-family',
27
+ dividerFontStyle: '--plasma-range__divider-font-style',
28
+ dividerFontSize: '--plasma-range__divider-font-size',
29
+ dividerFontWeight: '--plasma-range__divider-font-weight',
30
+ dividerLetterSpacing: '--plasma-range__divider-letter-spacing',
31
+ dividerLineHeight: '--plasma-range__divider-line-height',
32
+ /** Токены слотов для контента */
33
+ leftContentMargin: '--plasma-range__left-content-margin',
34
+ rightContentMargin: '--plasma-range__right-content-margin',
35
+ /** Токены лейбла */
36
+ labelColor: '--plasma-range__label-color',
37
+ labelColorReadOnly: '--plasma-range__label-color-readonly',
38
+ labelOffset: '--plasma-range__label-offset',
39
+ labelFontFamily: '--plasma-range__label-font-family',
40
+ labelFontStyle: '--plasma-range__label-font-style',
41
+ labelFontSize: '--plasma-range__label-font-size',
42
+ labelFontWeight: '--plasma-range__label-font-weight',
43
+ labelLetterSpacing: '--plasma-range__label-letter-spacing',
44
+ labelLineHeight: '--plasma-range__label-line-height',
45
+ /** Токены вспомогательного текста */
46
+ leftHelperColor: '--plasma-range__left-helper-color',
47
+ leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',
48
+ leftHelperOffset: '--plasma-range__left-helper-offset',
49
+ leftHelperFontFamily: '--plasma-range__left-helper-font-family',
50
+ leftHelperFontStyle: '--plasma-range__left-helper-font-style',
51
+ leftHelperFontSize: '--plasma-range__left-helper-font-size',
52
+ leftHelperFontWeight: '--plasma-range__left-helper-font-weight',
53
+ leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',
54
+ leftHelperLineHeight: '--plasma-range__left-helper-line-height',
55
+ /** Прозрачность для всего компонента в состоянии disabled */
56
+ disabledOpacity: '--plasma-range-disabled-opacity',
57
+ /** Цвет обводки поля ввода при фокусе */
58
+ focusColor: '--plasma-range-focus-color',
59
+ /** Токены полей ввода */
60
+ textFieldColor: '--plasma-range-textfield-color',
61
+ textFieldFocusColor: '--plasma-range-textfield-focus-color',
62
+ textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',
63
+ textFieldCaretColor: '--plasma-range-textfield-caret-color',
64
+ textFieldBackgroundColor: '--plasma-range-textfield-background-color',
65
+ textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',
66
+ textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',
67
+ textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',
68
+ textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',
69
+ textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',
70
+ textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',
71
+ textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',
72
+ textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',
73
+ textFieldBorderColor: '--plasma-range-textfield-border-color',
74
+ textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',
75
+ textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',
76
+ textFieldBorderColorError: '--plasma-range-textfield-border-color-error',
77
+ textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',
78
+ textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',
79
+ textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',
80
+ textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',
81
+ textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',
82
+ textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',
83
+ textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',
84
+ textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',
85
+ textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',
86
+ textFieldHeight: '--plasma-range-textfield-height',
87
+ textFieldBorderWidth: '--plasma-range-textfield-border-width',
88
+ textFieldBorderRadius: '--plasma-range-textfield-border-radius',
89
+ textFieldPadding: '--plasma-range-textfield-padding',
90
+ textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',
91
+ textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',
92
+ textFieldFontFamily: '--plasma-range-textfield-font-family',
93
+ textFieldFontStyle: '--plasma-range-textfield-font-style',
94
+ textFieldFontSize: '--plasma-range-textfield-font-size',
95
+ textFieldFontWeight: '--plasma-range-textfield-font-weight',
96
+ textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',
97
+ textFieldLineHeight: '--plasma-range-textfield-line-height',
98
+ textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',
99
+ textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',
100
+ textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',
101
+ textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin'
102
+ };
103
+
104
+ exports.classes = classes;
105
+ exports.tokens = tokens;
106
+ //# sourceMappingURL=Range.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","dividerColor","dividerColorReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","focusColor","textFieldColor","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"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"}
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var getChangeHandler = function getChangeHandler(changeHandler, disabled, readOnly) {
6
+ return function (event) {
7
+ if (disabled || readOnly) {
8
+ return;
9
+ }
10
+ changeHandler === null || changeHandler === void 0 || changeHandler(event, event.target.value);
11
+ };
12
+ };
13
+ var getSearchHandler = function getSearchHandler(searchHandler, disabled, readOnly) {
14
+ return function (value, event) {
15
+ if (disabled || readOnly) {
16
+ return;
17
+ }
18
+ searchHandler === null || searchHandler === void 0 || searchHandler(event, value);
19
+ };
20
+ };
21
+
22
+ exports.getChangeHandler = getChangeHandler;
23
+ exports.getSearchHandler = getSearchHandler;
24
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Range/utils/index.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { BaseCallbackChangeInstance, BaseCallbackKeyboardInstance } from '../Range.types';\n\nexport const getChangeHandler = (\n changeHandler?: BaseCallbackChangeInstance,\n disabled?: boolean,\n readOnly?: boolean,\n) => (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n changeHandler?.(event, event.target.value);\n};\n\nexport const getSearchHandler = (\n searchHandler?: BaseCallbackKeyboardInstance,\n disabled?: boolean,\n readOnly?: boolean,\n) => (value: string, event?: KeyboardEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n searchHandler?.(event as KeyboardEvent<HTMLInputElement>, value);\n};\n"],"names":["getChangeHandler","changeHandler","disabled","readOnly","event","target","value","getSearchHandler","searchHandler"],"mappings":";;;;AAIO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,aAA0C,EAC1CC,QAAkB,EAClBC,QAAkB,EAAA;EAAA,OACjB,UAACC,KAAoC,EAAK;IAC3C,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,MAAA,OAAA;AACJ,KAAA;AAEAF,IAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGG,KAAK,EAAEA,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;GAC7C,CAAA;AAAA,EAAA;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,aAA4C,EAC5CN,QAAkB,EAClBC,QAAkB,EAAA;AAAA,EAAA,OACjB,UAACG,KAAa,EAAEF,KAAuC,EAAK;IAC7D,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,MAAA,OAAA;AACJ,KAAA;IAEAK,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGJ,KAAK,EAAqCE,KAAK,CAAC,CAAA;GACnE,CAAA;AAAA;;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_1ufizo4.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "brz2a7";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAKhB;;;;"}
@@ -0,0 +1 @@
1
+ .brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
@@ -0,0 +1,9 @@
1
+ import './base_tzdxy8.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1l9fpln";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledLabel,\n} from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n background: var(${tokens.backgroundReadOnly});\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAYO,IAAMA,IAAI,GAyBhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .czi0aji{background:var(--plasma-range-background-readonly);}.b1l9fpln[readonly] .s14q3826{display:block;color:var(--plasma-range__label-color-readonly);}.b1l9fpln[readonly] .l1fwucr5{color:var(--plasma-range__left-helper-color-readonly);}.b1l9fpln[readonly] .s1e6rwfy{color:var(--plasma-range__divider-color-readonly);}.b1l9fpln[readonly] .sfxtxl2,.b1l9fpln[readonly] .s1hiyoiq{color:var(--plasma-range-textfield-color-readonly);}
@@ -0,0 +1,9 @@
1
+ import './base_16xiubi.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bc2if5b";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n StyledLabel,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n ContentWrapper,\n} from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n width: inherit;\n border-radius: var(${tokens.borderRadius});\n }\n\n ${StyledDivider} {\n padding: var(${tokens.dividerPadding});\n font-family: var(${tokens.dividerFontFamily});\n font-size: var(${tokens.dividerFontSize});\n font-style: var(${tokens.dividerFontStyle});\n font-weight: var(${tokens.dividerFontWeight});\n letter-spacing: var(${tokens.dividerLetterSpacing});\n line-height: var(${tokens.dividerLineHeight});\n }\n\n ${StyledLabel} {\n margin: var(${tokens.labelOffset});\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${StyledContentLeft} {\n margin: var(${tokens.leftContentMargin});\n }\n\n ${StyledContentRight} {\n margin: var(${tokens.rightContentMargin});\n }\n\n ${LeftHelper} {\n margin: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAYO,IAAMA,IAAI,GA4ChB;;;;"}
@@ -0,0 +1 @@
1
+ .bc2if5b .czi0aji{width:inherit;border-radius:var(--plasma-range-border-radius);}.bc2if5b .s1e6rwfy{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.bc2if5b .s14q3826{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.bc2if5b .sfxtxl2{margin:var(--plasma-range__left-content-margin);}.bc2if5b .s1hiyoiq{margin:var(--plasma-range__right-content-margin);}.bc2if5b .l1fwucr5{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
@@ -0,0 +1,9 @@
1
+ import './base_5iz3nr.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bfrw0i0";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport { StyledLabel, LeftHelper, StyledDivider, ContentWrapper } from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n background-color: var(${tokens.background});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n\n &.${classes.rangeError} {\n background-color: var(${tokens.backgroundError});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorError});\n }\n\n &.${classes.rangeSuccess} {\n background-color: var(${tokens.backgroundSuccess});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorSuccess});\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColor});\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColor});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA4BhB;;;;"}
@@ -0,0 +1 @@
1
+ .bfrw0i0 .czi0aji{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.bfrw0i0 .czi0aji.range-error{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.bfrw0i0 .czi0aji.range-success{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.bfrw0i0 .s1e6rwfy{color:var(--plasma-range__divider-color);}.bfrw0i0 .s14q3826{display:block;color:var(--plasma-range__label-color);}.bfrw0i0 .l1fwucr5{color:var(--plasma-range__left-helper-color);}
@@ -65,7 +65,7 @@
65
65
 
66
66
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
67
67
 
68
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
68
+ .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
69
69
 
70
70
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
71
71
 
@@ -74,14 +74,11 @@
74
74
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
75
75
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
76
76
 
77
- .Button_styles_nedem1_bzw1898__92bfbb48{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_nedem1_bzw1898__92bfbb48.Button_styles_nedem1_buttonContentRelaxed__92bfbb48{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
78
- .Button_styles_nedem1_bdfuqwe__92bfbb48{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
79
- .Button_styles_nedem1_l9ypozh__92bfbb48{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
80
- .Button_styles_nedem1_l4dfhbg__92bfbb48{position:absolute;}
81
- .Button_styles_nedem1_srdlazt__92bfbb48{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
82
- .Button_styles_nedem1_s7rggv0__92bfbb48{margin:var(--plasma-button-left-content-margin);}
83
- .Button_styles_nedem1_s1rjh7ra__92bfbb48{margin:var(--plasma-button-right-content-margin);}
84
- .Button_styles_nedem1_b9ga1dj__92bfbb48{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_nedem1_b9ga1dj__92bfbb48{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_buttonSquare__92bfbb48{width:var(--plasma-button-height);padding:0;}
77
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
78
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
79
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
80
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
81
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
85
82
 
86
83
  .SelectTarget_styles_hb1tns_su9kdfl__864110c9{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly]{cursor:default;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly] .SelectTarget_styles_hb1tns_selectTargetArrow__864110c9{opacity:0.4;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9 .SelectTarget_styles_hb1tns_arrowInverse__864110c9{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasChips__864110c9{padding:var(--plasma-select-target-padding-has-chips);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetText__864110c9{top:var(--plasma-select-target-inner-top);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetLabel__864110c9{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
87
84
  .SelectTarget_styles_hb1tns_s1wmzhh1__864110c9{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}