@salutejs/plasma-new-hope 0.176.0-canary.1511.11570259013.0 → 0.176.0-canary.1513.11570030354.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (482) hide show
  1. package/cjs/components/Slider/Slider.css +13 -15
  2. package/cjs/components/Slider/Slider.js +2 -11
  3. package/cjs/components/Slider/Slider.js.map +1 -1
  4. package/cjs/components/Slider/Slider.tokens.js +17 -23
  5. package/cjs/components/Slider/Slider.tokens.js.map +1 -1
  6. package/cjs/components/Slider/components/Double/Double.css +8 -8
  7. package/cjs/components/Slider/components/Double/Double.js +23 -58
  8. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  9. package/cjs/components/Slider/components/Single/Single.css +14 -14
  10. package/cjs/components/Slider/components/Single/Single.js +33 -64
  11. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  12. package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
  13. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  14. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  15. package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
  16. package/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  17. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  18. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  19. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  20. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  21. package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
  22. package/cjs/components/Slider/ui/Handler/Handler.js +88 -49
  23. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  24. package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
  25. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  26. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  27. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
  28. package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  29. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  30. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  31. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  32. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  33. package/cjs/components/Slider/utils/index.js +10 -28
  34. package/cjs/components/Slider/utils/index.js.map +1 -1
  35. package/cjs/components/Slider/variations/_view/base.js +1 -1
  36. package/cjs/components/Slider/variations/_view/base.js.map +1 -1
  37. package/cjs/index.css +13 -38
  38. package/cjs/index.js +0 -6
  39. package/cjs/index.js.map +1 -1
  40. package/cjs/utils/index.js.map +1 -1
  41. package/emotion/cjs/components/Slider/Slider.js +2 -10
  42. package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  43. package/emotion/cjs/components/Slider/Slider.tokens.js +17 -23
  44. package/emotion/cjs/components/Slider/components/Double/Double.js +19 -54
  45. package/emotion/cjs/components/Slider/components/Single/Single.js +33 -64
  46. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
  47. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  48. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
  49. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  50. package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
  51. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  52. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  53. package/emotion/cjs/components/Slider/utils/index.js +10 -28
  54. package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
  55. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  56. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  57. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  58. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  59. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  60. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  61. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  62. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  63. package/emotion/cjs/index.js +0 -11
  64. package/emotion/es/components/Slider/Slider.js +2 -11
  65. package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -26
  66. package/emotion/es/components/Slider/Slider.tokens.js +17 -23
  67. package/emotion/es/components/Slider/components/Double/Double.js +19 -54
  68. package/emotion/es/components/Slider/components/Single/Single.js +34 -65
  69. package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
  70. package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  71. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
  72. package/emotion/es/components/Slider/ui/Handler/Handler.js +86 -51
  73. package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
  74. package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  75. package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  76. package/emotion/es/components/Slider/utils/index.js +10 -28
  77. package/emotion/es/components/Slider/variations/_view/base.js +1 -2
  78. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  79. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  80. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  81. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  82. package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  83. package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  84. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  85. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  86. package/emotion/es/index.js +1 -2
  87. package/es/components/Slider/Slider.css +13 -15
  88. package/es/components/Slider/Slider.js +2 -11
  89. package/es/components/Slider/Slider.js.map +1 -1
  90. package/es/components/Slider/Slider.tokens.js +17 -23
  91. package/es/components/Slider/Slider.tokens.js.map +1 -1
  92. package/es/components/Slider/components/Double/Double.css +8 -8
  93. package/es/components/Slider/components/Double/Double.js +19 -54
  94. package/es/components/Slider/components/Double/Double.js.map +1 -1
  95. package/es/components/Slider/components/Single/Single.css +14 -14
  96. package/es/components/Slider/components/Single/Single.js +34 -65
  97. package/es/components/Slider/components/Single/Single.js.map +1 -1
  98. package/es/components/Slider/components/Single/Single.styles.js +4 -4
  99. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  100. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  101. package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
  102. package/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  103. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  104. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  105. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  106. package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  107. package/es/components/Slider/ui/Handler/Handler.css +3 -3
  108. package/es/components/Slider/ui/Handler/Handler.js +87 -48
  109. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  110. package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
  111. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  112. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  113. package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
  114. package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  115. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  116. package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  117. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  118. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  119. package/es/components/Slider/utils/index.js +10 -28
  120. package/es/components/Slider/utils/index.js.map +1 -1
  121. package/es/components/Slider/variations/_view/base.js +1 -1
  122. package/es/components/Slider/variations/_view/base.js.map +1 -1
  123. package/es/index.css +13 -38
  124. package/es/index.js +0 -2
  125. package/es/index.js.map +1 -1
  126. package/es/utils/index.js.map +1 -1
  127. package/package.json +2 -2
  128. package/styled-components/cjs/components/Slider/Slider.js +2 -10
  129. package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  130. package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -23
  131. package/styled-components/cjs/components/Slider/components/Double/Double.js +19 -54
  132. package/styled-components/cjs/components/Slider/components/Single/Single.js +33 -64
  133. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
  134. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  135. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
  136. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  137. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
  138. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  139. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  140. package/styled-components/cjs/components/Slider/utils/index.js +10 -28
  141. package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
  142. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  143. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  144. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  145. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  146. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  147. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  148. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  149. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  150. package/styled-components/cjs/index.js +0 -11
  151. package/styled-components/es/components/Slider/Slider.js +2 -11
  152. package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -26
  153. package/styled-components/es/components/Slider/Slider.tokens.js +17 -23
  154. package/styled-components/es/components/Slider/components/Double/Double.js +19 -54
  155. package/styled-components/es/components/Slider/components/Single/Single.js +34 -65
  156. package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
  157. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  158. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  159. package/styled-components/es/components/Slider/ui/Handler/Handler.js +86 -51
  160. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
  161. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  162. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  163. package/styled-components/es/components/Slider/utils/index.js +10 -28
  164. package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
  165. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  166. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  167. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  168. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  169. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  170. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  171. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  172. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  173. package/styled-components/es/index.js +1 -2
  174. package/types/components/Slider/Slider.d.ts.map +1 -1
  175. package/types/components/Slider/Slider.tokens.d.ts +16 -22
  176. package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
  177. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  178. package/types/components/Slider/components/Double/Double.types.d.ts +0 -1
  179. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  180. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  181. package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
  182. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  183. package/types/components/Slider/components/Single/Single.types.d.ts +7 -79
  184. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  185. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
  186. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
  187. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  188. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -6
  189. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
  190. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  191. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +2 -6
  192. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
  193. package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -5
  194. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
  195. package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
  196. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
  197. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
  198. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -1
  199. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
  200. package/types/components/Slider/utils/index.d.ts +8 -26
  201. package/types/components/Slider/utils/index.d.ts.map +1 -1
  202. package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
  203. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
  204. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -80
  205. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  206. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
  207. package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -80
  208. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  209. package/types/index.d.ts +0 -1
  210. package/types/index.d.ts.map +1 -1
  211. package/types/utils/index.d.ts +1 -1
  212. package/types/utils/index.d.ts.map +1 -1
  213. package/cjs/components/NumberInput/NumberInput.css +0 -52
  214. package/cjs/components/NumberInput/NumberInput.js +0 -183
  215. package/cjs/components/NumberInput/NumberInput.js.map +0 -1
  216. package/cjs/components/NumberInput/NumberInput.styles.js +0 -9
  217. package/cjs/components/NumberInput/NumberInput.styles.js.map +0 -1
  218. package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  219. package/cjs/components/NumberInput/NumberInput.tokens.js +0 -93
  220. package/cjs/components/NumberInput/NumberInput.tokens.js.map +0 -1
  221. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -19
  222. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  223. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -22
  224. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  225. package/cjs/components/NumberInput/ui/Input/Input.css +0 -15
  226. package/cjs/components/NumberInput/ui/Input/Input.js +0 -199
  227. package/cjs/components/NumberInput/ui/Input/Input.js.map +0 -1
  228. package/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -96
  229. package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  230. package/cjs/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  231. package/cjs/components/NumberInput/utils/index.js +0 -8
  232. package/cjs/components/NumberInput/utils/index.js.map +0 -1
  233. package/cjs/components/NumberInput/variations/_background-type/base.js +0 -9
  234. package/cjs/components/NumberInput/variations/_background-type/base.js.map +0 -1
  235. package/cjs/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  236. package/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  237. package/cjs/components/NumberInput/variations/_disabled/base.js.map +0 -1
  238. package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  239. package/cjs/components/NumberInput/variations/_segmentation/base.js +0 -9
  240. package/cjs/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  241. package/cjs/components/NumberInput/variations/_segmentation/base_3r9a58.css +0 -1
  242. package/cjs/components/NumberInput/variations/_shape/base.js +0 -9
  243. package/cjs/components/NumberInput/variations/_shape/base.js.map +0 -1
  244. package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  245. package/cjs/components/NumberInput/variations/_size/base.js +0 -9
  246. package/cjs/components/NumberInput/variations/_size/base.js.map +0 -1
  247. package/cjs/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  248. package/cjs/components/NumberInput/variations/_view/base.js +0 -9
  249. package/cjs/components/NumberInput/variations/_view/base.js.map +0 -1
  250. package/cjs/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  251. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  252. package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  253. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  254. package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  255. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
  256. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  257. package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  258. package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  259. package/emotion/cjs/components/NumberInput/NumberInput.js +0 -193
  260. package/emotion/cjs/components/NumberInput/NumberInput.styles.js +0 -17
  261. package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
  262. package/emotion/cjs/components/NumberInput/NumberInput.types.js +0 -5
  263. package/emotion/cjs/components/NumberInput/index.js +0 -31
  264. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  265. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -16
  266. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  267. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -207
  268. package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -81
  269. package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  270. package/emotion/cjs/components/NumberInput/ui/index.js +0 -19
  271. package/emotion/cjs/components/NumberInput/utils/index.js +0 -7
  272. package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  273. package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  274. package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  275. package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  276. package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  277. package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  278. package/emotion/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  279. package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  280. package/emotion/cjs/components/NumberInput/variations/_size/base.js +0 -13
  281. package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  282. package/emotion/cjs/components/NumberInput/variations/_view/base.js +0 -13
  283. package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  284. package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  285. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  286. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  287. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  288. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  289. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  290. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  291. package/emotion/es/components/NumberInput/NumberInput.js +0 -185
  292. package/emotion/es/components/NumberInput/NumberInput.styles.js +0 -11
  293. package/emotion/es/components/NumberInput/NumberInput.tokens.js +0 -84
  294. package/emotion/es/components/NumberInput/NumberInput.types.js +0 -1
  295. package/emotion/es/components/NumberInput/index.js +0 -2
  296. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  297. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -9
  298. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  299. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -198
  300. package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +0 -74
  301. package/emotion/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  302. package/emotion/es/components/NumberInput/ui/index.js +0 -2
  303. package/emotion/es/components/NumberInput/utils/index.js +0 -1
  304. package/emotion/es/components/NumberInput/variations/_background-type/base.js +0 -4
  305. package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  306. package/emotion/es/components/NumberInput/variations/_disabled/base.js +0 -3
  307. package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  308. package/emotion/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  309. package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  310. package/emotion/es/components/NumberInput/variations/_shape/base.js +0 -5
  311. package/emotion/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  312. package/emotion/es/components/NumberInput/variations/_size/base.js +0 -7
  313. package/emotion/es/components/NumberInput/variations/_size/tokens.json +0 -22
  314. package/emotion/es/components/NumberInput/variations/_view/base.js +0 -7
  315. package/emotion/es/components/NumberInput/variations/_view/tokens.json +0 -14
  316. package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  317. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  318. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  319. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  320. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  321. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  322. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  323. package/es/components/NumberInput/NumberInput.css +0 -52
  324. package/es/components/NumberInput/NumberInput.js +0 -178
  325. package/es/components/NumberInput/NumberInput.js.map +0 -1
  326. package/es/components/NumberInput/NumberInput.styles.js +0 -5
  327. package/es/components/NumberInput/NumberInput.styles.js.map +0 -1
  328. package/es/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  329. package/es/components/NumberInput/NumberInput.tokens.js +0 -87
  330. package/es/components/NumberInput/NumberInput.tokens.js.map +0 -1
  331. package/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -15
  332. package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  333. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -18
  334. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  335. package/es/components/NumberInput/ui/Input/Input.css +0 -15
  336. package/es/components/NumberInput/ui/Input/Input.js +0 -195
  337. package/es/components/NumberInput/ui/Input/Input.js.map +0 -1
  338. package/es/components/NumberInput/ui/Input/Input.styles.js +0 -85
  339. package/es/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  340. package/es/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  341. package/es/components/NumberInput/utils/index.js +0 -4
  342. package/es/components/NumberInput/utils/index.js.map +0 -1
  343. package/es/components/NumberInput/variations/_background-type/base.js +0 -5
  344. package/es/components/NumberInput/variations/_background-type/base.js.map +0 -1
  345. package/es/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  346. package/es/components/NumberInput/variations/_disabled/base.js +0 -5
  347. package/es/components/NumberInput/variations/_disabled/base.js.map +0 -1
  348. package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  349. package/es/components/NumberInput/variations/_segmentation/base.js +0 -5
  350. package/es/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  351. package/es/components/NumberInput/variations/_segmentation/base_3r9a58.css +0 -1
  352. package/es/components/NumberInput/variations/_shape/base.js +0 -5
  353. package/es/components/NumberInput/variations/_shape/base.js.map +0 -1
  354. package/es/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  355. package/es/components/NumberInput/variations/_size/base.js +0 -5
  356. package/es/components/NumberInput/variations/_size/base.js.map +0 -1
  357. package/es/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  358. package/es/components/NumberInput/variations/_view/base.js +0 -5
  359. package/es/components/NumberInput/variations/_view/base.js.map +0 -1
  360. package/es/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  361. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  362. package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  363. package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  364. package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  365. package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
  366. package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  367. package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  368. package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  369. package/styled-components/cjs/components/NumberInput/NumberInput.js +0 -193
  370. package/styled-components/cjs/components/NumberInput/NumberInput.styles.js +0 -8
  371. package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
  372. package/styled-components/cjs/components/NumberInput/NumberInput.types.js +0 -5
  373. package/styled-components/cjs/components/NumberInput/index.js +0 -31
  374. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  375. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -15
  376. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  377. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -207
  378. package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -48
  379. package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  380. package/styled-components/cjs/components/NumberInput/ui/index.js +0 -19
  381. package/styled-components/cjs/components/NumberInput/utils/index.js +0 -7
  382. package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  383. package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  384. package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  385. package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  386. package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  387. package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  388. package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  389. package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  390. package/styled-components/cjs/components/NumberInput/variations/_size/base.js +0 -13
  391. package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  392. package/styled-components/cjs/components/NumberInput/variations/_view/base.js +0 -13
  393. package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  394. package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  395. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  396. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  397. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  398. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  399. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  400. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  401. package/styled-components/es/components/NumberInput/NumberInput.js +0 -185
  402. package/styled-components/es/components/NumberInput/NumberInput.styles.js +0 -2
  403. package/styled-components/es/components/NumberInput/NumberInput.tokens.js +0 -84
  404. package/styled-components/es/components/NumberInput/NumberInput.types.js +0 -1
  405. package/styled-components/es/components/NumberInput/index.js +0 -2
  406. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  407. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -8
  408. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  409. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -198
  410. package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +0 -41
  411. package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  412. package/styled-components/es/components/NumberInput/ui/index.js +0 -2
  413. package/styled-components/es/components/NumberInput/utils/index.js +0 -1
  414. package/styled-components/es/components/NumberInput/variations/_background-type/base.js +0 -4
  415. package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  416. package/styled-components/es/components/NumberInput/variations/_disabled/base.js +0 -3
  417. package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  418. package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  419. package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  420. package/styled-components/es/components/NumberInput/variations/_shape/base.js +0 -5
  421. package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  422. package/styled-components/es/components/NumberInput/variations/_size/base.js +0 -7
  423. package/styled-components/es/components/NumberInput/variations/_size/tokens.json +0 -22
  424. package/styled-components/es/components/NumberInput/variations/_view/base.js +0 -7
  425. package/styled-components/es/components/NumberInput/variations/_view/tokens.json +0 -14
  426. package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  427. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  428. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  429. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  430. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  431. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  432. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  433. package/types/components/NumberInput/NumberInput.d.ts +0 -38
  434. package/types/components/NumberInput/NumberInput.d.ts.map +0 -1
  435. package/types/components/NumberInput/NumberInput.styles.d.ts +0 -2
  436. package/types/components/NumberInput/NumberInput.styles.d.ts.map +0 -1
  437. package/types/components/NumberInput/NumberInput.tokens.d.ts +0 -79
  438. package/types/components/NumberInput/NumberInput.tokens.d.ts.map +0 -1
  439. package/types/components/NumberInput/NumberInput.types.d.ts +0 -112
  440. package/types/components/NumberInput/NumberInput.types.d.ts.map +0 -1
  441. package/types/components/NumberInput/index.d.ts +0 -3
  442. package/types/components/NumberInput/index.d.ts.map +0 -1
  443. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +0 -4
  444. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +0 -1
  445. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +0 -45
  446. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +0 -1
  447. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +0 -7
  448. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +0 -1
  449. package/types/components/NumberInput/ui/Input/Input.d.ts +0 -16
  450. package/types/components/NumberInput/ui/Input/Input.d.ts.map +0 -1
  451. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +0 -30
  452. package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +0 -1
  453. package/types/components/NumberInput/ui/Input/Input.types.d.ts +0 -16
  454. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +0 -1
  455. package/types/components/NumberInput/ui/index.d.ts +0 -3
  456. package/types/components/NumberInput/ui/index.d.ts.map +0 -1
  457. package/types/components/NumberInput/utils/index.d.ts +0 -2
  458. package/types/components/NumberInput/utils/index.d.ts.map +0 -1
  459. package/types/components/NumberInput/variations/_background-type/base.d.ts +0 -2
  460. package/types/components/NumberInput/variations/_background-type/base.d.ts.map +0 -1
  461. package/types/components/NumberInput/variations/_disabled/base.d.ts +0 -2
  462. package/types/components/NumberInput/variations/_disabled/base.d.ts.map +0 -1
  463. package/types/components/NumberInput/variations/_segmentation/base.d.ts +0 -2
  464. package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +0 -1
  465. package/types/components/NumberInput/variations/_shape/base.d.ts +0 -2
  466. package/types/components/NumberInput/variations/_shape/base.d.ts.map +0 -1
  467. package/types/components/NumberInput/variations/_size/base.d.ts +0 -2
  468. package/types/components/NumberInput/variations/_size/base.d.ts.map +0 -1
  469. package/types/components/NumberInput/variations/_view/base.d.ts +0 -2
  470. package/types/components/NumberInput/variations/_view/base.d.ts.map +0 -1
  471. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
  472. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
  473. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +0 -39
  474. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  475. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +0 -82
  476. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +0 -1
  477. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +0 -39
  478. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  479. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +0 -82
  480. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +0 -1
  481. /package/cjs/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → Slider/variations/_view/base_x642ct.css} +0 -0
  482. /package/es/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → Slider/variations/_view/base_x642ct.css} +0 -0
@@ -1 +1 @@
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 { cx, isNumber, noop } from '../../../../utils';\nimport { sizeData } from '../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\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 pointerSize = 'small',\n onChangeCommitted,\n onChangeTextField,\n onBlurTextField,\n onKeyDownTextField,\n onChange,\n ariaLabel,\n multipleStepSize = 10,\n name,\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 [firstInputHovered, setFirstInputHovered] = useState(false);\n const [firstInputFocused, setFirstInputFocused] = useState(false);\n const [secondInputHovered, setSecondInputHovered] = useState(false);\n const [secondInputFocused, setSecondInputFocused] = useState(false);\n\n const firstInputActive = firstInputHovered || firstInputFocused;\n const secondInputActive = secondInputHovered || secondInputFocused;\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 innerRefFirst = useRef<HTMLInputElement>(null);\n const innerRefSecond = useRef<HTMLInputElement>(null);\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 useEffect(() => {\n const onMouseUp = () => {\n setFirstInputFocused(false);\n setSecondInputFocused(false);\n };\n\n window.addEventListener('mouseup', onMouseUp);\n\n return () => {\n window.removeEventListener('mouseup', onMouseUp);\n };\n }, []);\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 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 if (onChangeCommitted) {\n onChangeCommitted([handleValue, value[1]]);\n }\n\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\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 (!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 if (onChangeCommitted) {\n onChangeCommitted([value[0], handleValue]);\n }\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\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 const settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];\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 size={size}\n disabled={disabled}\n setStepSize={setStepSize}\n railFillWidth={state.railFillWidth}\n settings={settings}\n railFillXPosition={state.railFillXPosition}\n orientation=\"horizontal\"\n {...rest}\n >\n <Handler\n ref={firstHandleRef}\n size={pointerSize}\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 orientation=\"horizontal\"\n position={state.xFirstHandle}\n zIndex={state.firstHandleZIndex}\n value={currentFirstSliderValue}\n ariaLabel={ariaLabelLeft}\n onMouseDown={() => setFirstInputFocused(true)}\n onMouseEnter={() => setFirstInputHovered(true)}\n onMouseLeave={() => setFirstInputHovered(false)}\n />\n <Handler\n ref={secondHandleRef}\n size={pointerSize}\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 orientation=\"horizontal\"\n position={state.xSecondHandle}\n zIndex={state.secondHandleZIndex}\n value={Math.max(state.secondValue, min)}\n ariaLabel={ariaLabelRight}\n onMouseDown={() => setSecondInputFocused(true)}\n onMouseEnter={() => setSecondInputHovered(true)}\n onMouseLeave={() => setSecondInputHovered(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 <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"min\"\n value={firstValue}\n ref={innerRefFirst}\n {...noop}\n />\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"max\"\n value={secondValue}\n ref={innerRefSecond}\n {...noop}\n />\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","_ref$pointerSize","pointerSize","onChangeCommitted","onChangeTextField","onBlurTextField","onKeyDownTextField","onChange","ariaLabel","_ref$multipleStepSize","multipleStepSize","name","rest","_objectWithoutProperties","_excluded","_useState","useState","stepSize","railFillWidth","railFillXPosition","xFirstHandle","xSecondHandle","firstHandleZIndex","secondHandleZIndex","firstValue","secondValue","_useState2","_slicedToArray","state","setState","_useState3","_useState4","firstInputHovered","setFirstInputHovered","_useState5","_useState6","firstInputFocused","setFirstInputFocused","_useState7","_useState8","secondInputHovered","setSecondInputHovered","_useState9","_useState10","secondInputFocused","setSecondInputFocused","firstInputActive","secondInputActive","_useState11","_useState12","setFirstValue","_useState13","_useState14","setSecondValue","firstHandleRef","useRef","secondHandleRef","firstHandleValue","secondHandleValue","innerRefFirst","innerRefSecond","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","onMouseUp","window","addEventListener","removeEventListener","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","onFirstTextfieldChange","event","isNumber","target","Number","onFirstTextfieldBlur","onSecondHandleChange","firstXHandleXPosition","onSecondHandleChangeCommitted","onSecondTextfieldChange","onSecondTextfieldBlur","onTextfieldKeyDown","_ref2","_ref3","ariaLabelLeft","ariaLabelRight","currentFirstSliderValue","settings","sizeData","React","createElement","DoubleWrapper","LabelWrapper","LabelContentLeft","Label","SliderWrapper","SliderBase","_extends","orientation","Handler","ref","bounds","side","position","zIndex","onMouseDown","onMouseEnter","onMouseLeave","ariaValueMin","InputsWrapper","StyledInput","className","cx","firstTextField","enumerationType","onBlur","onKeyDown","secondTextField","InputHidden","type","datatype","noop"],"mappings":"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"}
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 { cx, isNumber, noop } from '../../../../utils';\nimport { sizeData } from '../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\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 name,\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 innerRefFirst = useRef<HTMLInputElement>(null);\n const innerRefSecond = useRef<HTMLInputElement>(null);\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 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 if (onChangeCommitted) {\n onChangeCommitted([handleValue, value[1]]);\n }\n\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\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 (!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 if (onChangeCommitted) {\n onChangeCommitted([value[0], handleValue]);\n }\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\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 <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"min\"\n value={firstValue}\n ref={innerRefFirst}\n {...noop}\n />\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"max\"\n value={secondValue}\n ref={innerRefSecond}\n {...noop}\n />\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","name","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","innerRefFirst","innerRefSecond","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","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","InputHidden","type","datatype","noop"],"mappings":"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"}
@@ -1,17 +1,17 @@
1
- .Handler_styles_irtcgm_s1tnrnip__e8f853c5{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-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);}
2
- .Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
1
+ .Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
2
+ .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);}
3
3
 
4
- .Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;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_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
4
+ .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);}
5
5
 
6
- .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);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%);}
7
- .SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-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-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
8
- .SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
9
- .SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
10
- .SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
6
+ .SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-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);}
7
+ .SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
8
+ .SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{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%);}
9
+ .SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
10
+ .SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
11
11
 
12
- .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
13
- .Single_styles_1h7n2s2_ly2gexi__5fe9b6cf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
14
- .Single_styles_1h7n2s2_lozb535__5fe9b6cf{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);}
15
- .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderHideMinValue__5fe9b6cf,.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderHideMaxValue__5fe9b6cf{opacity:0;}.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderActiveRangeValue__5fe9b6cf{color:var(--plasma-slider-label-color);}
16
- .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:unset;right:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
17
- .Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{width:var(--plasma-slider-size);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
12
+ .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);}
13
+
14
+ .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);}
15
+ .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);}
16
+ .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);}
17
+ .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);}
@@ -14,7 +14,7 @@ var isNumber = require('../../../../utils/isNumber.js');
14
14
  var Handler = require('../../ui/Handler/Handler.js');
15
15
  var noop = require('../../../../utils/noop.js');
16
16
 
17
- var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "labelContent", "sliderAlign", "showScale", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "scaleAlign", "multipleStepSize", "defaultValue", "size", "name", "pointerSize", "orientation", "reversed", "labelReversed"];
17
+ var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
18
18
  var SingleSlider = function SingleSlider(_ref) {
19
19
  var _ref2;
20
20
  var min = _ref.min,
@@ -26,35 +26,23 @@ var SingleSlider = function SingleSlider(_ref) {
26
26
  ariaLabel = _ref.ariaLabel,
27
27
  label = _ref.label,
28
28
  labelContentLeft = _ref.labelContentLeft,
29
- labelContent = _ref.labelContent,
30
- _ref$sliderAlign = _ref.sliderAlign,
31
- sliderAlign = _ref$sliderAlign === void 0 ? 'left' : _ref$sliderAlign,
32
- showScale = _ref.showScale,
33
29
  showRangeValues = _ref.showRangeValues,
34
30
  showCurrentValue = _ref.showCurrentValue,
35
31
  hideMinValueDiff = _ref.hideMinValueDiff,
36
32
  hideMaxValueDiff = _ref.hideMaxValueDiff,
37
33
  _ref$labelPlacement = _ref.labelPlacement,
38
- labelPlacement = _ref$labelPlacement === void 0 ? 'top' : _ref$labelPlacement,
39
- rangeValuesPlacementOld = _ref.rangeValuesPlacement,
40
- _ref$scaleAlign = _ref.scaleAlign,
41
- scaleAlign = _ref$scaleAlign === void 0 ? 'bottom' : _ref$scaleAlign,
34
+ labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
35
+ _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
36
+ rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
42
37
  _ref$multipleStepSize = _ref.multipleStepSize,
43
38
  multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
44
39
  defaultValue = _ref.defaultValue,
45
40
  _ref$size = _ref.size,
46
41
  size = _ref$size === void 0 ? 'm' : _ref$size,
47
42
  name = _ref.name,
48
- _ref$pointerSize = _ref.pointerSize,
49
- pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
50
- _ref$orientation = _ref.orientation,
51
- orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
52
- reversed = _ref.reversed,
53
- labelReversed = _ref.labelReversed,
54
43
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
55
- var isVertical = orientation === 'vertical';
56
44
  var _useState = React.useState({
57
- handlePosition: 0,
45
+ xHandle: 0,
58
46
  stepSize: 0,
59
47
  railFillWidth: 0
60
48
  }),
@@ -70,28 +58,23 @@ var SingleSlider = function SingleSlider(_ref) {
70
58
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
71
59
  endOffset = _useState6[0],
72
60
  setEndOffset = _useState6[1];
73
- var innerValue = (_ref2 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : min;
74
- var _useState7 = React.useState(innerValue),
61
+ var _useState7 = React.useState((_ref2 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : min),
75
62
  _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
76
63
  dragValue = _useState8[0],
77
64
  setDragValue = _useState8[1];
78
65
  var stepSize = state.stepSize;
79
- var innerShowScale = showRangeValues || showScale;
80
- var hasLabelContent = Boolean(label || labelContentLeft || labelContent) && (!isVertical || isVertical && sliderAlign !== 'none');
81
- var labelPlacementClass = !isVertical && (labelPlacement === 'outer' || labelPlacement === 'top') ? Slider_tokens.classes.labelPlacementOuter : Slider_tokens.classes.labelPlacementInner;
82
- var rangeValuesPlacement = rangeValuesPlacementOld === 'outer' || scaleAlign === 'bottom' ? 'outer' : 'inner';
83
- var scaleAlignClass = rangeValuesPlacement === 'outer' ? Slider_tokens.classes.rangeValuesPlacementOuter : Slider_tokens.classes.rangeValuesPlacementInner;
66
+ var hasLabelContent = label || labelContentLeft;
67
+ var labelPlacementClass = labelPlacement === 'outer' ? Slider_tokens.classes.labelPlacementOuter : Slider_tokens.classes.labelPlacementInner;
68
+ var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? Slider_tokens.classes.rangeValuesPlacementOuter : Slider_tokens.classes.rangeValuesPlacementInner;
84
69
  var hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? Slider_tokens.classes.hideMinValue : '';
85
70
  var hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? Slider_tokens.classes.hideMaxValue : '';
86
- var verticalOrientationClass = orientation === 'vertical' ? Slider_tokens.classes.verticalOrientation : '';
87
71
  var startLabelRef = React.useRef(null);
88
72
  var endLabelRef = React.useRef(null);
89
73
  var activeFirstValue = dragValue === min ? Slider_tokens.classes.activeRangeValue : undefined;
90
74
  var activeSecondValue = dragValue === max ? Slider_tokens.classes.activeRangeValue : undefined;
91
75
  React.useEffect(function () {
92
- var visibleValue = reversed ? max - dragValue + min : dragValue;
93
- var localValue = Math.min(Math.max(visibleValue, min), max) - min;
94
- if (!isVertical && rangeValuesPlacement === 'outer') {
76
+ var localValue = Math.min(Math.max(dragValue, min), max) - min;
77
+ if (rangeValuesPlacement === 'outer') {
95
78
  var _startLabelRef$curren, _endLabelRef$current;
96
79
  var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
97
80
  if (isNumber.isNumber(startWidth)) {
@@ -101,35 +84,30 @@ var SingleSlider = function SingleSlider(_ref) {
101
84
  if (isNumber.isNumber(endWidth)) {
102
85
  setEndOffset(Number(endWidth));
103
86
  }
104
- } else if (isVertical && innerShowScale && sliderAlign !== 'center') {
105
- setStartOffset(12);
106
- setEndOffset(12);
107
87
  } else {
108
88
  setStartOffset(1);
109
89
  setEndOffset(1);
110
90
  }
111
91
  setState(function (prevState) {
112
92
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
113
- handlePosition: stepSize * localValue,
93
+ xHandle: stepSize * localValue,
114
94
  railFillWidth: stepSize * localValue
115
95
  });
116
96
  });
117
- }, [dragValue, innerShowScale, labelPlacement, stepSize, rangeValuesPlacement, min, max, isVertical, reversed,
118
- // для перерасчета размеров
119
- sliderAlign, size]);
97
+ }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
120
98
  var setStepSize = React.useCallback(function (newStepSize) {
121
99
  setState(function (prevState) {
122
100
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
123
101
  stepSize: newStepSize
124
102
  });
125
103
  });
126
- }, []);
104
+ }, [setState]);
127
105
  var onHandleChange = function onHandleChange(handleValue, data) {
128
- var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
129
- var newHandlePosition = isVertical ? data.y : data.x;
106
+ var newHandleXPosition = data.x;
107
+ var newValue = Math.round(handleValue);
130
108
  setState(function (prevState) {
131
109
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
132
- railFillWidth: newHandlePosition
110
+ railFillWidth: newHandleXPosition
133
111
  });
134
112
  });
135
113
  if (onChange) {
@@ -147,49 +125,41 @@ var SingleSlider = function SingleSlider(_ref) {
147
125
  }
148
126
  setDragValue(newValue);
149
127
  };
150
- var onHandleChangeCommitted = React.useCallback(function (handleValue, data) {
151
- var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
128
+ var onHandleChangeCommitted = function onHandleChangeCommitted(handleValue, data) {
129
+ var newValue = Math.round(handleValue);
152
130
  if (onChangeCommitted) {
153
131
  onChangeCommitted(newValue);
154
132
  }
155
133
  setState(function (prevState) {
156
134
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
157
- handlePosition: isVertical ? data.lastY : data.lastX,
158
- railFillWidth: isVertical ? data.lastY : data.lastX
135
+ xHandle: data.lastX,
136
+ railFillWidth: data.lastX
159
137
  });
160
138
  });
161
139
  setDragValue(newValue);
162
- }, [isVertical, min, max, reversed]);
163
- var labelVerticalPlacement = reversed ? 'bottom' : 'top';
164
- var valuePlacement = sliderAlign === 'right' ? 'left' : 'right';
165
- var settings = index$1.sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
140
+ };
166
141
  return /*#__PURE__*/React.createElement(Single_styles.SingleWrapper, {
167
- className: index.cx(labelPlacementClass, scaleAlignClass, verticalOrientationClass, sliderAlign === 'right' && Slider_tokens.classes.labelAlignLeft, (sliderAlign === 'center' || sliderAlign === 'none') && Slider_tokens.classes.labelAlignCenter, sliderAlign === 'left' && Slider_tokens.classes.labelAlignRight, labelVerticalPlacement === 'bottom' && Slider_tokens.classes.labelPlacementBottom, labelReversed && Slider_tokens.classes.labelContentReversed)
168
- }, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, (labelContentLeft || labelContent) && /*#__PURE__*/React.createElement(Single_styles.LabelContent, null, labelContent), label && /*#__PURE__*/React.createElement(Single_styles.Label, null, label)), /*#__PURE__*/React.createElement(Single_styles.SliderBaseWrapper, {
169
- className: index.cx(!isVertical && rangeValuesPlacement === 'outer' && Slider_tokens.classes.rangeValuesPlacementOuter, !isVertical && rangeValuesPlacement !== 'outer' && Slider_tokens.classes.rangeValuesPlacementInner, verticalOrientationClass)
170
- }, innerShowScale && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
142
+ className: labelPlacementClass
143
+ }, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(Single_styles.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Single_styles.Label, null, label)), /*#__PURE__*/React.createElement(Single_styles.SliderBaseWrapper, {
144
+ className: rangeValuesPlacementClass
145
+ }, showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
171
146
  ref: startLabelRef,
172
147
  className: index.cx(hideMinValueDiffClass, activeFirstValue)
173
- }, reversed ? max : min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
148
+ }, min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
174
149
  min: min,
175
150
  max: max,
176
151
  disabled: disabled,
177
- size: size,
178
- sliderAlign: sliderAlign,
179
152
  setStepSize: setStepSize,
180
153
  onChange: onHandleChangeCommitted,
181
154
  railFillWidth: state.railFillWidth,
182
- settings: settings,
155
+ settings: index$1.sizeData[size],
183
156
  labelPlacement: labelPlacement,
184
- rangeValuesPlacement: rangeValuesPlacement,
185
- orientation: orientation
157
+ rangeValuesPlacement: rangeValuesPlacement
186
158
  }, rest), /*#__PURE__*/React.createElement(Handler.Handler, {
187
- size: pointerSize,
188
- orientation: orientation,
189
159
  stepSize: state.stepSize,
190
160
  onChangeCommitted: onHandleChangeCommitted,
191
161
  onChange: onHandleChange,
192
- position: state.handlePosition,
162
+ xPosition: state.xHandle,
193
163
  min: min,
194
164
  max: max,
195
165
  startOffset: startOffset,
@@ -198,12 +168,11 @@ var SingleSlider = function SingleSlider(_ref) {
198
168
  disabled: disabled,
199
169
  ariaLabel: ariaLabel,
200
170
  multipleStepSize: multipleStepSize,
201
- showCurrentValue: showCurrentValue,
202
- valuePlacement: valuePlacement
203
- })), innerShowScale && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
171
+ showCurrentValue: showCurrentValue
172
+ })), showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
204
173
  ref: endLabelRef,
205
174
  className: index.cx(Slider_tokens.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
206
- }, reversed ? min : max)), /*#__PURE__*/React.createElement(SliderBase_styles.InputHidden, _rollupPluginBabelHelpers.extends({
175
+ }, max)), /*#__PURE__*/React.createElement(SliderBase_styles.InputHidden, _rollupPluginBabelHelpers.extends({
207
176
  name: name,
208
177
  type: "number",
209
178
  datatype: "slider-single",
@@ -1 +1 @@
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, noop } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } 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 labelContent,\n sliderAlign = 'left',\n showScale,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'top',\n rangeValuesPlacement: rangeValuesPlacementOld,\n scaleAlign = 'bottom',\n multipleStepSize = 10,\n defaultValue,\n size = 'm',\n name,\n pointerSize = 'small',\n orientation = 'horizontal',\n reversed,\n labelReversed,\n ...rest\n}) => {\n const isVertical = orientation === 'vertical';\n\n const [state, setState] = useState({\n handlePosition: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const innerRef = useRef<HTMLInputElement>(null);\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const innerValue = value ?? defaultValue ?? min;\n const [dragValue, setDragValue] = useState(innerValue);\n\n const { stepSize } = state;\n\n const innerShowScale = showRangeValues || showScale;\n\n const hasLabelContent =\n Boolean(label || labelContentLeft || labelContent) && (!isVertical || (isVertical && sliderAlign !== 'none'));\n const labelPlacementClass =\n !isVertical && (labelPlacement === 'outer' || labelPlacement === 'top')\n ? classes.labelPlacementOuter\n : classes.labelPlacementInner;\n\n const rangeValuesPlacement = rangeValuesPlacementOld === 'outer' || scaleAlign === 'bottom' ? 'outer' : 'inner';\n const scaleAlignClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n\n const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n const verticalOrientationClass = orientation === 'vertical' ? classes.verticalOrientation : '';\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 visibleValue = reversed ? max - dragValue + min : dragValue;\n const localValue = Math.min(Math.max(visibleValue, min), max) - min;\n\n if (!isVertical && 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 if (isVertical && innerShowScale && sliderAlign !== 'center') {\n setStartOffset(12);\n setEndOffset(12);\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [\n dragValue,\n innerShowScale,\n labelPlacement,\n stepSize,\n rangeValuesPlacement,\n min,\n max,\n isVertical,\n reversed,\n // для перерасчета размеров\n sliderAlign,\n size,\n ]);\n\n const setStepSize = useCallback((newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n }, []);\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n const newHandlePosition = isVertical ? data.y : data.x;\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandlePosition,\n }));\n\n if (onChange) {\n if (value !== undefined) {\n (onChange as (value: number) => void)(newValue);\n }\n\n if (name && !value) {\n (onChange as (event: FormTypeNumber) => void)({\n target: {\n value: newValue,\n name,\n },\n });\n }\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = useCallback(\n (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: isVertical ? data.lastY : data.lastX,\n railFillWidth: isVertical ? data.lastY : data.lastX,\n }));\n\n setDragValue(newValue);\n },\n [isVertical, min, max, reversed],\n );\n\n const labelVerticalPlacement = reversed ? 'bottom' : 'top';\n const valuePlacement = sliderAlign === 'right' ? 'left' : 'right';\n const settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];\n\n return (\n <SingleWrapper\n className={cx(\n labelPlacementClass,\n scaleAlignClass,\n verticalOrientationClass,\n sliderAlign === 'right' && classes.labelAlignLeft,\n (sliderAlign === 'center' || sliderAlign === 'none') && classes.labelAlignCenter,\n sliderAlign === 'left' && classes.labelAlignRight,\n labelVerticalPlacement === 'bottom' && classes.labelPlacementBottom,\n labelReversed && classes.labelContentReversed,\n )}\n >\n {hasLabelContent && (\n <LabelWrapper>\n {(labelContentLeft || labelContent) && <LabelContent>{labelContent}</LabelContent>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper\n className={cx(\n !isVertical && rangeValuesPlacement === 'outer' && classes.rangeValuesPlacementOuter,\n !isVertical && rangeValuesPlacement !== 'outer' && classes.rangeValuesPlacementInner,\n verticalOrientationClass,\n )}\n >\n {innerShowScale && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {reversed ? max : min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n size={size}\n sliderAlign={sliderAlign}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={settings}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n orientation={orientation}\n {...rest}\n >\n <Handler\n size={pointerSize}\n orientation={orientation}\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n position={state.handlePosition}\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 valuePlacement={valuePlacement}\n />\n </SliderBase>\n {innerShowScale && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {reversed ? min : max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-single\"\n value={dragValue}\n ref={innerRef}\n {...noop}\n />\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","labelContent","_ref$sliderAlign","sliderAlign","showScale","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","rangeValuesPlacementOld","rangeValuesPlacement","_ref$scaleAlign","scaleAlign","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","_ref$pointerSize","pointerSize","_ref$orientation","orientation","reversed","labelReversed","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","handlePosition","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","innerValue","_useState7","_useState8","dragValue","setDragValue","innerShowScale","hasLabelContent","Boolean","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","scaleAlignClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","verticalOrientationClass","verticalOrientation","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","visibleValue","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newValue","round","newHandlePosition","y","x","target","onHandleChangeCommitted","lastY","lastX","labelVerticalPlacement","valuePlacement","settings","sizeData","React","createElement","SingleWrapper","className","cx","labelAlignLeft","labelAlignCenter","labelAlignRight","labelPlacementBottom","labelContentReversed","LabelWrapper","LabelContent","Label","SliderBaseWrapper","StyledRangeValue","ref","SliderBase","_extends","Handler","position","maxRangeValue","InputHidden","type","datatype","noop"],"mappings":"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"}
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, noop } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\nimport { FormTypeNumber } from '../../../../types/FormType';\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 defaultValue,\n size = 'm',\n name,\n ...rest\n}) => {\n const [state, setState] = useState({\n xHandle: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const innerRef = useRef<HTMLInputElement>(null);\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const [dragValue, setDragValue] = useState(value ?? defaultValue ?? min);\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 && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= 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(dragValue, 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 }, [dragValue, 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 if (value !== undefined) {\n (onChange as (value: number) => void)(newValue);\n }\n\n if (name && !value) {\n (onChange as (event: FormTypeNumber) => void)({\n target: {\n value: newValue,\n name,\n },\n });\n }\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 <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-single\"\n value={dragValue}\n ref={innerRef}\n {...noop}\n />\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_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","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","target","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue","InputHidden","type","datatype","noop"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './Single.styles_1h7n2s2.css';
1
+ import './Single.styles_1r9f1e0.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,8 +10,8 @@ var LabelWrapper = /*#__PURE__*/react.styled('div')({
10
10
  "class": "l1p4kc08",
11
11
  propsAsIs: false
12
12
  });
13
- var LabelContent = /*#__PURE__*/react.styled('div')({
14
- name: "LabelContent",
13
+ var LabelContentLeft = /*#__PURE__*/react.styled('div')({
14
+ name: "LabelContentLeft",
15
15
  "class": "ly2gexi",
16
16
  propsAsIs: false
17
17
  });
@@ -37,7 +37,7 @@ var SingleWrapper = /*#__PURE__*/react.styled('div')({
37
37
  });
38
38
 
39
39
  exports.Label = Label;
40
- exports.LabelContent = LabelContent;
40
+ exports.LabelContentLeft = LabelContentLeft;
41
41
  exports.LabelWrapper = LabelWrapper;
42
42
  exports.SingleWrapper = SingleWrapper;
43
43
  exports.SliderBaseWrapper = SliderBaseWrapper;
@@ -1 +1 @@
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 LabelContent = styled.div`\n display: inline-flex;\n`;\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.valueFontFamily});\n font-size: var(${tokens.valueFontSize});\n font-style: var(${tokens.valueFontStyle});\n font-weight: var(${tokens.valueFontWeight});\n letter-spacing: var(${tokens.valueLetterSpacing});\n line-height: var(${tokens.valueLineHeight});\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: calc(var(${tokens.railThickness}) * -1.5 - 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.rangeValueHorizontalMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeValueHorizontalMargin});\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 &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n\n &.${classes.labelAlignCenter} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n\n &.${classes.labelPlacementBottom} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n }\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n }\n }\n\n ${LabelWrapper} {\n align-items: center;\n }\n\n ${SliderBaseWrapper} {\n width: var(${tokens.size});\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: 0;\n margin-bottom: var(${tokens.labelWrapperVerticalMargin});\n }\n }\n\n &.${classes.labelAlignLeft} {\n align-items: flex-end;\n\n ${LabelWrapper} {\n flex-direction: row-reverse;\n }\n }\n\n &.${classes.labelAlignRight} {\n align-items: flex-start;\n }\n\n &.${classes.labelPlacementBottom} {\n flex-direction: column-reverse;\n\n ${LabelWrapper} {\n margin-top: var(${tokens.labelWrapperVerticalMargin});\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${SliderBaseWrapper} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &.${classes.labelAlignCenter} {\n ${StyledRangeValue} {\n position: static;\n bottom: 0;\n left: 0;\n margin-bottom: var(${tokens.rangeValueVerticalMargin});\n\n &.${classes.maxRangeValue} {\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: var(${tokens.rangeValueVerticalMargin});\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignLeft}, &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n margin-right: 0;\n margin-bottom: 0;\n position: absolute;\n top: 0;\n\n right: calc(\n var(${tokens.railThickness}) / 2 + var(${tokens.size}) / 2 +\n var(${tokens.rangeValueHorizontalOffset})\n );\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: 0;\n top: auto;\n bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n left: calc(var(${tokens.size}) + var(${tokens.railThickness}));\n }\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContent","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;;;;;AAIO,IAAMA,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,KAAK,gBAAGL,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA2IlC;;;;;;;;;"}
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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;;;;;;"}