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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (440) hide show
  1. package/cjs/components/Button/Button.css +9 -6
  2. package/cjs/components/Button/Button.js +16 -2
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.styles.js +31 -10
  5. package/cjs/components/Button/Button.styles.js.map +1 -1
  6. package/cjs/components/Button/Button.styles_nedem1.css +8 -0
  7. package/cjs/components/Button/Button.tokens.js +5 -0
  8. package/cjs/components/Button/Button.tokens.js.map +1 -1
  9. package/cjs/components/Button/variations/_stretching/base.js +1 -1
  10. package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
  11. package/{es/components/Button/variations/_stretching/base_1lx0ute.css → cjs/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  12. package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
  13. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  14. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  15. package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
  16. package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  17. package/{es/components/ButtonGroup/variations/_orientation/base_p85v51.css → cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +1 -1
  18. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  19. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  20. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  21. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  22. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  23. package/cjs/components/Drawer/Drawer.css +9 -6
  24. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  25. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  26. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  27. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  28. package/cjs/components/IconButton/IconButton.css +10 -7
  29. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  30. package/cjs/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  31. package/cjs/components/Notification/Notification.css +9 -6
  32. package/cjs/components/Notification/NotificationsProvider.css +9 -6
  33. package/cjs/components/Pagination/Pagination.css +11 -8
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  35. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  36. package/cjs/components/Select/Select.css +9 -6
  37. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  38. package/cjs/components/TextField/TextField.js +3 -12
  39. package/cjs/components/TextField/TextField.js.map +1 -1
  40. package/cjs/components/Toast/Toast.css +9 -6
  41. package/cjs/components/Toast/ToastController.css +9 -6
  42. package/cjs/engines/common.js +0 -4
  43. package/cjs/engines/common.js.map +1 -1
  44. package/cjs/engines/index.js.map +1 -1
  45. package/cjs/index.css +12 -34
  46. package/cjs/index.js +0 -14
  47. package/cjs/index.js.map +1 -1
  48. package/cjs/utils/index.js.map +1 -1
  49. package/es/components/Button/Button.css +9 -6
  50. package/es/components/Button/Button.js +17 -3
  51. package/es/components/Button/Button.js.map +1 -1
  52. package/es/components/Button/Button.styles.js +29 -11
  53. package/es/components/Button/Button.styles.js.map +1 -1
  54. package/es/components/Button/Button.styles_nedem1.css +8 -0
  55. package/es/components/Button/Button.tokens.js +5 -0
  56. package/es/components/Button/Button.tokens.js.map +1 -1
  57. package/es/components/Button/variations/_stretching/base.js +1 -1
  58. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  59. package/{cjs/components/Button/variations/_stretching/base_1lx0ute.css → es/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  60. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  61. package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  62. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  63. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  64. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  65. package/{cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css → es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +1 -1
  66. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  67. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  68. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  69. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  70. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  71. package/es/components/Drawer/Drawer.css +9 -6
  72. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  73. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  74. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  75. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  76. package/es/components/IconButton/IconButton.css +10 -7
  77. package/es/components/IconButton/IconButton.styles.js +1 -1
  78. package/es/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  79. package/es/components/Notification/Notification.css +9 -6
  80. package/es/components/Notification/NotificationsProvider.css +9 -6
  81. package/es/components/Pagination/Pagination.css +11 -8
  82. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  83. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  84. package/es/components/Select/Select.css +9 -6
  85. package/es/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  86. package/es/components/TextField/TextField.js +3 -12
  87. package/es/components/TextField/TextField.js.map +1 -1
  88. package/es/components/Toast/Toast.css +9 -6
  89. package/es/components/Toast/ToastController.css +9 -6
  90. package/es/engines/common.js +0 -4
  91. package/es/engines/common.js.map +1 -1
  92. package/es/engines/index.js.map +1 -1
  93. package/es/index.css +12 -34
  94. package/es/index.js +0 -8
  95. package/es/index.js.map +1 -1
  96. package/es/utils/index.js.map +1 -1
  97. package/package.json +2 -3
  98. package/styled-components/cjs/components/Button/Button.js +16 -2
  99. package/styled-components/cjs/components/Button/Button.styles.js +20 -12
  100. package/styled-components/cjs/components/Button/Button.template-doc.mdx +42 -0
  101. package/styled-components/cjs/components/Button/Button.tokens.js +5 -0
  102. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  103. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  104. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +2 -1
  105. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  106. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  107. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  108. package/styled-components/cjs/engines/common.js +0 -4
  109. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  110. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  111. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  112. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  113. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  114. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  115. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  116. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  117. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  118. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  119. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  120. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  121. package/styled-components/cjs/hooks/index.js +1 -8
  122. package/styled-components/cjs/index.js +0 -11
  123. package/styled-components/cjs/utils/index.js +0 -7
  124. package/styled-components/es/components/Button/Button.js +17 -3
  125. package/styled-components/es/components/Button/Button.styles.js +19 -11
  126. package/styled-components/es/components/Button/Button.template-doc.mdx +42 -0
  127. package/styled-components/es/components/Button/Button.tokens.js +5 -0
  128. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  129. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  130. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +3 -2
  131. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  132. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  133. package/styled-components/es/components/TextField/TextField.js +3 -12
  134. package/styled-components/es/engines/common.js +0 -4
  135. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  136. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  137. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  138. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  139. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  140. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  141. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  142. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  143. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  144. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  145. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  146. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  147. package/styled-components/es/hooks/index.js +1 -2
  148. package/styled-components/es/index.js +1 -2
  149. package/styled-components/es/utils/index.js +0 -1
  150. package/types/components/Button/Button.d.ts.map +1 -1
  151. package/types/components/Button/Button.styles.d.ts +5 -1
  152. package/types/components/Button/Button.styles.d.ts.map +1 -1
  153. package/types/components/Button/Button.tokens.d.ts +5 -0
  154. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  155. package/types/components/Button/Button.types.d.ts +16 -4
  156. package/types/components/Button/Button.types.d.ts.map +1 -1
  157. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
  158. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  159. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  160. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  161. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  162. package/types/components/Notification/Notification.styles.d.ts +43 -1
  163. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  164. package/types/components/Pagination/Pagination.styles.d.ts +86 -2
  165. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  166. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +43 -1
  167. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  168. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +43 -1
  169. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  170. package/types/components/TextField/TextField.d.ts.map +1 -1
  171. package/types/components/Toast/Toast.styles.d.ts +43 -1
  172. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  173. package/types/components/Toast/utils.d.ts +43 -1
  174. package/types/components/Toast/utils.d.ts.map +1 -1
  175. package/types/engines/common.d.ts +3 -3
  176. package/types/engines/common.d.ts.map +1 -1
  177. package/types/engines/index.d.ts +1 -1
  178. package/types/engines/index.d.ts.map +1 -1
  179. package/types/engines/types.d.ts +0 -4
  180. package/types/engines/types.d.ts.map +1 -1
  181. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  182. package/types/examples/plasma_b2c/components/Button/Button.d.ts +43 -1
  183. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  184. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  185. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +43 -1
  186. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  187. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  188. package/types/examples/plasma_web/components/Button/Button.d.ts +43 -1
  189. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  190. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  191. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +43 -1
  192. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  193. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  194. package/types/examples/sds_engineer/components/Button/Button.d.ts +43 -1
  195. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  196. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  197. package/types/hooks/index.d.ts +0 -1
  198. package/types/hooks/index.d.ts.map +1 -1
  199. package/types/index.d.ts +0 -1
  200. package/types/index.d.ts.map +1 -1
  201. package/types/utils/index.d.ts +0 -1
  202. package/types/utils/index.d.ts.map +1 -1
  203. package/cjs/components/Button/Button.styles_uqvh6u.css +0 -5
  204. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  205. package/cjs/components/Slider/Slider.css +0 -69
  206. package/cjs/components/Slider/Slider.js +0 -48
  207. package/cjs/components/Slider/Slider.js.map +0 -1
  208. package/cjs/components/Slider/Slider.tokens.js +0 -79
  209. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  210. package/cjs/components/Slider/components/Double/Double.css +0 -62
  211. package/cjs/components/Slider/components/Double/Double.js +0 -288
  212. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  213. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  214. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  215. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  216. package/cjs/components/Slider/components/Single/Single.css +0 -16
  217. package/cjs/components/Slider/components/Single/Single.js +0 -164
  218. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  219. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  220. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  221. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  222. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  223. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  224. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  225. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  226. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  227. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  228. package/cjs/components/Slider/ui/Handler/Handler.css +0 -4
  229. package/cjs/components/Slider/ui/Handler/Handler.js +0 -174
  230. package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
  231. package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
  232. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  233. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  234. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  235. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  236. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  237. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  238. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  239. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  240. package/cjs/components/Slider/utils/index.js +0 -56
  241. package/cjs/components/Slider/utils/index.js.map +0 -1
  242. package/cjs/components/Slider/variations/_disabled/base.js +0 -9
  243. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  244. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  245. package/cjs/components/Slider/variations/_size/base.js +0 -9
  246. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  247. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  248. package/cjs/components/Slider/variations/_view/base.js +0 -9
  249. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  250. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  251. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  252. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  253. package/cjs/utils/canUseDOM.js +0 -12
  254. package/cjs/utils/canUseDOM.js.map +0 -1
  255. package/es/components/Button/Button.styles_uqvh6u.css +0 -5
  256. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  257. package/es/components/Slider/Slider.css +0 -69
  258. package/es/components/Slider/Slider.js +0 -43
  259. package/es/components/Slider/Slider.js.map +0 -1
  260. package/es/components/Slider/Slider.tokens.js +0 -74
  261. package/es/components/Slider/Slider.tokens.js.map +0 -1
  262. package/es/components/Slider/components/Double/Double.css +0 -62
  263. package/es/components/Slider/components/Double/Double.js +0 -284
  264. package/es/components/Slider/components/Double/Double.js.map +0 -1
  265. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  266. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  267. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  268. package/es/components/Slider/components/Single/Single.css +0 -16
  269. package/es/components/Slider/components/Single/Single.js +0 -160
  270. package/es/components/Slider/components/Single/Single.js.map +0 -1
  271. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  272. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  273. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  274. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  275. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  276. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  277. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  278. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  279. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  280. package/es/components/Slider/ui/Handler/Handler.css +0 -4
  281. package/es/components/Slider/ui/Handler/Handler.js +0 -170
  282. package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
  283. package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
  284. package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  285. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  286. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  287. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  288. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  289. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  290. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  291. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  292. package/es/components/Slider/utils/index.js +0 -50
  293. package/es/components/Slider/utils/index.js.map +0 -1
  294. package/es/components/Slider/variations/_disabled/base.js +0 -5
  295. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  296. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  297. package/es/components/Slider/variations/_size/base.js +0 -5
  298. package/es/components/Slider/variations/_size/base.js.map +0 -1
  299. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  300. package/es/components/Slider/variations/_view/base.js +0 -5
  301. package/es/components/Slider/variations/_view/base.js.map +0 -1
  302. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  303. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  304. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  305. package/es/utils/canUseDOM.js +0 -8
  306. package/es/utils/canUseDOM.js.map +0 -1
  307. package/styled-components/cjs/components/Slider/Slider.js +0 -47
  308. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  309. package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
  310. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -300
  311. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  312. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  313. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -176
  314. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  315. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  316. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  317. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  318. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  319. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  320. package/styled-components/cjs/components/Slider/index.js +0 -32
  321. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +0 -183
  322. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
  323. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +0 -5
  324. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  325. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  326. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  327. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  328. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  329. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  330. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  331. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  332. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  333. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  334. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  335. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  336. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  337. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  338. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  339. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  340. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  341. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  342. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  343. package/styled-components/es/components/Slider/Slider.js +0 -38
  344. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  345. package/styled-components/es/components/Slider/Slider.types.js +0 -1
  346. package/styled-components/es/components/Slider/components/Double/Double.js +0 -292
  347. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  348. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  349. package/styled-components/es/components/Slider/components/Single/Single.js +0 -168
  350. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  351. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  352. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  353. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  354. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  355. package/styled-components/es/components/Slider/components/index.js +0 -3
  356. package/styled-components/es/components/Slider/index.js +0 -3
  357. package/styled-components/es/components/Slider/ui/Handler/Handler.js +0 -174
  358. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
  359. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +0 -1
  360. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  361. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  362. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  363. package/styled-components/es/components/Slider/ui/index.js +0 -5
  364. package/styled-components/es/components/Slider/utils/index.js +0 -47
  365. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  366. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  367. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  368. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  369. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  370. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  371. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  372. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  373. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  374. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  375. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  376. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  377. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  378. package/styled-components/es/utils/canUseDOM.js +0 -5
  379. package/types/components/Slider/Slider.d.ts +0 -27
  380. package/types/components/Slider/Slider.d.ts.map +0 -1
  381. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  382. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  383. package/types/components/Slider/Slider.types.d.ts +0 -3
  384. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  385. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  386. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  387. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  388. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  389. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  390. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  391. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  392. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  393. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  394. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  395. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  396. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  397. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  398. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  399. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  400. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  401. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  402. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  403. package/types/components/Slider/components/index.d.ts +0 -6
  404. package/types/components/Slider/components/index.d.ts.map +0 -1
  405. package/types/components/Slider/index.d.ts +0 -6
  406. package/types/components/Slider/index.d.ts.map +0 -1
  407. package/types/components/Slider/ui/Handler/Handler.d.ts +0 -9
  408. package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
  409. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
  410. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
  411. package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
  412. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +0 -1
  413. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  414. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  415. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  416. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  417. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  418. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  419. package/types/components/Slider/ui/index.d.ts +0 -6
  420. package/types/components/Slider/ui/index.d.ts.map +0 -1
  421. package/types/components/Slider/utils/index.d.ts +0 -33
  422. package/types/components/Slider/utils/index.d.ts.map +0 -1
  423. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  424. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  425. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  426. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  427. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  428. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  429. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  430. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  431. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  432. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  433. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  434. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  435. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  436. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  437. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  438. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  439. package/types/utils/canUseDOM.d.ts +0 -6
  440. package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -1,284 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { useState, useRef, useEffect, useCallback } from 'react';
3
- import { SliderBase } from '../SliderBase/SliderBase.js';
4
- import { Handler } from '../../ui/Handler/Handler.js';
5
- import '@linaria/react';
6
- import { sizeData } from '../../utils/index.js';
7
- import { cx } from '../../../../utils/index.js';
8
- import { classes } from '../../Slider.tokens.js';
9
- import { DoubleWrapper, LabelWrapper, LabelContentLeft, Label, SliderWrapper, InputsWrapper, StyledInput } from './Double.styles.js';
10
- import { isNumber } from '../../../../utils/isNumber.js';
11
-
12
- var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
13
- function getXCenterHandle(handle) {
14
- var _handle$parentElement;
15
- var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
16
- var handleRect = handle.getBoundingClientRect();
17
- var handlePosition = handleRect.x;
18
- return handlePosition - containerX;
19
- }
20
- var DoubleSlider = function DoubleSlider(_ref) {
21
- var min = _ref.min,
22
- max = _ref.max,
23
- value = _ref.value,
24
- disabled = _ref.disabled,
25
- label = _ref.label,
26
- labelContentLeft = _ref.labelContentLeft,
27
- _ref$size = _ref.size,
28
- size = _ref$size === void 0 ? 'm' : _ref$size,
29
- onChangeCommitted = _ref.onChangeCommitted,
30
- onChangeTextField = _ref.onChangeTextField,
31
- onBlurTextField = _ref.onBlurTextField,
32
- onKeyDownTextField = _ref.onKeyDownTextField,
33
- onChange = _ref.onChange,
34
- ariaLabel = _ref.ariaLabel,
35
- _ref$multipleStepSize = _ref.multipleStepSize,
36
- multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
37
- rest = _objectWithoutProperties(_ref, _excluded);
38
- var _useState = useState({
39
- stepSize: 0,
40
- railFillWidth: 0,
41
- railFillXPosition: 0,
42
- xFirstHandle: 0,
43
- xSecondHandle: 0,
44
- firstHandleZIndex: 100,
45
- secondHandleZIndex: 101,
46
- firstValue: value[0],
47
- secondValue: value[1]
48
- }),
49
- _useState2 = _slicedToArray(_useState, 2),
50
- state = _useState2[0],
51
- setState = _useState2[1];
52
- var _useState3 = useState(false),
53
- _useState4 = _slicedToArray(_useState3, 2),
54
- firstInputActive = _useState4[0],
55
- setFirstInputActive = _useState4[1];
56
- var _useState5 = useState(false),
57
- _useState6 = _slicedToArray(_useState5, 2),
58
- secondInputActive = _useState6[0],
59
- setSecondInputActive = _useState6[1];
60
- var _useState7 = useState(value[0]),
61
- _useState8 = _slicedToArray(_useState7, 2),
62
- firstValue = _useState8[0],
63
- setFirstValue = _useState8[1];
64
- var _useState9 = useState(value[1]),
65
- _useState10 = _slicedToArray(_useState9, 2),
66
- secondValue = _useState10[0],
67
- setSecondValue = _useState10[1];
68
- var firstHandleRef = useRef(null);
69
- var secondHandleRef = useRef(null);
70
- var firstHandleValue = useRef(value[0]);
71
- var secondHandleValue = useRef(value[1]);
72
- var stepSize = state.stepSize;
73
- var hasLabelContent = label || labelContentLeft;
74
- var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
75
- var secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;
76
- useEffect(function () {
77
- var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
78
- var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
79
- setFirstValue(value[0]);
80
- setSecondValue(value[1]);
81
- setState(function (prevState) {
82
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
83
- railFillXPosition: stepSize * firstLocalValue,
84
- railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
85
- xFirstHandle: stepSize * firstLocalValue,
86
- xSecondHandle: stepSize * secondLocalValue
87
- });
88
- });
89
- }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
90
- var setStepSize = useCallback(function (newStepSize) {
91
- setState(function (prevState) {
92
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
93
- stepSize: newStepSize
94
- });
95
- });
96
- }, [setState]);
97
- var onFirstHandleChange = function onFirstHandleChange(handleValue, data) {
98
- if (!(secondHandleRef !== null && secondHandleRef !== void 0 && secondHandleRef.current)) {
99
- return;
100
- }
101
- var newHandleXPosition = data.x;
102
- var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
103
- var fillWidth = secondHandleXPosition - newHandleXPosition;
104
- firstHandleValue.current = handleValue;
105
- setFirstValue(handleValue);
106
- setState(function (prevState) {
107
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
108
- firstHandleZIndex: 101,
109
- secondHandleZIndex: 100,
110
- railFillWidth: fillWidth < 0 ? 0 : fillWidth,
111
- railFillXPosition: newHandleXPosition
112
- });
113
- });
114
- if (onChange) {
115
- onChange([handleValue, value[1]]);
116
- }
117
- };
118
- var onFirstHandleChangeCommitted = function onFirstHandleChangeCommitted(handleValue, data) {
119
- setFirstValue(handleValue);
120
- if (onChangeCommitted) {
121
- onChangeCommitted([handleValue, value[1]]);
122
- }
123
- setState(function (prevState) {
124
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
125
- firstValue: handleValue,
126
- xFirstHandle: data.lastX
127
- });
128
- });
129
- };
130
- var onFirstTextfieldChange = function onFirstTextfieldChange(event) {
131
- if (!isNumber(event.target.value)) {
132
- return;
133
- }
134
- var handleValue = Number(event.target.value);
135
- setFirstValue(handleValue);
136
- if (onChangeTextField) {
137
- onChangeTextField([handleValue, secondValue], event);
138
- }
139
- };
140
- var onFirstTextfieldBlur = function onFirstTextfieldBlur(event) {
141
- if (!isNumber(event.target.value)) {
142
- return;
143
- }
144
- var handleValue = Number(event.target.value);
145
- setFirstValue(handleValue);
146
- if (onBlurTextField) {
147
- onBlurTextField && onBlurTextField([handleValue, secondValue], event);
148
- }
149
- };
150
- var onSecondHandleChange = function onSecondHandleChange(handleValue, data) {
151
- if (!(firstHandleRef !== null && firstHandleRef !== void 0 && firstHandleRef.current)) {
152
- return;
153
- }
154
- var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
155
- var newHandleXPosition = data.x;
156
- var fillWidth = newHandleXPosition - firstXHandleXPosition;
157
- secondHandleValue.current = handleValue;
158
- setSecondValue(handleValue);
159
- setState(function (prevState) {
160
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
161
- firstHandleZIndex: 100,
162
- secondHandleZIndex: 101,
163
- railFillWidth: fillWidth < 0 ? 0 : fillWidth,
164
- railFillXPosition: firstXHandleXPosition
165
- });
166
- });
167
- if (onChange) {
168
- onChange([value[0], handleValue]);
169
- }
170
- };
171
- var onSecondHandleChangeCommitted = function onSecondHandleChangeCommitted(handleValue, data) {
172
- if (onChangeCommitted) {
173
- onChangeCommitted([value[0], handleValue]);
174
- }
175
- setSecondValue(handleValue);
176
- setState(function (prevState) {
177
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
178
- secondValue: handleValue,
179
- xSecondHandle: data.lastX
180
- });
181
- });
182
- };
183
- var onSecondTextfieldChange = function onSecondTextfieldChange(event) {
184
- if (!isNumber(event.target.value)) {
185
- return;
186
- }
187
- var handleValue = Number(event.target.value);
188
- setSecondValue(handleValue);
189
- if (onChangeTextField) {
190
- onChangeTextField([firstValue, handleValue], event);
191
- }
192
- };
193
- var onSecondTextfieldBlur = function onSecondTextfieldBlur(event) {
194
- if (!isNumber(event.target.value)) {
195
- return;
196
- }
197
- var handleValue = Number(event.target.value);
198
- setSecondValue(handleValue);
199
- if (onBlurTextField) {
200
- onBlurTextField([firstValue, handleValue], event);
201
- }
202
- };
203
- var onTextfieldKeyDown = function onTextfieldKeyDown(event) {
204
- if (onKeyDownTextField) {
205
- onKeyDownTextField([firstValue, secondValue], event);
206
- }
207
- };
208
- var _ref2 = ariaLabel || [],
209
- _ref3 = _slicedToArray(_ref2, 2),
210
- ariaLabelLeft = _ref3[0],
211
- ariaLabelRight = _ref3[1];
212
- var currentFirstSliderValue = Math.max(state.firstValue, min);
213
- return /*#__PURE__*/React.createElement(DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase, _extends({
214
- min: min,
215
- max: max,
216
- disabled: disabled,
217
- setStepSize: setStepSize,
218
- railFillWidth: state.railFillWidth,
219
- settings: sizeData[size],
220
- railFillXPosition: state.railFillXPosition
221
- }, rest), /*#__PURE__*/React.createElement(Handler, {
222
- ref: firstHandleRef,
223
- stepSize: state.stepSize,
224
- multipleStepSize: multipleStepSize,
225
- onChangeCommitted: onFirstHandleChangeCommitted,
226
- onChange: onFirstHandleChange,
227
- min: min,
228
- max: state.secondValue,
229
- disabled: disabled,
230
- bounds: [min, state.secondValue],
231
- side: "left",
232
- xPosition: state.xFirstHandle,
233
- zIndex: state.firstHandleZIndex,
234
- value: currentFirstSliderValue,
235
- ariaLabel: ariaLabelLeft,
236
- onMouseEnter: function onMouseEnter() {
237
- return setFirstInputActive(true);
238
- },
239
- onMouseLeave: function onMouseLeave() {
240
- return setFirstInputActive(false);
241
- }
242
- }), /*#__PURE__*/React.createElement(Handler, {
243
- ref: secondHandleRef,
244
- stepSize: state.stepSize,
245
- multipleStepSize: multipleStepSize,
246
- onChangeCommitted: onSecondHandleChangeCommitted,
247
- onChange: onSecondHandleChange,
248
- min: min,
249
- ariaValueMin: currentFirstSliderValue,
250
- max: max,
251
- disabled: disabled,
252
- bounds: [state.firstValue, max],
253
- side: "right",
254
- xPosition: state.xSecondHandle,
255
- zIndex: state.secondHandleZIndex,
256
- value: Math.max(state.secondValue, min),
257
- ariaLabel: ariaLabelRight,
258
- onMouseEnter: function onMouseEnter() {
259
- return setSecondInputActive(true);
260
- },
261
- onMouseLeave: function onMouseLeave() {
262
- return setSecondInputActive(false);
263
- }
264
- })), /*#__PURE__*/React.createElement(InputsWrapper, null, /*#__PURE__*/React.createElement(StyledInput, {
265
- className: cx(classes.firstTextField, firstInputActiveClass),
266
- enumerationType: "plain",
267
- disabled: disabled,
268
- value: firstValue,
269
- onChange: onFirstTextfieldChange,
270
- onBlur: onFirstTextfieldBlur,
271
- onKeyDown: onTextfieldKeyDown
272
- }), /*#__PURE__*/React.createElement(StyledInput, {
273
- className: cx(classes.secondTextField, secondInputActiveClass),
274
- enumerationType: "plain",
275
- disabled: disabled,
276
- value: secondValue,
277
- onChange: onSecondTextfieldChange,
278
- onBlur: onSecondTextfieldBlur,
279
- onKeyDown: onTextfieldKeyDown
280
- }))));
281
- };
282
-
283
- export { DoubleSlider };
284
- //# sourceMappingURL=Double.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Double.js","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FC, ChangeEvent, KeyboardEvent, FocusEvent } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport type { HandlerProps } from '../../ui';\nimport { sizeData } from '../../utils';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport { DoubleSliderProps } from './Double.types';\nimport {\n SliderWrapper,\n InputsWrapper,\n Label,\n LabelContentLeft,\n LabelWrapper,\n StyledInput,\n DoubleWrapper,\n} from './Double.styles';\n\nfunction getXCenterHandle(handle: HTMLDivElement) {\n const containerX = handle.parentElement?.getBoundingClientRect()?.x || 0;\n const handleRect = handle.getBoundingClientRect();\n const handlePosition = handleRect.x;\n return handlePosition - containerX;\n}\n\nexport const DoubleSlider: FC<DoubleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n label,\n labelContentLeft,\n size = 'm',\n onChangeCommitted,\n onChangeTextField,\n onBlurTextField,\n onKeyDownTextField,\n onChange,\n ariaLabel,\n multipleStepSize = 10,\n ...rest\n}) => {\n const [state, setState] = useState({\n stepSize: 0,\n railFillWidth: 0,\n railFillXPosition: 0,\n xFirstHandle: 0,\n xSecondHandle: 0,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n firstValue: value[0],\n secondValue: value[1],\n });\n const [firstInputActive, setFirstInputActive] = useState(false);\n const [secondInputActive, setSecondInputActive] = useState(false);\n\n const [firstValue, setFirstValue] = useState<number>(value[0]);\n const [secondValue, setSecondValue] = useState<number>(value[1]);\n\n const firstHandleRef = useRef<HTMLDivElement | null>(null);\n const secondHandleRef = useRef<HTMLDivElement | null>(null);\n\n const firstHandleValue = useRef<number>(value[0]);\n const secondHandleValue = useRef<number>(value[1]);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;\n const secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;\n\n useEffect(() => {\n const firstLocalValue = Math.min(Math.max(value[0], min), max) - min;\n const secondLocalValue = Math.min(Math.max(value[1], min), max) - min;\n\n setFirstValue(value[0]);\n setSecondValue(value[1]);\n\n setState((prevState) => ({\n ...prevState,\n railFillXPosition: stepSize * firstLocalValue,\n railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,\n xFirstHandle: stepSize * firstLocalValue,\n xSecondHandle: stepSize * secondLocalValue,\n }));\n }, [value, stepSize, min, max, setFirstValue, setSecondValue]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onFirstHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n if (!secondHandleRef?.current) {\n return;\n }\n const newHandleXPosition = data.x;\n const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n firstHandleValue.current = handleValue;\n\n setFirstValue(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 101,\n secondHandleZIndex: 100,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\n }));\n if (onChange) {\n onChange([handleValue, value[1]]);\n }\n };\n\n const onFirstHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n setFirstValue(handleValue);\n if (onChangeCommitted) {\n onChangeCommitted([handleValue, value[1]]);\n }\n\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: data.lastX,\n }));\n };\n\n const onFirstTextfieldChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n if (onChangeTextField) {\n onChangeTextField([handleValue, secondValue], event);\n }\n };\n\n const onFirstTextfieldBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n if (onBlurTextField) {\n onBlurTextField && onBlurTextField([handleValue, secondValue], event);\n }\n };\n\n const onSecondHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n if (!firstHandleRef?.current) {\n return;\n }\n const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n const newHandleXPosition = data.x;\n const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n secondHandleValue.current = handleValue;\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\n }));\n if (onChange) {\n onChange([value[0], handleValue]);\n }\n };\n\n const onSecondHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n if (onChangeCommitted) {\n onChangeCommitted([value[0], handleValue]);\n }\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: data.lastX,\n }));\n };\n\n const onSecondTextfieldChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n if (onChangeTextField) {\n onChangeTextField([firstValue, handleValue], event);\n }\n };\n\n const onSecondTextfieldBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n if (onBlurTextField) {\n onBlurTextField([firstValue, handleValue], event);\n }\n };\n\n const onTextfieldKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n if (onKeyDownTextField) {\n onKeyDownTextField([firstValue, secondValue], event);\n }\n };\n\n const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];\n const currentFirstSliderValue = Math.max(state.firstValue, min);\n\n return (\n <DoubleWrapper>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderWrapper>\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n railFillXPosition={state.railFillXPosition}\n {...rest}\n >\n <Handler\n ref={firstHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onFirstHandleChangeCommitted}\n onChange={onFirstHandleChange}\n min={min}\n max={state.secondValue}\n disabled={disabled}\n bounds={[min, state.secondValue]}\n side=\"left\"\n xPosition={state.xFirstHandle}\n zIndex={state.firstHandleZIndex}\n value={currentFirstSliderValue}\n ariaLabel={ariaLabelLeft}\n onMouseEnter={() => setFirstInputActive(true)}\n onMouseLeave={() => setFirstInputActive(false)}\n />\n <Handler\n ref={secondHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onSecondHandleChangeCommitted}\n onChange={onSecondHandleChange}\n min={min}\n ariaValueMin={currentFirstSliderValue}\n max={max}\n disabled={disabled}\n bounds={[state.firstValue, max]}\n side=\"right\"\n xPosition={state.xSecondHandle}\n zIndex={state.secondHandleZIndex}\n value={Math.max(state.secondValue, min)}\n ariaLabel={ariaLabelRight}\n onMouseEnter={() => setSecondInputActive(true)}\n onMouseLeave={() => setSecondInputActive(false)}\n />\n </SliderBase>\n\n <InputsWrapper>\n <StyledInput\n className={cx(classes.firstTextField, firstInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={firstValue}\n onChange={onFirstTextfieldChange}\n onBlur={onFirstTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n <StyledInput\n className={cx(classes.secondTextField, secondInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={secondValue}\n onChange={onSecondTextfieldChange}\n onBlur={onSecondTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n </InputsWrapper>\n </SliderWrapper>\n </DoubleWrapper>\n );\n};\n"],"names":["getXCenterHandle","handle","_handle$parentElement","containerX","parentElement","getBoundingClientRect","x","handleRect","handlePosition","DoubleSlider","_ref","min","max","value","disabled","label","labelContentLeft","_ref$size","size","onChangeCommitted","onChangeTextField","onBlurTextField","onKeyDownTextField","onChange","ariaLabel","_ref$multipleStepSize","multipleStepSize","rest","_objectWithoutProperties","_excluded","_useState","useState","stepSize","railFillWidth","railFillXPosition","xFirstHandle","xSecondHandle","firstHandleZIndex","secondHandleZIndex","firstValue","secondValue","_useState2","_slicedToArray","state","setState","_useState3","_useState4","firstInputActive","setFirstInputActive","_useState5","_useState6","secondInputActive","setSecondInputActive","_useState7","_useState8","setFirstValue","_useState9","_useState10","setSecondValue","firstHandleRef","useRef","secondHandleRef","firstHandleValue","secondHandleValue","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","lastX","onFirstTextfieldChange","event","isNumber","target","Number","onFirstTextfieldBlur","onSecondHandleChange","firstXHandleXPosition","onSecondHandleChangeCommitted","onSecondTextfieldChange","onSecondTextfieldBlur","onTextfieldKeyDown","_ref2","_ref3","ariaLabelLeft","ariaLabelRight","currentFirstSliderValue","React","createElement","DoubleWrapper","LabelWrapper","LabelContentLeft","Label","SliderWrapper","SliderBase","_extends","settings","sizeData","Handler","ref","bounds","side","xPosition","zIndex","onMouseEnter","onMouseLeave","ariaValueMin","InputsWrapper","StyledInput","className","cx","firstTextField","enumerationType","onBlur","onKeyDown","secondTextField"],"mappings":"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"}
@@ -1,51 +0,0 @@
1
- import './Double.styles_1jhda4u.css';
2
- import { styled } from '@linaria/react';
3
- import '@linaria/core';
4
- import { component, mergeConfig } from '../../../../engines/common.js';
5
- import { textFieldConfig } from '../../../TextField/TextField.js';
6
-
7
- var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
8
- var TextField = /*#__PURE__*/component(mergedConfig);
9
- var LabelWrapper = /*#__PURE__*/styled('div')({
10
- name: "LabelWrapper",
11
- "class": "lcs82cd",
12
- propsAsIs: false
13
- });
14
- var LabelContentLeft = /*#__PURE__*/styled('div')({
15
- name: "LabelContentLeft",
16
- "class": "l1tvgbgq",
17
- propsAsIs: false
18
- });
19
- var Label = /*#__PURE__*/styled('label')({
20
- name: "Label",
21
- "class": "l1at2q9b",
22
- propsAsIs: false
23
- });
24
- var InputsWrapper = /*#__PURE__*/styled('div')({
25
- name: "InputsWrapper",
26
- "class": "i11dc2og",
27
- propsAsIs: false
28
- });
29
-
30
- // NOTE: переопределение токенов TextField
31
- var _exp12 = function _exp12() {
32
- return TextField;
33
- };
34
- var StyledInput = /*#__PURE__*/styled(_exp12())({
35
- name: "StyledInput",
36
- "class": "s4zvp7i",
37
- propsAsIs: true
38
- });
39
- var DoubleWrapper = /*#__PURE__*/styled('div')({
40
- name: "DoubleWrapper",
41
- "class": "d3kvcjo",
42
- propsAsIs: false
43
- });
44
- var SliderWrapper = /*#__PURE__*/styled('div')({
45
- name: "SliderWrapper",
46
- "class": "s11ntvbh",
47
- propsAsIs: false
48
- });
49
-
50
- export { DoubleWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, SliderWrapper, StyledInput };
51
- //# sourceMappingURL=Double.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\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\nexport const InputsWrapper = styled.div`\n display: flex;\n gap: var(${tokens.textFieldWrapperGap});\n margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\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 &.${classes.firstTextField} > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.${classes.secondTextField} > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n input:focus, &.${classes.textFieldActive} {\n ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n }\n`;\n\nexport const DoubleWrapper = styled.div`\n opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAjCkBA,SAiClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiChC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
@@ -1,7 +0,0 @@
1
- .lcs82cd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
2
-
3
- .l1at2q9b{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
4
- .i11dc2og{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
5
- .s4zvp7i{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.s4zvp7i.slider-first-text-field > div{border-top-right-radius:0;border-bottom-right-radius:0;}.s4zvp7i.slider-second-text-field > div{border-top-left-radius:0;border-bottom-left-radius:0;}.s4zvp7i input:focus,.s4zvp7i.slider-text-field-active{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
6
- .d3kvcjo{opacity:var(--plasma-slider-disabled-opacity);}
7
-
@@ -1,16 +0,0 @@
1
- .SliderBase_styles_7is2ll_s33crq1__0c0959e2{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
2
- .SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
3
- .SliderBase_styles_7is2ll_r1bro5xo__0c0959e2{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
4
- .SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
5
-
6
- .Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
7
- .Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
8
-
9
- .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::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:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
10
-
11
- .Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
12
-
13
- .Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
14
- .Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
15
- .Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
16
- .Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
@@ -1,160 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { useState, useRef, useEffect, useCallback } from 'react';
3
- import { SliderBase } from '../SliderBase/SliderBase.js';
4
- import { Handler } from '../../ui/Handler/Handler.js';
5
- import '@linaria/react';
6
- import { sizeData } from '../../utils/index.js';
7
- import { cx } from '../../../../utils/index.js';
8
- import { classes } from '../../Slider.tokens.js';
9
- import { SingleWrapper, LabelWrapper, LabelContentLeft, Label, SliderBaseWrapper, StyledRangeValue } from './Single.styles.js';
10
- import { isNumber } from '../../../../utils/isNumber.js';
11
-
12
- var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
13
- var SingleSlider = function SingleSlider(_ref) {
14
- var min = _ref.min,
15
- max = _ref.max,
16
- value = _ref.value,
17
- disabled = _ref.disabled,
18
- onChangeCommitted = _ref.onChangeCommitted,
19
- onChange = _ref.onChange,
20
- ariaLabel = _ref.ariaLabel,
21
- label = _ref.label,
22
- labelContentLeft = _ref.labelContentLeft,
23
- showRangeValues = _ref.showRangeValues,
24
- showCurrentValue = _ref.showCurrentValue,
25
- hideMinValueDiff = _ref.hideMinValueDiff,
26
- hideMaxValueDiff = _ref.hideMaxValueDiff,
27
- _ref$labelPlacement = _ref.labelPlacement,
28
- labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
29
- _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
30
- rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
31
- _ref$multipleStepSize = _ref.multipleStepSize,
32
- multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
33
- _ref$size = _ref.size,
34
- size = _ref$size === void 0 ? 'm' : _ref$size,
35
- rest = _objectWithoutProperties(_ref, _excluded);
36
- var _useState = useState({
37
- xHandle: 0,
38
- stepSize: 0,
39
- railFillWidth: 0
40
- }),
41
- _useState2 = _slicedToArray(_useState, 2),
42
- state = _useState2[0],
43
- setState = _useState2[1];
44
- var _useState3 = useState(0),
45
- _useState4 = _slicedToArray(_useState3, 2),
46
- startOffset = _useState4[0],
47
- setStartOffset = _useState4[1];
48
- var _useState5 = useState(0),
49
- _useState6 = _slicedToArray(_useState5, 2),
50
- endOffset = _useState6[0],
51
- setEndOffset = _useState6[1];
52
- var _useState7 = useState(value),
53
- _useState8 = _slicedToArray(_useState7, 2),
54
- dragValue = _useState8[0],
55
- setDragValue = _useState8[1];
56
- var stepSize = state.stepSize;
57
- var hasLabelContent = label || labelContentLeft;
58
- var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
59
- var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
60
- var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';
61
- var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';
62
- var startLabelRef = useRef(null);
63
- var endLabelRef = useRef(null);
64
- var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
65
- var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
66
- useEffect(function () {
67
- var localValue = Math.min(Math.max(value, min), max) - min;
68
- if (rangeValuesPlacement === 'outer') {
69
- var _startLabelRef$curren, _endLabelRef$current;
70
- var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
71
- if (isNumber(startWidth)) {
72
- setStartOffset(Number(startWidth));
73
- }
74
- var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
75
- if (isNumber(endWidth)) {
76
- setEndOffset(Number(endWidth));
77
- }
78
- } else {
79
- setStartOffset(1);
80
- setEndOffset(1);
81
- }
82
- setState(function (prevState) {
83
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
84
- xHandle: stepSize * localValue,
85
- railFillWidth: stepSize * localValue
86
- });
87
- });
88
- }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
89
- var setStepSize = useCallback(function (newStepSize) {
90
- setState(function (prevState) {
91
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
92
- stepSize: newStepSize
93
- });
94
- });
95
- }, [setState]);
96
- var onHandleChange = function onHandleChange(handleValue, data) {
97
- var newHandleXPosition = data.x;
98
- var newValue = Math.round(handleValue);
99
- setState(function (prevState) {
100
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
101
- railFillWidth: newHandleXPosition
102
- });
103
- });
104
- if (onChange) {
105
- onChange(newValue);
106
- }
107
- setDragValue(newValue);
108
- };
109
- var onHandleChangeCommitted = function onHandleChangeCommitted(handleValue, data) {
110
- var newValue = Math.round(handleValue);
111
- if (onChangeCommitted) {
112
- onChangeCommitted(newValue);
113
- }
114
- setState(function (prevState) {
115
- return _objectSpread2(_objectSpread2({}, prevState), {}, {
116
- xHandle: data.lastX,
117
- railFillWidth: data.lastX
118
- });
119
- });
120
- setDragValue(newValue);
121
- };
122
- return /*#__PURE__*/React.createElement(SingleWrapper, {
123
- className: labelPlacementClass
124
- }, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderBaseWrapper, {
125
- className: rangeValuesPlacementClass
126
- }, showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
127
- ref: startLabelRef,
128
- className: cx(hideMinValueDiffClass, activeFirstValue)
129
- }, min), /*#__PURE__*/React.createElement(SliderBase, _extends({
130
- min: min,
131
- max: max,
132
- disabled: disabled,
133
- setStepSize: setStepSize,
134
- onChange: onHandleChangeCommitted,
135
- railFillWidth: state.railFillWidth,
136
- settings: sizeData[size],
137
- labelPlacement: labelPlacement,
138
- rangeValuesPlacement: rangeValuesPlacement
139
- }, rest), /*#__PURE__*/React.createElement(Handler, {
140
- stepSize: state.stepSize,
141
- onChangeCommitted: onHandleChangeCommitted,
142
- onChange: onHandleChange,
143
- xPosition: state.xHandle,
144
- min: min,
145
- max: max,
146
- startOffset: startOffset,
147
- endOffset: endOffset,
148
- value: dragValue,
149
- disabled: disabled,
150
- ariaLabel: ariaLabel,
151
- multipleStepSize: multipleStepSize,
152
- showCurrentValue: showCurrentValue
153
- })), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
154
- ref: endLabelRef,
155
- className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
156
- }, max)));
157
- };
158
-
159
- export { SingleSlider };
160
- //# sourceMappingURL=Single.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n Label,\n LabelContentLeft,\n LabelWrapper,\n SingleWrapper,\n SliderBaseWrapper,\n StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'outer',\n rangeValuesPlacement = 'outer',\n multipleStepSize = 10,\n size = 'm',\n ...rest\n}) => {\n const [state, setState] = useState({\n xHandle: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const [dragValue, setDragValue] = useState(value);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n const rangeValuesPlacementClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n const hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(value, min), max) - min;\n\n if (rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newHandleXPosition = data.x;\n const newValue = Math.round(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandleXPosition,\n }));\n\n if (onChange) {\n onChange(newValue);\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n const newValue = Math.round(handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: data.lastX,\n railFillWidth: data.lastX,\n }));\n\n setDragValue(newValue);\n };\n\n return (\n <SingleWrapper className={labelPlacementClass}>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper className={rangeValuesPlacementClass}>\n {showRangeValues && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n {...rest}\n >\n <Handler\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n xPosition={state.xHandle}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n />\n </SliderBase>\n {showRangeValues && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","_ref$size","size","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","useRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","newValue","round","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue"],"mappings":"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"}