@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,36 +0,0 @@
1
- import './Single.styles_1r9f1e0.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var LabelWrapper = /*#__PURE__*/styled('div')({
5
- name: "LabelWrapper",
6
- "class": "l1p4kc08",
7
- propsAsIs: false
8
- });
9
- var LabelContentLeft = /*#__PURE__*/styled('div')({
10
- name: "LabelContentLeft",
11
- "class": "ly2gexi",
12
- propsAsIs: false
13
- });
14
- var Label = /*#__PURE__*/styled('label')({
15
- name: "Label",
16
- "class": "lozb535",
17
- propsAsIs: false
18
- });
19
- var StyledRangeValue = /*#__PURE__*/styled('span')({
20
- name: "StyledRangeValue",
21
- "class": "s1w9icbd",
22
- propsAsIs: false
23
- });
24
- var SliderBaseWrapper = /*#__PURE__*/styled('div')({
25
- name: "SliderBaseWrapper",
26
- "class": "s1d2sfgl",
27
- propsAsIs: false
28
- });
29
- var SingleWrapper = /*#__PURE__*/styled('div')({
30
- name: "SingleWrapper",
31
- "class": "ss3ujqx",
32
- propsAsIs: false
33
- });
34
-
35
- export { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue };
36
- //# sourceMappingURL=Single.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\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 StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.rangeValueFontFamily});\n font-size: var(${tokens.rangeValueFontSize});\n font-style: var(${tokens.rangeValueFontStyle});\n font-weight: var(${tokens.rangeValueFontWeight});\n letter-spacing: var(${tokens.rangeValueLetterSpacing});\n line-height: var(${tokens.rangeValueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n position: relative;\n display: flex;\n flex: 1;\n\n &.${classes.rangeValuesPlacementOuter} {\n ${StyledRangeValue} {\n position: absolute;\n bottom: var(${tokens.rangeValueBottomOffset});\n left: 0;\n\n &.${classes.maxRangeValue} {\n left: unset;\n right: 0;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.rangeMinValueMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeMaxValueMargin});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;"}
@@ -1,6 +0,0 @@
1
- .l1p4kc08{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
2
-
3
- .lozb535{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
- .s1w9icbd{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;}.s1w9icbd.slider-hide-min-value,.s1w9icbd.slider-hide-max-value{opacity:0;}.s1w9icbd.slider-active-range-value{color:var(--plasma-slider-label-color);}
5
- .s1d2sfgl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd.slider-max-range-value{left:unset;right:0;}.s1d2sfgl.slider-range-values-placement-inner{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd{margin-right:var(--plasma-slider-range-min-value-margin);}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
6
- .ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
@@ -1,4 +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;}
@@ -1,78 +0,0 @@
1
- import React, { useRef, useEffect } from 'react';
2
- import { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect.js';
3
- import { Slider, RailWrap, Rail, Fill } from './SliderBase.styles.js';
4
-
5
- var SliderBase = function SliderBase(_ref) {
6
- var max = _ref.max,
7
- min = _ref.min,
8
- setStepSize = _ref.setStepSize,
9
- railFillWidth = _ref.railFillWidth,
10
- children = _ref.children,
11
- _ref$railFillXPositio = _ref.railFillXPosition,
12
- railFillXPosition = _ref$railFillXPositio === void 0 ? 0 : _ref$railFillXPositio,
13
- disabled = _ref.disabled,
14
- labelPlacement = _ref.labelPlacement,
15
- rangeValuesPlacement = _ref.rangeValuesPlacement,
16
- onChange = _ref.onChange,
17
- _ref$settings = _ref.settings,
18
- settings = _ref$settings === void 0 ? {} : _ref$settings;
19
- var _settings$indent = settings.indent,
20
- indent = _settings$indent === void 0 ? 0.75 : _settings$indent,
21
- _settings$fontSizeMul = settings.fontSizeMultiplier,
22
- fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
23
- var ref = useRef(null);
24
- var gap = indent * fontSizeMultiplier * 2;
25
- useEffect(function () {
26
- var resizeHandler = function resizeHandler() {
27
- if (ref.current) {
28
- var railSize = ref.current.offsetWidth - gap;
29
- var totalSteps = max - min;
30
- setStepSize(railSize / totalSteps);
31
- }
32
- };
33
- resizeHandler();
34
- }, [labelPlacement, rangeValuesPlacement, ref.current]);
35
- var onHandleChange = function onHandleChange(e) {
36
- if (!onChange || disabled) {
37
- return;
38
- }
39
- var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
40
- x = _e$currentTarget$getB.x,
41
- width = _e$currentTarget$getB.width;
42
- var lastX = e.clientX - x;
43
- var position = min + lastX / (width - gap) * (max - min);
44
- var result = Math.max(min, Math.min(max, position));
45
- onChange(result, {
46
- lastX: lastX
47
- });
48
- };
49
- useIsomorphicLayoutEffect(function () {
50
- var resizeHandler = function resizeHandler() {
51
- if (ref.current) {
52
- var railSize = ref.current.offsetWidth - gap;
53
- var totalSteps = max - min;
54
- setStepSize(railSize / totalSteps);
55
- }
56
- };
57
- resizeHandler();
58
- window.addEventListener('resize', resizeHandler);
59
- return function () {
60
- return window.removeEventListener('resize', resizeHandler);
61
- };
62
- }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);
63
- var fillStyle = {
64
- left: "".concat(railFillXPosition, "px"),
65
- width: "".concat(railFillWidth, "px")
66
- };
67
- return /*#__PURE__*/React.createElement(Slider, {
68
- ref: ref
69
- }, /*#__PURE__*/React.createElement(RailWrap, {
70
- "aria-hidden": "true",
71
- onMouseDown: onHandleChange
72
- }, /*#__PURE__*/React.createElement(Rail, null, /*#__PURE__*/React.createElement(Fill, {
73
- style: fillStyle
74
- }))), children);
75
- };
76
-
77
- export { SliderBase };
78
- //# sourceMappingURL=SliderBase.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement, ref.current]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange || disabled) {\n return;\n }\n\n const { x, width } = e.currentTarget.getBoundingClientRect();\n\n const lastX = e.clientX - x;\n\n const position = min + (lastX / (width - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n onChange(result, { lastX } as DraggableData);\n };\n\n useIsomorphicLayoutEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);\n\n const fillStyle = { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref}>\n <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n <Rail>\n <Fill style={fillStyle} />\n </Rail>\n </RailWrap>\n\n {children}\n </Slider>\n );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","useEffect","resizeHandler","current","railSize","offsetWidth","totalSteps","onHandleChange","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","lastX","clientX","position","result","Math","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","left","concat","React","createElement","Slider","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"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"}
@@ -1,26 +0,0 @@
1
- import './SliderBase.styles_7is2ll.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var Slider = /*#__PURE__*/styled('div')({
5
- name: "Slider",
6
- "class": "s33crq1",
7
- propsAsIs: false
8
- });
9
- var RailWrap = /*#__PURE__*/styled('div')({
10
- name: "RailWrap",
11
- "class": "rnaoqfb",
12
- propsAsIs: false
13
- });
14
- var Rail = /*#__PURE__*/styled('div')({
15
- name: "Rail",
16
- "class": "r1bro5xo",
17
- propsAsIs: false
18
- });
19
- var Fill = /*#__PURE__*/styled('div')({
20
- name: "Fill",
21
- "class": "fdg7yhg",
22
- propsAsIs: false
23
- });
24
-
25
- export { Fill, Rail, RailWrap, Slider };
26
- //# sourceMappingURL=SliderBase.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SliderBase.styles.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Slider.tokens';\n\nexport const Slider = styled.div`\n flex: 1;\n position: relative;\n user-select: none;\n height: var(${tokens.height});\n`;\n\nexport const RailWrap = styled.div`\n height: 100%;\n`;\n\nexport const Rail = styled.div`\n position: relative;\n top: 50%;\n\n height: var(${tokens.railHeight});\n\n border-radius: var(${tokens.railBorderRadius});\n background-color: var(${tokens.railBackgroundColor});\n\n overflow: hidden;\n transform: translateY(-50%);\n`;\n\nexport const Fill = styled.div`\n position: absolute;\n height: 100%;\n top: 0;\n left: 0;\n background: var(${tokens.fillColor});\n width: 0;\n`;\n"],"names":["Slider","styled","name","class","propsAsIs","RailWrap","Rail","Fill"],"mappings":";;AAIO,IAAMA,MAAM,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK3B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE7B,EAAA;AAEM,IAAME,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWzB,EAAA;AAEM,IAAMG,IAAI,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOzB;;;;"}
@@ -1,4 +0,0 @@
1
- .s33crq1{-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
- .rnaoqfb{height:100%;}
3
- .r1bro5xo{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
- .fdg7yhg{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
@@ -1,4 +0,0 @@
1
- .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);}
2
-
3
- .Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
4
- .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);}
@@ -1,170 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef, useRef, useState } from 'react';
3
- import Draggable from 'react-draggable';
4
- import { getOffsets, getSliderThumbValue } from '../../utils/index.js';
5
- import { Thumb } from '../Thumb/Thumb.js';
6
- import { HandlerStyled, StyledValue } from './Handler.styles.js';
7
-
8
- var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value"];
9
-
10
- // TODO: PLASMA-1707
11
-
12
- var KeyboardSupport = {
13
- PageUp: 33,
14
- PageDown: 34,
15
- End: 35,
16
- Home: 36,
17
- ArrowLeft: 37,
18
- ArrowUp: 38,
19
- ArrowRight: 39,
20
- ArrowDown: 40
21
- };
22
- var Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
23
- var _position$x;
24
- var stepSize = _ref.stepSize,
25
- onChangeCommitted = _ref.onChangeCommitted,
26
- onChange = _ref.onChange,
27
- _ref$xPosition = _ref.xPosition,
28
- xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
29
- min = _ref.min,
30
- max = _ref.max,
31
- _ref$bounds = _ref.bounds,
32
- bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
33
- zIndex = _ref.zIndex,
34
- disabled = _ref.disabled,
35
- side = _ref.side,
36
- _ref$showCurrentValue = _ref.showCurrentValue,
37
- showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
38
- _ref$startOffset = _ref.startOffset,
39
- startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
40
- _ref$endOffset = _ref.endOffset,
41
- endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
42
- value = _ref.value,
43
- rest = _objectWithoutProperties(_ref, _excluded);
44
- var lastOnChangeValue = useRef();
45
- var _getOffsets = getOffsets(ref, side),
46
- _getOffsets2 = _slicedToArray(_getOffsets, 2),
47
- offsetLeft = _getOffsets2[0],
48
- offsetRight = _getOffsets2[1];
49
- var _bounds = _slicedToArray(bounds, 2),
50
- leftValueBound = _bounds[0],
51
- rightValueBound = _bounds[1];
52
- var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
53
- var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
54
- var position = typeof xPosition === 'number' ? {
55
- x: xPosition,
56
- y: 0
57
- } : undefined;
58
- var tabIndex = disabled ? -1 : 0;
59
- var _useState = useState((_position$x = position === null || position === void 0 ? void 0 : position.x) !== null && _position$x !== void 0 ? _position$x : 0),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- positionX = _useState2[0],
62
- setPositionX = _useState2[1];
63
- var computedBounds = {
64
- left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
65
- right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
66
- };
67
- var showCurrentValueCondition = showCurrentValue && (positionX >= startOffset && positionX <= max * stepSize - endOffset || positionX === 0 && value !== 0);
68
- var onDrag = function onDrag(_, data) {
69
- var newValue = getSliderThumbValue(data.x, stepSize, min, max);
70
- if (lastOnChangeValue.current !== newValue) {
71
- onChange === null || onChange === void 0 || onChange(newValue, data);
72
- setPositionX(data.x);
73
- lastOnChangeValue.current = newValue;
74
- }
75
- };
76
- var onStop = function onStop(_, data) {
77
- var newValue = getSliderThumbValue(data.x, stepSize, min, max);
78
- setPositionX(data.x);
79
- onChangeCommitted && onChangeCommitted(newValue, data);
80
- };
81
- var onKeyPress = function onKeyPress(event) {
82
- event.persist();
83
- var keyCode = event.keyCode,
84
- target = event.target;
85
- if (!Object.values(KeyboardSupport).includes(keyCode)) {
86
- return;
87
- }
88
- var ArrowUp = KeyboardSupport.ArrowUp,
89
- ArrowRight = KeyboardSupport.ArrowRight,
90
- ArrowDown = KeyboardSupport.ArrowDown,
91
- ArrowLeft = KeyboardSupport.ArrowLeft,
92
- Home = KeyboardSupport.Home,
93
- End = KeyboardSupport.End,
94
- PageDown = KeyboardSupport.PageDown,
95
- PageUp = KeyboardSupport.PageUp;
96
- var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
97
- var data = {
98
- x: 0,
99
- deltaX: stepSize,
100
- lastX: xPosition,
101
- y: 0,
102
- deltaY: 0,
103
- lastY: 0,
104
- node: target
105
- };
106
- switch (keyCode) {
107
- case ArrowUp:
108
- case ArrowRight:
109
- data.x = xPosition + stepSize;
110
- break;
111
- case ArrowDown:
112
- case ArrowLeft:
113
- data.x = xPosition - stepSize;
114
- data.deltaX = -stepSize;
115
- break;
116
- case PageUp:
117
- data.x = xPosition + computedMultipleSteps;
118
- data.deltaX = computedMultipleSteps;
119
- break;
120
- case PageDown:
121
- data.x = xPosition - computedMultipleSteps;
122
- data.deltaX = -computedMultipleSteps;
123
- break;
124
- case End:
125
- data.x = max * stepSize;
126
- break;
127
- case Home:
128
- data.x = 0;
129
- break;
130
- default:
131
- data.x = 0;
132
- }
133
- var left = computedBounds.left,
134
- right = computedBounds.right;
135
-
136
- /*
137
- * INFO: Находим значение в диапазоне между указанными левой и правой границами.
138
- * Необходимо для правильного расчета положения SliderThumb.
139
- * см. функция clamp
140
- */
141
- var boundedValue = Math.max(Math.min(right, data.x), left);
142
- var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
143
- lastOnChangeValue.current = computedValue;
144
- onChangeCommitted && onChangeCommitted(computedValue, data);
145
- };
146
- return /*#__PURE__*/React.createElement(Draggable, {
147
- axis: "x",
148
- bounds: computedBounds,
149
- grid: [stepSize, 1],
150
- onStop: onStop,
151
- onDrag: onDrag,
152
- position: position,
153
- disabled: disabled
154
- }, /*#__PURE__*/React.createElement(HandlerStyled, {
155
- ref: ref,
156
- style: {
157
- zIndex: zIndex
158
- },
159
- onKeyDown: onKeyPress
160
- }, /*#__PURE__*/React.createElement(Thumb, _extends({
161
- tabIndex: tabIndex,
162
- min: min,
163
- max: max,
164
- value: value,
165
- disabled: disabled
166
- }, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, value)));
167
- });
168
-
169
- export { Handler };
170
- //# sourceMappingURL=Handler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Handler.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport type { DraggableData } from 'react-draggable';\n\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nconst KeyboardSupport = {\n PageUp: 33,\n PageDown: 34,\n End: 35,\n Home: 36,\n ArrowLeft: 37,\n ArrowUp: 38,\n ArrowRight: 39,\n ArrowDown: 40,\n};\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n (\n {\n stepSize,\n onChangeCommitted,\n onChange,\n xPosition = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n value,\n ...rest\n },\n ref,\n ) => {\n const lastOnChangeValue = useRef<number>();\n\n const [offsetLeft, offsetRight] = getOffsets(ref, side);\n\n const [leftValueBound, rightValueBound] = bounds;\n const leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;\n const rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;\n\n const position = typeof xPosition === 'number' ? { x: xPosition, y: 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const [positionX, setPositionX] = useState(position?.x ?? 0);\n\n const computedBounds = {\n left: (leftPositionBound ?? 0) + offsetLeft,\n right: (rightPositionBound ?? stepSize * (max - min)) - offsetRight,\n };\n\n const showCurrentValueCondition =\n showCurrentValue &&\n ((positionX >= startOffset && positionX <= max * stepSize - endOffset) || (positionX === 0 && value !== 0));\n\n const onDrag: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(data.x, stepSize, min, max);\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n setPositionX(data.x);\n lastOnChangeValue.current = newValue;\n }\n };\n\n const onStop: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(data.x, stepSize, min, max);\n setPositionX(data.x);\n onChangeCommitted && onChangeCommitted(newValue, data);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const { keyCode, target } = event;\n\n if (!Object.values(KeyboardSupport).includes(keyCode)) {\n return;\n }\n\n const { ArrowUp, ArrowRight, ArrowDown, ArrowLeft, Home, End, PageDown, PageUp } = KeyboardSupport;\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data: DraggableData = {\n x: 0,\n deltaX: stepSize,\n lastX: xPosition,\n y: 0,\n deltaY: 0,\n lastY: 0,\n node: target as HTMLDivElement,\n };\n\n switch (keyCode) {\n case ArrowUp:\n case ArrowRight:\n data.x = xPosition + stepSize;\n break;\n case ArrowDown:\n case ArrowLeft:\n data.x = xPosition - stepSize;\n data.deltaX = -stepSize;\n break;\n case PageUp:\n data.x = xPosition + computedMultipleSteps;\n data.deltaX = computedMultipleSteps;\n break;\n case PageDown:\n data.x = xPosition - computedMultipleSteps;\n data.deltaX = -computedMultipleSteps;\n break;\n case End:\n data.x = max * stepSize;\n break;\n case Home:\n data.x = 0;\n break;\n default:\n data.x = 0;\n }\n\n const { left, right } = computedBounds;\n\n /*\n * INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n };\n\n return (\n <Draggable\n axis=\"x\"\n bounds={computedBounds}\n grid={[stepSize, 1]}\n onStop={onStop}\n onDrag={onDrag}\n position={position}\n disabled={disabled}\n >\n <HandlerStyled ref={ref} style={{ zIndex }} onKeyDown={onKeyPress}>\n <Thumb tabIndex={tabIndex} min={min} max={max} value={value} disabled={disabled} {...rest} />\n {showCurrentValueCondition && <StyledValue>{value}</StyledValue>}\n </HandlerStyled>\n </Draggable>\n );\n },\n);\n"],"names":["KeyboardSupport","PageUp","PageDown","End","Home","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Handler","forwardRef","_ref","ref","_position$x","stepSize","onChangeCommitted","onChange","_ref$xPosition","xPosition","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","rest","_objectWithoutProperties","_excluded","lastOnChangeValue","useRef","_getOffsets","getOffsets","_getOffsets2","_slicedToArray","offsetLeft","offsetRight","_bounds","leftValueBound","rightValueBound","leftPositionBound","rightPositionBound","position","x","y","undefined","tabIndex","_useState","useState","_useState2","positionX","setPositionX","computedBounds","left","right","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStop","onKeyPress","event","persist","keyCode","target","Object","values","includes","computedMultipleSteps","multipleStepSize","deltaX","lastX","deltaY","lastY","node","boundedValue","Math","computedValue","React","createElement","Draggable","axis","grid","HandlerStyled","style","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}
@@ -1,16 +0,0 @@
1
- import './Handler.styles_8crx5z.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var HandlerStyled = /*#__PURE__*/styled('div')({
5
- name: "HandlerStyled",
6
- "class": "h1tnrnip",
7
- propsAsIs: false
8
- });
9
- var StyledValue = /*#__PURE__*/styled('span')({
10
- name: "StyledValue",
11
- "class": "s12uu2lj",
12
- propsAsIs: false
13
- });
14
-
15
- export { HandlerStyled, StyledValue };
16
- //# sourceMappingURL=Handler.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Handler.styles.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Slider.tokens';\n\nexport const HandlerStyled = styled.div`\n cursor: pointer;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n`;\n\nexport const StyledValue = styled.span`\n position: absolute;\n z-index: 1;\n top: var(${tokens.currentValueTopOffset});\n text-align: center;\n width: 100%;\n margin-left: -0.125rem;\n display: flex;\n justify-content: center;\n font-family: var(${tokens.currentValueFontFamily});\n font-size: var(${tokens.currentValueFontSize});\n font-style: var(${tokens.currentValueFontStyle});\n font-weight: var(${tokens.currentValueFontWeight});\n letter-spacing: var(${tokens.currentValueLetterSpacing});\n line-height: var(${tokens.currentValueLineHeight});\n`;\n"],"names":["HandlerStyled","styled","name","class","propsAsIs","StyledValue"],"mappings":";;AAIO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAehC;;;;"}
@@ -1,2 +0,0 @@
1
- .h1tnrnip{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
2
- .s12uu2lj{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);}
@@ -1 +0,0 @@
1
- .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);}
@@ -1,27 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
- import { ThumbBase } from './Thumb.styles.js';
4
-
5
- var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
6
- var Thumb = function Thumb(_ref) {
7
- var min = _ref.min,
8
- max = _ref.max,
9
- value = _ref.value,
10
- _ref$ariaValueMin = _ref.ariaValueMin,
11
- ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
12
- ariaLabel = _ref.ariaLabel,
13
- disabled = _ref.disabled,
14
- rest = _objectWithoutProperties(_ref, _excluded);
15
- return /*#__PURE__*/React.createElement(ThumbBase, _extends({
16
- role: "slider",
17
- "aria-label": ariaLabel,
18
- "aria-valuemin": ariaValueMin,
19
- "aria-valuemax": max,
20
- "aria-valuenow": value,
21
- disabled: disabled,
22
- "aria-orientation": "horizontal"
23
- }, rest));
24
- };
25
-
26
- export { Thumb };
27
- //# sourceMappingURL=Thumb.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ThumbProps } from './Thumb.types';\nimport { ThumbBase } from './Thumb.styles';\n\nexport const Thumb = ({ min, max, value, ariaValueMin = min, ariaLabel, disabled, ...rest }: ThumbProps) => {\n return (\n <ThumbBase\n role=\"slider\"\n aria-label={ariaLabel}\n aria-valuemin={ariaValueMin}\n aria-valuemax={max}\n aria-valuenow={value}\n disabled={disabled}\n aria-orientation=\"horizontal\"\n {...rest}\n />\n );\n};\n"],"names":["Thumb","_ref","min","max","value","_ref$ariaValueMin","ariaValueMin","ariaLabel","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","ThumbBase","_extends","role"],"mappings":";;;;;IAKaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAA0F;AAAA,EAAA,IAApFC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGH,KAAAA,CAAAA,GAAAA,GAAG,GAAAG,iBAAA;IAAEE,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AACrF,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACNC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYT,SAAU;AACtB,IAAA,eAAA,EAAeD,YAAa;AAC5B,IAAA,eAAA,EAAeH,GAAI;AACnB,IAAA,eAAA,EAAeC,KAAM;AACrBI,IAAAA,QAAQ,EAAEA,QAAS;IACnB,kBAAiB,EAAA,YAAA;GACbC,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}
@@ -1,11 +0,0 @@
1
- import './Thumb.styles_4w4gzn.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var ThumbBase = /*#__PURE__*/styled('div')({
5
- name: "ThumbBase",
6
- "class": "tqbdf8b",
7
- propsAsIs: false
8
- });
9
-
10
- export { ThumbBase };
11
- //# sourceMappingURL=Thumb.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Thumb.styles.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Slider.tokens';\n\nexport const ThumbBase = styled.div<{ disabled?: boolean }>`\n width: var(${tokens.thumbSize});\n height: var(${tokens.thumbSize});\n position: relative;\n left: -0.125rem;\n top: -0.125rem;\n border-radius: 50%;\n box-sizing: border-box;\n background: var(${tokens.thumbBackgroundColor});\n margin: 0.125rem;\n transition: border-color 0.1s ease-in-out;\n\n &:after {\n background: var(${tokens.thumbBorderColor});\n margin: -0.125rem;\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n }\n\n &:not([disabled]):hover:after,\n &:not([disabled]):active:after {\n background: var(${tokens.thumbFocusBorderColor});\n }\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.thumbFocusBorderColor})`,\n })}\n`;\n"],"names":["ThumbBase","styled","name","class","propsAsIs"],"mappings":";;AAKO,IAAMA,SAAS,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyC9B;;;;"}
@@ -1 +0,0 @@
1
- .tqbdf8b{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;}.tqbdf8b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.tqbdf8b:not([disabled]):hover:after,.tqbdf8b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.tqbdf8b[disabled]{cursor:not-allowed;}.tqbdf8b:focus{outline:none;}.tqbdf8b::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;}.tqbdf8b.focus-visible:focus::before,.tqbdf8b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
@@ -1,50 +0,0 @@
1
- /**
2
- * Расчитать значение слайдера с учетом его координат и шага изменений.
3
- * @param {number} handleCenterXRelative
4
- * @param {number} stepSize
5
- * @param {number} min
6
- * @param {number} max
7
- * @return {number}
8
- */
9
- function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
10
- var newValue = Math.round(handleCenterXRelative / stepSize) + min;
11
- return Math.min(Math.max(newValue, min), max);
12
- }
13
-
14
- /**
15
- * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.
16
- * Значение используется для правильного расчета ограничения движения слайдера.
17
- * @param ref
18
- * @param {'left' | 'right'} side
19
- * @return Array<number>
20
- */
21
- function getOffsets(ref, side) {
22
- if (!ref || !('current' in ref) || !ref.current || !side) {
23
- return [0, 0];
24
- }
25
- var size = ref.current.clientWidth;
26
- if (side === 'left') {
27
- return [0, size];
28
- }
29
- if (side === 'right') {
30
- return [size, 0];
31
- }
32
- return [0, 0];
33
- }
34
- var sizeData = {
35
- s: {
36
- indent: 0.5,
37
- fontSizeMultiplier: 16
38
- },
39
- m: {
40
- indent: 0.75,
41
- fontSizeMultiplier: 16
42
- },
43
- l: {
44
- indent: 0.75,
45
- fontSizeMultiplier: 16
46
- }
47
- };
48
-
49
- export { getOffsets, getSliderThumbValue, sizeData };
50
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(handleCenterXRelative: number, stepSize: number, min: number, max: number) {\n const newValue = Math.round(handleCenterXRelative / stepSize) + min;\n\n return Math.min(Math.max(newValue, min), max);\n}\n\n/**\n * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.\n * Значение используется для правильного расчета ограничения движения слайдера.\n * @param ref\n * @param {'left' | 'right'} side\n * @return Array<number>\n */\nexport function getOffsets(\n ref: ((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null> | null,\n side?: 'left' | 'right',\n): number[] {\n if (!ref || !('current' in ref) || !ref.current || !side) {\n return [0, 0];\n }\n\n const size = ref.current.clientWidth;\n\n if (side === 'left') {\n return [0, size];\n }\n\n if (side === 'right') {\n return [size, 0];\n }\n\n return [0, 0];\n}\n\nexport const sizeData = {\n s: {\n indent: 0.5,\n fontSizeMultiplier: 16,\n },\n m: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n l: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n};\n"],"names":["getSliderThumbValue","handleCenterXRelative","stepSize","min","max","newValue","Math","round","getOffsets","ref","side","current","size","clientWidth","sizeData","s","indent","fontSizeMultiplier","m","l"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,qBAA6B,EAAEC,QAAgB,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC3G,IAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACN,qBAAqB,GAAGC,QAAQ,CAAC,GAAGC,GAAG,CAAA;AAEnE,EAAA,OAAOG,IAAI,CAACH,GAAG,CAACG,IAAI,CAACF,GAAG,CAACC,QAAQ,EAAEF,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAA;AACjD,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CACtBC,GAAiG,EACjGC,IAAuB,EACf;AACR,EAAA,IAAI,CAACD,GAAG,IAAI,EAAE,SAAS,IAAIA,GAAG,CAAC,IAAI,CAACA,GAAG,CAACE,OAAO,IAAI,CAACD,IAAI,EAAE;AACtD,IAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,IAAME,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,WAAW,CAAA;EAEpC,IAAIH,IAAI,KAAK,MAAM,EAAE;AACjB,IAAA,OAAO,CAAC,CAAC,EAAEE,IAAI,CAAC,CAAA;AACpB,GAAA;EAEA,IAAIF,IAAI,KAAK,OAAO,EAAE;AAClB,IAAA,OAAO,CAACE,IAAI,EAAE,CAAC,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,CAAA;AAEO,IAAME,QAAQ,GAAG;AACpBC,EAAAA,CAAC,EAAE;AACCC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDC,EAAAA,CAAC,EAAE;AACCF,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDE,EAAAA,CAAC,EAAE;AACCH,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;AACxB,GAAA;AACJ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "bbio09e";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_disabled/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b7iqet7";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_size/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b1c93yiw";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_view/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,11 +0,0 @@
1
- import { useLayoutEffect, useEffect } from 'react';
2
- import { canUseDOM } from '../utils/canUseDOM.js';
3
- import '../utils/react.js';
4
-
5
- /**
6
- * Runs effect safely on server.
7
- */
8
- var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
9
-
10
- export { useIsomorphicLayoutEffect };
11
- //# sourceMappingURL=useIsomorphicLayoutEffect.js.map