@salutejs/plasma-new-hope 0.80.0-canary.1176.9060349970.0 → 0.80.0-canary.1194.9064180211.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (536) hide show
  1. package/cjs/components/Checkbox/Checkbox.js +59 -22
  2. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  3. package/cjs/components/Checkbox/Checkbox_1q4l832.css +7 -0
  4. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  5. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  6. package/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
  7. package/cjs/components/Checkbox/_disabled/base.js.map +1 -0
  8. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +1 -0
  9. package/cjs/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
  10. package/cjs/components/Checkbox/_focused/base.js.map +1 -0
  11. package/cjs/components/Checkbox/_focused/base_po5iiu.css +1 -0
  12. package/cjs/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
  13. package/cjs/components/Checkbox/_size/base.js.map +1 -0
  14. package/cjs/components/Checkbox/{variations/_view → _view}/base.js +2 -2
  15. package/cjs/components/Checkbox/_view/base.js.map +1 -0
  16. package/cjs/components/Checkbox/_view/base_1vqr3f.css +1 -0
  17. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  18. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  19. package/cjs/components/Radiobox/Radiobox.js +32 -23
  20. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  21. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
  22. package/cjs/components/Radiobox/_disabled/base.js +9 -0
  23. package/cjs/components/Radiobox/_disabled/base.js.map +1 -0
  24. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
  25. package/cjs/components/Radiobox/_focused/base.js +9 -0
  26. package/cjs/components/Radiobox/_focused/base.js.map +1 -0
  27. package/cjs/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
  28. package/cjs/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
  29. package/cjs/components/Radiobox/_size/base.js.map +1 -0
  30. package/cjs/components/Radiobox/_view/base.js +9 -0
  31. package/cjs/components/Radiobox/_view/base.js.map +1 -0
  32. package/cjs/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
  33. package/cjs/components/Slider/Slider.css +69 -0
  34. package/cjs/components/Slider/Slider.js +53 -0
  35. package/cjs/components/Slider/Slider.js.map +1 -0
  36. package/cjs/components/Slider/Slider.tokens.js +79 -0
  37. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  38. package/cjs/components/Slider/components/Double/Double.css +62 -0
  39. package/cjs/components/Slider/components/Double/Double.js +274 -0
  40. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  41. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  42. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  43. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  44. package/cjs/components/Slider/components/Single/Single.css +16 -0
  45. package/cjs/components/Slider/components/Single/Single.js +160 -0
  46. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  47. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  48. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  49. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  50. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  51. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  52. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  53. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  54. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  55. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  56. package/cjs/components/Slider/ui/Handle/Handle.css +4 -0
  57. package/cjs/components/Slider/ui/Handle/Handle.js +174 -0
  58. package/cjs/components/Slider/ui/Handle/Handle.js.map +1 -0
  59. package/cjs/components/Slider/ui/Handle/Handle.styles.js +21 -0
  60. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  61. package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
  62. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  63. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  64. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  65. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  66. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  67. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  68. package/cjs/components/Slider/utils/index.js +56 -0
  69. package/cjs/components/Slider/utils/index.js.map +1 -0
  70. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  71. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  72. package/cjs/components/Slider/variations/_size/base.js +9 -0
  73. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  74. package/cjs/components/Slider/variations/_view/base.js +9 -0
  75. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  76. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  77. package/cjs/components/TextField/TextField.js +12 -3
  78. package/cjs/components/TextField/TextField.js.map +1 -1
  79. package/cjs/engines/common.js +4 -0
  80. package/cjs/engines/common.js.map +1 -1
  81. package/cjs/engines/index.js.map +1 -1
  82. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  83. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  84. package/cjs/index.css +40 -15
  85. package/cjs/index.js +14 -4
  86. package/cjs/index.js.map +1 -1
  87. package/cjs/utils/canUseDOM.js +12 -0
  88. package/cjs/utils/canUseDOM.js.map +1 -0
  89. package/cjs/utils/index.js.map +1 -1
  90. package/es/components/Checkbox/Checkbox.js +43 -12
  91. package/es/components/Checkbox/Checkbox.js.map +1 -1
  92. package/es/components/Checkbox/Checkbox_1q4l832.css +7 -0
  93. package/es/components/Checkbox/IconsSvg.js +9 -9
  94. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  95. package/es/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
  96. package/es/components/Checkbox/_disabled/base.js.map +1 -0
  97. package/es/components/Checkbox/_disabled/base_fyu17z.css +1 -0
  98. package/es/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
  99. package/es/components/Checkbox/_focused/base.js.map +1 -0
  100. package/es/components/Checkbox/_focused/base_po5iiu.css +1 -0
  101. package/es/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
  102. package/es/components/Checkbox/_size/base.js.map +1 -0
  103. package/es/components/Checkbox/_size/base_x642ct.css +1 -0
  104. package/es/components/Checkbox/{variations/_view → _view}/base.js +2 -2
  105. package/es/components/Checkbox/_view/base.js.map +1 -0
  106. package/es/components/Checkbox/_view/base_1vqr3f.css +1 -0
  107. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  108. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  109. package/es/components/Radiobox/Radiobox.js +21 -12
  110. package/es/components/Radiobox/Radiobox.js.map +1 -1
  111. package/es/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
  112. package/es/components/Radiobox/_disabled/base.js +5 -0
  113. package/es/components/Radiobox/_disabled/base.js.map +1 -0
  114. package/es/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
  115. package/es/components/Radiobox/_focused/base.js +5 -0
  116. package/es/components/Radiobox/_focused/base.js.map +1 -0
  117. package/es/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
  118. package/es/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
  119. package/es/components/Radiobox/_size/base.js.map +1 -0
  120. package/es/components/Radiobox/_size/base_x642ct.css +1 -0
  121. package/es/components/Radiobox/_view/base.js +5 -0
  122. package/es/components/Radiobox/_view/base.js.map +1 -0
  123. package/es/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
  124. package/es/components/Slider/Slider.css +69 -0
  125. package/es/components/Slider/Slider.js +48 -0
  126. package/es/components/Slider/Slider.js.map +1 -0
  127. package/es/components/Slider/Slider.tokens.js +74 -0
  128. package/es/components/Slider/Slider.tokens.js.map +1 -0
  129. package/es/components/Slider/components/Double/Double.css +62 -0
  130. package/es/components/Slider/components/Double/Double.js +270 -0
  131. package/es/components/Slider/components/Double/Double.js.map +1 -0
  132. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  133. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  134. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  135. package/es/components/Slider/components/Single/Single.css +16 -0
  136. package/es/components/Slider/components/Single/Single.js +156 -0
  137. package/es/components/Slider/components/Single/Single.js.map +1 -0
  138. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  139. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  140. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  141. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  142. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  143. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  144. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  145. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  146. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  147. package/es/components/Slider/ui/Handle/Handle.css +4 -0
  148. package/es/components/Slider/ui/Handle/Handle.js +170 -0
  149. package/es/components/Slider/ui/Handle/Handle.js.map +1 -0
  150. package/es/components/Slider/ui/Handle/Handle.styles.js +16 -0
  151. package/es/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  152. package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
  153. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  154. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  155. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  156. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  157. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  158. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  159. package/es/components/Slider/utils/index.js +50 -0
  160. package/es/components/Slider/utils/index.js.map +1 -0
  161. package/es/components/Slider/variations/_disabled/base.js +5 -0
  162. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  163. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  164. package/es/components/Slider/variations/_size/base.js +5 -0
  165. package/es/components/Slider/variations/_size/base.js.map +1 -0
  166. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  167. package/es/components/Slider/variations/_view/base.js +5 -0
  168. package/es/components/Slider/variations/_view/base.js.map +1 -0
  169. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  170. package/es/components/TextField/TextField.js +12 -3
  171. package/es/components/TextField/TextField.js.map +1 -1
  172. package/es/engines/common.js +4 -0
  173. package/es/engines/common.js.map +1 -1
  174. package/es/engines/index.js.map +1 -1
  175. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  176. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  177. package/es/index.css +40 -15
  178. package/es/index.js +8 -2
  179. package/es/index.js.map +1 -1
  180. package/es/utils/canUseDOM.js +8 -0
  181. package/es/utils/canUseDOM.js.map +1 -0
  182. package/es/utils/index.js.map +1 -1
  183. package/package.json +3 -2
  184. package/styled-components/cjs/components/Checkbox/Checkbox.js +40 -20
  185. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  186. package/styled-components/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +1 -2
  187. package/styled-components/cjs/components/Checkbox/_focused/base.js +26 -0
  188. package/styled-components/cjs/components/Checkbox/_view/base.js +8 -0
  189. package/styled-components/cjs/components/Checkbox/_view/tokens.json +1 -0
  190. package/styled-components/cjs/components/Checkbox/index.js +1 -8
  191. package/styled-components/cjs/components/Radiobox/Radiobox.js +22 -15
  192. package/styled-components/cjs/components/Radiobox/_disabled/base.js +8 -0
  193. package/styled-components/cjs/components/Radiobox/_focused/base.js +26 -0
  194. package/styled-components/cjs/components/Radiobox/_view/base.js +8 -0
  195. package/styled-components/cjs/components/Radiobox/index.js +1 -8
  196. package/styled-components/cjs/components/Slider/Slider.js +52 -0
  197. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  198. package/styled-components/cjs/components/Slider/components/Double/Double.js +286 -0
  199. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  200. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
  201. package/styled-components/cjs/components/Slider/components/Single/Single.js +172 -0
  202. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  203. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  204. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  205. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  206. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  207. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  208. package/styled-components/cjs/components/Slider/index.js +32 -0
  209. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +183 -0
  210. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +15 -0
  211. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +5 -0
  212. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  213. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
  214. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  215. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  216. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  217. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  218. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  219. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  220. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  221. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  222. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  223. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  224. package/styled-components/cjs/engines/common.js +4 -0
  225. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  226. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
  227. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
  228. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  229. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
  230. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
  231. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  232. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
  233. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
  234. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  235. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
  236. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
  237. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  238. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
  239. package/styled-components/cjs/hooks/index.js +8 -1
  240. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  241. package/styled-components/cjs/index.js +11 -0
  242. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  243. package/styled-components/cjs/utils/index.js +7 -0
  244. package/styled-components/es/components/Checkbox/Checkbox.js +33 -12
  245. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  246. package/styled-components/es/components/Checkbox/_disabled/base.js +2 -0
  247. package/styled-components/es/components/Checkbox/_focused/base.js +20 -0
  248. package/styled-components/es/components/Checkbox/_view/base.js +2 -0
  249. package/styled-components/es/components/Checkbox/_view/tokens.json +1 -0
  250. package/styled-components/es/components/Checkbox/index.js +1 -2
  251. package/styled-components/es/components/Radiobox/Radiobox.js +22 -13
  252. package/styled-components/es/components/Radiobox/_disabled/base.js +2 -0
  253. package/styled-components/es/components/Radiobox/_focused/base.js +20 -0
  254. package/styled-components/es/components/Radiobox/_view/base.js +2 -0
  255. package/styled-components/es/components/Radiobox/index.js +1 -2
  256. package/styled-components/es/components/Slider/Slider.js +43 -0
  257. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  258. package/styled-components/es/components/Slider/components/Double/Double.js +278 -0
  259. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  260. package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
  261. package/styled-components/es/components/Slider/components/Single/Single.js +164 -0
  262. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  263. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  264. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  265. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  266. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  267. package/styled-components/es/components/Slider/components/index.js +3 -0
  268. package/styled-components/es/components/Slider/index.js +3 -0
  269. package/styled-components/es/components/Slider/ui/Handle/Handle.js +174 -0
  270. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +8 -0
  271. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +1 -0
  272. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  273. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  274. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  275. package/styled-components/es/components/Slider/ui/index.js +5 -0
  276. package/styled-components/es/components/Slider/utils/index.js +47 -0
  277. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  278. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  279. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  280. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  281. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  282. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  283. package/styled-components/es/components/TextField/TextField.js +12 -3
  284. package/styled-components/es/engines/common.js +4 -0
  285. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  286. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
  287. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
  288. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  289. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
  290. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
  291. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  292. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
  293. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
  294. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  295. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
  296. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
  297. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  298. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
  299. package/styled-components/es/hooks/index.js +2 -1
  300. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  301. package/styled-components/es/index.js +2 -1
  302. package/styled-components/es/utils/canUseDOM.js +5 -0
  303. package/styled-components/es/utils/index.js +1 -0
  304. package/types/components/Checkbox/Checkbox.d.ts +37 -4
  305. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  306. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  307. package/types/components/Checkbox/_disabled/base.d.ts.map +1 -0
  308. package/types/components/Checkbox/_focused/base.d.ts.map +1 -0
  309. package/types/components/Checkbox/_size/base.d.ts.map +1 -0
  310. package/types/components/Checkbox/_view/base.d.ts.map +1 -0
  311. package/types/components/Checkbox/index.d.ts +1 -2
  312. package/types/components/Checkbox/index.d.ts.map +1 -1
  313. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  314. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  315. package/types/components/Radiobox/_disabled/base.d.ts.map +1 -0
  316. package/types/components/Radiobox/_focused/base.d.ts.map +1 -0
  317. package/types/components/Radiobox/_size/base.d.ts.map +1 -0
  318. package/types/components/Radiobox/_view/base.d.ts +2 -0
  319. package/types/components/Radiobox/_view/base.d.ts.map +1 -0
  320. package/types/components/Radiobox/index.d.ts +0 -1
  321. package/types/components/Radiobox/index.d.ts.map +1 -1
  322. package/types/components/Slider/Slider.d.ts +27 -0
  323. package/types/components/Slider/Slider.d.ts.map +1 -0
  324. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  325. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  326. package/types/components/Slider/Slider.types.d.ts +3 -0
  327. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  328. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  329. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  330. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  331. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  332. package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
  333. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  334. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  335. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  336. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  337. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  338. package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
  339. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  340. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  341. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  342. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  343. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  344. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  345. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  346. package/types/components/Slider/components/index.d.ts +6 -0
  347. package/types/components/Slider/components/index.d.ts.map +1 -0
  348. package/types/components/Slider/index.d.ts +6 -0
  349. package/types/components/Slider/index.d.ts.map +1 -0
  350. package/types/components/Slider/ui/Handle/Handle.d.ts +9 -0
  351. package/types/components/Slider/ui/Handle/Handle.d.ts.map +1 -0
  352. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +4 -0
  353. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +1 -0
  354. package/types/components/Slider/ui/Handle/Handle.types.d.ts +24 -0
  355. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +1 -0
  356. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  357. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  358. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  359. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  360. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  361. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  362. package/types/components/Slider/ui/index.d.ts +6 -0
  363. package/types/components/Slider/ui/index.d.ts.map +1 -0
  364. package/types/components/Slider/utils/index.d.ts +33 -0
  365. package/types/components/Slider/utils/index.d.ts.map +1 -0
  366. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  367. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  368. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  369. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  370. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  371. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  372. package/types/components/TextField/TextField.d.ts.map +1 -1
  373. package/types/engines/common.d.ts +3 -3
  374. package/types/engines/common.d.ts.map +1 -1
  375. package/types/engines/index.d.ts +1 -1
  376. package/types/engines/index.d.ts.map +1 -1
  377. package/types/engines/types.d.ts +4 -0
  378. package/types/engines/types.d.ts.map +1 -1
  379. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -0
  380. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  381. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  382. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  383. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  384. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  385. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  386. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
  387. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  388. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -0
  389. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  390. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  391. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  392. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  393. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  394. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  395. package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
  396. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  397. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +1 -0
  398. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  399. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  400. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  401. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  402. package/types/hooks/index.d.ts +1 -0
  403. package/types/hooks/index.d.ts.map +1 -1
  404. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  405. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  406. package/types/index.d.ts +1 -0
  407. package/types/index.d.ts.map +1 -1
  408. package/types/utils/canUseDOM.d.ts +6 -0
  409. package/types/utils/canUseDOM.d.ts.map +1 -0
  410. package/types/utils/index.d.ts +1 -0
  411. package/types/utils/index.d.ts.map +1 -1
  412. package/cjs/components/Checkbox/Checkbox.css +0 -13
  413. package/cjs/components/Checkbox/Checkbox.styles.js +0 -47
  414. package/cjs/components/Checkbox/Checkbox.styles.js.map +0 -1
  415. package/cjs/components/Checkbox/Checkbox.styles_1266095.css +0 -7
  416. package/cjs/components/Checkbox/Checkbox.tokens.js +0 -41
  417. package/cjs/components/Checkbox/Checkbox.tokens.js.map +0 -1
  418. package/cjs/components/Checkbox/variations/_disabled/base.js.map +0 -1
  419. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
  420. package/cjs/components/Checkbox/variations/_focused/base.js +0 -14
  421. package/cjs/components/Checkbox/variations/_focused/base.js.map +0 -1
  422. package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
  423. package/cjs/components/Checkbox/variations/_size/base.js.map +0 -1
  424. package/cjs/components/Checkbox/variations/_view/base.js.map +0 -1
  425. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +0 -1
  426. package/cjs/components/Radiobox/Radiobox.css +0 -16
  427. package/cjs/components/Radiobox/Radiobox.styles.js +0 -19
  428. package/cjs/components/Radiobox/Radiobox.styles.js.map +0 -1
  429. package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
  430. package/cjs/components/Radiobox/Radiobox.tokens.js +0 -41
  431. package/cjs/components/Radiobox/Radiobox.tokens.js.map +0 -1
  432. package/cjs/components/Radiobox/variations/_disabled/base.js.map +0 -1
  433. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
  434. package/cjs/components/Radiobox/variations/_focused/base.js +0 -9
  435. package/cjs/components/Radiobox/variations/_focused/base.js.map +0 -1
  436. package/cjs/components/Radiobox/variations/_size/base.js.map +0 -1
  437. package/cjs/components/Radiobox/variations/_view/base.js +0 -9
  438. package/cjs/components/Radiobox/variations/_view/base.js.map +0 -1
  439. package/es/components/Checkbox/Checkbox.css +0 -13
  440. package/es/components/Checkbox/Checkbox.styles.js +0 -37
  441. package/es/components/Checkbox/Checkbox.styles.js.map +0 -1
  442. package/es/components/Checkbox/Checkbox.styles_1266095.css +0 -7
  443. package/es/components/Checkbox/Checkbox.tokens.js +0 -36
  444. package/es/components/Checkbox/Checkbox.tokens.js.map +0 -1
  445. package/es/components/Checkbox/variations/_disabled/base.js.map +0 -1
  446. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
  447. package/es/components/Checkbox/variations/_focused/base.js +0 -10
  448. package/es/components/Checkbox/variations/_focused/base.js.map +0 -1
  449. package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
  450. package/es/components/Checkbox/variations/_size/base.js.map +0 -1
  451. package/es/components/Checkbox/variations/_view/base.js.map +0 -1
  452. package/es/components/Checkbox/variations/_view/base_x252cy.css +0 -1
  453. package/es/components/Radiobox/Radiobox.css +0 -16
  454. package/es/components/Radiobox/Radiobox.styles.js +0 -14
  455. package/es/components/Radiobox/Radiobox.styles.js.map +0 -1
  456. package/es/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
  457. package/es/components/Radiobox/Radiobox.tokens.js +0 -36
  458. package/es/components/Radiobox/Radiobox.tokens.js.map +0 -1
  459. package/es/components/Radiobox/variations/_disabled/base.js.map +0 -1
  460. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
  461. package/es/components/Radiobox/variations/_focused/base.js +0 -5
  462. package/es/components/Radiobox/variations/_focused/base.js.map +0 -1
  463. package/es/components/Radiobox/variations/_size/base.js.map +0 -1
  464. package/es/components/Radiobox/variations/_view/base.js +0 -5
  465. package/es/components/Radiobox/variations/_view/base.js.map +0 -1
  466. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +0 -33
  467. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +0 -39
  468. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +0 -10
  469. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +0 -32
  470. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +0 -10
  471. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +0 -1
  472. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +0 -19
  473. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +0 -39
  474. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +0 -27
  475. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +0 -9
  476. package/styled-components/es/components/Checkbox/Checkbox.styles.js +0 -25
  477. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +0 -33
  478. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +0 -4
  479. package/styled-components/es/components/Checkbox/variations/_focused/base.js +0 -27
  480. package/styled-components/es/components/Checkbox/variations/_view/base.js +0 -4
  481. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +0 -1
  482. package/styled-components/es/components/Radiobox/Radiobox.styles.js +0 -12
  483. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +0 -33
  484. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +0 -3
  485. package/styled-components/es/components/Radiobox/variations/_focused/base.js +0 -21
  486. package/styled-components/es/components/Radiobox/variations/_view/base.js +0 -3
  487. package/types/components/Checkbox/Checkbox.styles.d.ts +0 -9
  488. package/types/components/Checkbox/Checkbox.styles.d.ts.map +0 -1
  489. package/types/components/Checkbox/Checkbox.tokens.d.ts +0 -34
  490. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +0 -1
  491. package/types/components/Checkbox/Checkbox.types.d.ts +0 -29
  492. package/types/components/Checkbox/Checkbox.types.d.ts.map +0 -1
  493. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +0 -1
  494. package/types/components/Checkbox/variations/_focused/base.d.ts +0 -6
  495. package/types/components/Checkbox/variations/_focused/base.d.ts.map +0 -1
  496. package/types/components/Checkbox/variations/_size/base.d.ts.map +0 -1
  497. package/types/components/Checkbox/variations/_view/base.d.ts.map +0 -1
  498. package/types/components/Radiobox/Radiobox.styles.d.ts +0 -4
  499. package/types/components/Radiobox/Radiobox.styles.d.ts.map +0 -1
  500. package/types/components/Radiobox/Radiobox.tokens.d.ts +0 -34
  501. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +0 -1
  502. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +0 -1
  503. package/types/components/Radiobox/variations/_focused/base.d.ts.map +0 -1
  504. package/types/components/Radiobox/variations/_size/base.d.ts.map +0 -1
  505. package/types/components/Radiobox/variations/_view/base.d.ts.map +0 -1
  506. /package/cjs/components/Checkbox/{variations/_size → _size}/base_x642ct.css +0 -0
  507. /package/cjs/components/Radiobox/{variations/_size → _size}/base_x642ct.css +0 -0
  508. /package/{es/components/Checkbox/variations/_size → cjs/components/Slider/variations/_disabled}/base_x642ct.css +0 -0
  509. /package/{es/components/Radiobox → cjs/components/Slider}/variations/_size/base_x642ct.css +0 -0
  510. /package/styled-components/cjs/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
  511. /package/styled-components/cjs/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
  512. /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/base.js +0 -0
  513. /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
  514. /package/styled-components/cjs/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
  515. /package/styled-components/cjs/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
  516. /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/base.js +0 -0
  517. /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
  518. /package/styled-components/cjs/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
  519. /package/styled-components/cjs/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
  520. /package/styled-components/es/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
  521. /package/styled-components/es/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
  522. /package/styled-components/es/components/Checkbox/{variations/_size → _size}/base.js +0 -0
  523. /package/styled-components/es/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
  524. /package/styled-components/es/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
  525. /package/styled-components/es/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
  526. /package/styled-components/es/components/Radiobox/{variations/_size → _size}/base.js +0 -0
  527. /package/styled-components/es/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
  528. /package/styled-components/es/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
  529. /package/styled-components/es/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
  530. /package/types/components/Checkbox/{variations/_disabled → _disabled}/base.d.ts +0 -0
  531. /package/types/components/Checkbox/{variations/_size → _focused}/base.d.ts +0 -0
  532. /package/types/components/Checkbox/{variations/_view → _size}/base.d.ts +0 -0
  533. /package/types/components/{Radiobox/variations/_disabled → Checkbox/_view}/base.d.ts +0 -0
  534. /package/types/components/Radiobox/{variations/_focused → _disabled}/base.d.ts +0 -0
  535. /package/types/components/Radiobox/{variations/_size → _focused}/base.d.ts +0 -0
  536. /package/types/components/Radiobox/{variations/_view → _size}/base.d.ts +0 -0
@@ -0,0 +1,286 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.DoubleSlider = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _SliderBase = /*#__PURE__*/require("../SliderBase/SliderBase");
10
+ var _ui = /*#__PURE__*/require("../../ui");
11
+ var _utils = /*#__PURE__*/require("../../utils");
12
+ var _utils2 = /*#__PURE__*/require("../../../../utils");
13
+ var _Slider = /*#__PURE__*/require("../../Slider.tokens");
14
+ var _Double = /*#__PURE__*/require("./Double.styles");
15
+ var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
23
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
24
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
26
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
27
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
28
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
29
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
30
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
31
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
32
+ function getXCenterHandle(handle) {
33
+ var _handle$parentElement;
34
+ var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
35
+ var handleRect = handle.getBoundingClientRect();
36
+ var handlePosition = handleRect.x;
37
+ return handlePosition - containerX;
38
+ }
39
+ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
40
+ var min = _ref.min,
41
+ max = _ref.max,
42
+ value = _ref.value,
43
+ disabled = _ref.disabled,
44
+ label = _ref.label,
45
+ labelContentLeft = _ref.labelContentLeft,
46
+ _ref$size = _ref.size,
47
+ size = _ref$size === void 0 ? 'm' : _ref$size,
48
+ onChangeCommitted = _ref.onChangeCommitted,
49
+ onChangeTextField = _ref.onChangeTextField,
50
+ onBlurTextField = _ref.onBlurTextField,
51
+ onKeyDownTextField = _ref.onKeyDownTextField,
52
+ onChange = _ref.onChange,
53
+ ariaLabel = _ref.ariaLabel,
54
+ _ref$multipleStepSize = _ref.multipleStepSize,
55
+ multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
56
+ rest = _objectWithoutProperties(_ref, _excluded);
57
+ var _useState = (0, _react.useState)({
58
+ stepSize: 0,
59
+ railFillWidth: 0,
60
+ railFillXPosition: 0,
61
+ xFirstHandle: 0,
62
+ xSecondHandle: 0,
63
+ firstHandleZIndex: 100,
64
+ secondHandleZIndex: 101,
65
+ firstValue: value[0],
66
+ secondValue: value[1]
67
+ }),
68
+ _useState2 = _slicedToArray(_useState, 2),
69
+ state = _useState2[0],
70
+ setState = _useState2[1];
71
+ var _useState3 = (0, _react.useState)(false),
72
+ _useState4 = _slicedToArray(_useState3, 2),
73
+ firstInputActive = _useState4[0],
74
+ setFirstInputActive = _useState4[1];
75
+ var _useState5 = (0, _react.useState)(false),
76
+ _useState6 = _slicedToArray(_useState5, 2),
77
+ secondInputActive = _useState6[0],
78
+ setSecondInputActive = _useState6[1];
79
+ var firstHandleRef = (0, _react.useRef)(null);
80
+ var secondHandleRef = (0, _react.useRef)(null);
81
+ var firstHandleValue = (0, _react.useRef)(value[0]);
82
+ var secondHandleValue = (0, _react.useRef)(value[1]);
83
+ var _useState7 = (0, _react.useState)(value[0]),
84
+ _useState8 = _slicedToArray(_useState7, 2),
85
+ firstValue = _useState8[0],
86
+ setFirstValue = _useState8[1];
87
+ var _useState9 = (0, _react.useState)(value[1]),
88
+ _useState10 = _slicedToArray(_useState9, 2),
89
+ secondValue = _useState10[0],
90
+ setSecondValue = _useState10[1];
91
+ var stepSize = state.stepSize;
92
+ var hasLabelContent = label || labelContentLeft;
93
+ var firstInputActiveClass = firstInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
94
+ var secondInputActiveClass = secondInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
95
+ (0, _react.useEffect)(function () {
96
+ var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
97
+ var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
98
+ setFirstValue(value[0]);
99
+ setSecondValue(value[1]);
100
+ setState(function (prevState) {
101
+ return _objectSpread(_objectSpread({}, prevState), {}, {
102
+ railFillXPosition: stepSize * firstLocalValue,
103
+ railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
104
+ xFirstHandle: stepSize * firstLocalValue,
105
+ xSecondHandle: stepSize * secondLocalValue
106
+ });
107
+ });
108
+ }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
109
+ var setStepSize = (0, _react.useCallback)(function (newStepSize) {
110
+ setState(function (prevState) {
111
+ return _objectSpread(_objectSpread({}, prevState), {}, {
112
+ stepSize: newStepSize
113
+ });
114
+ });
115
+ }, [setState]);
116
+ var onFirstHandleChange = (0, _react.useCallback)(function (handleValue, data) {
117
+ if (!(secondHandleRef !== null && secondHandleRef !== void 0 && secondHandleRef.current)) {
118
+ return;
119
+ }
120
+ var newHandleXPosition = data.x;
121
+ var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
122
+ var fillWidth = secondHandleXPosition - newHandleXPosition;
123
+ firstHandleValue.current = handleValue;
124
+ setFirstValue(handleValue);
125
+ setState(function (prevState) {
126
+ return _objectSpread(_objectSpread({}, prevState), {}, {
127
+ firstHandleZIndex: 101,
128
+ secondHandleZIndex: 100,
129
+ railFillWidth: fillWidth < 0 ? 0 : fillWidth,
130
+ railFillXPosition: newHandleXPosition
131
+ });
132
+ });
133
+ if (onChange) {
134
+ onChange([handleValue, value[1]]);
135
+ }
136
+ }, [onChange, value]);
137
+ var onFirstHandleChangeCommitted = (0, _react.useCallback)(function (handleValue, data) {
138
+ setFirstValue(handleValue);
139
+ onChangeCommitted && onChangeCommitted([handleValue, value[1]]);
140
+ setState(function (prevState) {
141
+ return _objectSpread(_objectSpread({}, prevState), {}, {
142
+ firstValue: handleValue,
143
+ xFirstHandle: data.lastX
144
+ });
145
+ });
146
+ }, [onChangeCommitted, value]);
147
+ var onFirstTextfieldChange = (0, _react.useCallback)(function (event) {
148
+ if (!(0, _utils2.isNumber)(event.target.value)) {
149
+ return;
150
+ }
151
+ var handleValue = Number(event.target.value);
152
+ setFirstValue(handleValue);
153
+ onChangeTextField && onChangeTextField([handleValue, secondValue], event);
154
+ }, [_utils2.isNumber, setFirstValue, secondValue]);
155
+ var onFirstTextfieldBlur = (0, _react.useCallback)(function (event) {
156
+ if (!(0, _utils2.isNumber)(event.target.value)) {
157
+ return;
158
+ }
159
+ var handleValue = Number(event.target.value);
160
+ setFirstValue(handleValue);
161
+ onBlurTextField && onBlurTextField([handleValue, secondValue], event);
162
+ }, [_utils2.isNumber, setSecondValue, onBlurTextField, secondValue]);
163
+ var onSecondHandleChange = (0, _react.useCallback)(function (handleValue, data) {
164
+ if (!(firstHandleRef !== null && firstHandleRef !== void 0 && firstHandleRef.current)) {
165
+ return;
166
+ }
167
+ var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
168
+ var newHandleXPosition = data.x;
169
+ var fillWidth = newHandleXPosition - firstXHandleXPosition;
170
+ secondHandleValue.current = handleValue;
171
+ setSecondValue(handleValue);
172
+ setState(function (prevState) {
173
+ return _objectSpread(_objectSpread({}, prevState), {}, {
174
+ firstHandleZIndex: 100,
175
+ secondHandleZIndex: 101,
176
+ railFillWidth: fillWidth < 0 ? 0 : fillWidth,
177
+ railFillXPosition: firstXHandleXPosition
178
+ });
179
+ });
180
+ if (onChange) {
181
+ onChange([value[0], handleValue]);
182
+ }
183
+ }, [onChange, value]);
184
+ var onSecondHandleChangeCommitted = (0, _react.useCallback)(function (handleValue, data) {
185
+ onChangeCommitted && onChangeCommitted([value[0], handleValue]);
186
+ setSecondValue(handleValue);
187
+ setState(function (prevState) {
188
+ return _objectSpread(_objectSpread({}, prevState), {}, {
189
+ secondValue: handleValue,
190
+ xSecondHandle: data.lastX
191
+ });
192
+ });
193
+ }, [onChangeCommitted, value]);
194
+ var onSecondTextfieldChange = (0, _react.useCallback)(function (event) {
195
+ if (!(0, _utils2.isNumber)(event.target.value)) {
196
+ return;
197
+ }
198
+ var handleValue = Number(event.target.value);
199
+ setSecondValue(handleValue);
200
+ onChangeTextField && onChangeTextField([firstValue, handleValue], event);
201
+ }, [_utils2.isNumber, setSecondValue, onChangeTextField, firstValue]);
202
+ var onSecondTextfieldBlur = (0, _react.useCallback)(function (event) {
203
+ if (!(0, _utils2.isNumber)(event.target.value)) {
204
+ return;
205
+ }
206
+ var handleValue = Number(event.target.value);
207
+ setSecondValue(handleValue);
208
+ onBlurTextField && onBlurTextField([firstValue, handleValue], event);
209
+ }, [_utils2.isNumber, setSecondValue, onBlurTextField, firstValue]);
210
+ var onTextfieldKeyDown = (0, _react.useCallback)(function (event) {
211
+ onKeyDownTextField && onKeyDownTextField([firstValue, secondValue], event);
212
+ }, [[_utils2.isNumber, setSecondValue, onKeyDownTextField], firstValue, secondValue]);
213
+ var _ref2 = ariaLabel || [],
214
+ _ref3 = _slicedToArray(_ref2, 2),
215
+ ariaLabelLeft = _ref3[0],
216
+ ariaLabelRight = _ref3[1];
217
+ var currentFirstSliderValue = Math.max(state.firstValue, min);
218
+ return /*#__PURE__*/_react["default"].createElement(_Double.DoubleWrapper, null, hasLabelContent && /*#__PURE__*/_react["default"].createElement(_Double.LabelWrapper, null, labelContentLeft && /*#__PURE__*/_react["default"].createElement(_Double.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/_react["default"].createElement(_Double.Label, null, label)), /*#__PURE__*/_react["default"].createElement(_Double.SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(_SliderBase.SliderBase, _extends({
219
+ min: min,
220
+ max: max,
221
+ disabled: disabled,
222
+ setStepSize: setStepSize,
223
+ railFillWidth: state.railFillWidth,
224
+ settings: _utils.sizeData[size],
225
+ railFillXPosition: state.railFillXPosition
226
+ }, rest), /*#__PURE__*/_react["default"].createElement(_ui.Handle, {
227
+ ref: firstHandleRef,
228
+ stepSize: state.stepSize,
229
+ multipleStepSize: multipleStepSize,
230
+ onChangeCommitted: onFirstHandleChangeCommitted,
231
+ onChange: onFirstHandleChange,
232
+ min: min,
233
+ max: state.secondValue,
234
+ disabled: disabled,
235
+ bounds: [min, state.secondValue],
236
+ side: "left",
237
+ xPosition: state.xFirstHandle,
238
+ zIndex: state.firstHandleZIndex,
239
+ value: currentFirstSliderValue,
240
+ ariaLabel: ariaLabelLeft,
241
+ onMouseEnter: function onMouseEnter() {
242
+ return setFirstInputActive(true);
243
+ },
244
+ onMouseLeave: function onMouseLeave() {
245
+ return setFirstInputActive(false);
246
+ }
247
+ }), /*#__PURE__*/_react["default"].createElement(_ui.Handle, {
248
+ ref: secondHandleRef,
249
+ stepSize: state.stepSize,
250
+ multipleStepSize: multipleStepSize,
251
+ onChangeCommitted: onSecondHandleChangeCommitted,
252
+ onChange: onSecondHandleChange,
253
+ min: min,
254
+ ariaValueMin: currentFirstSliderValue,
255
+ max: max,
256
+ disabled: disabled,
257
+ bounds: [state.firstValue, max],
258
+ side: "right",
259
+ xPosition: state.xSecondHandle,
260
+ zIndex: state.secondHandleZIndex,
261
+ value: Math.max(state.secondValue, min),
262
+ ariaLabel: ariaLabelRight,
263
+ onMouseEnter: function onMouseEnter() {
264
+ return setSecondInputActive(true);
265
+ },
266
+ onMouseLeave: function onMouseLeave() {
267
+ return setSecondInputActive(false);
268
+ }
269
+ })), /*#__PURE__*/_react["default"].createElement(_Double.InputsWrapper, null, /*#__PURE__*/_react["default"].createElement(_Double.StyledInput, {
270
+ className: (0, _utils2.cx)(_Slider.classes.firstTextField, firstInputActiveClass),
271
+ enumerationType: "plain",
272
+ disabled: disabled,
273
+ value: firstValue,
274
+ onChange: onFirstTextfieldChange,
275
+ onBlur: onFirstTextfieldBlur,
276
+ onKeyDown: onTextfieldKeyDown
277
+ }), /*#__PURE__*/_react["default"].createElement(_Double.StyledInput, {
278
+ className: (0, _utils2.cx)(_Slider.classes.secondTextField, secondInputActiveClass),
279
+ enumerationType: "plain",
280
+ disabled: disabled,
281
+ value: secondValue,
282
+ onChange: onSecondTextfieldChange,
283
+ onBlur: onSecondTextfieldBlur,
284
+ onKeyDown: onTextfieldKeyDown
285
+ }))));
286
+ };
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledInput = exports.SliderWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = exports.InputsWrapper = exports.DoubleWrapper = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
+ var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
+ var _engines = /*#__PURE__*/require("../../../../engines");
10
+ var _TextField = /*#__PURE__*/require("../../../TextField");
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig);
13
+ var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
14
+ var LabelWrapper = exports.LabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
15
+ componentId: "plasma-new-hope__sc-97pdfk-0"
16
+ })(["color:var(", ");display:flex;gap:var(", ");margin-bottom:var(", ");"], _Slider.tokens.labelColor, _Slider.tokens.labelWrapperGap, _Slider.tokens.labelWrapperMarginBottom);
17
+ var LabelContentLeft = exports.LabelContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
+ componentId: "plasma-new-hope__sc-97pdfk-1"
19
+ })([""]);
20
+ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
21
+ componentId: "plasma-new-hope__sc-97pdfk-2"
22
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Slider.tokens.labelFontFamily, _Slider.tokens.labelFontSize, _Slider.tokens.labelFontStyle, _Slider.tokens.labelFontWeight, _Slider.tokens.labelLetterSpacing, _Slider.tokens.labelLineHeight);
23
+ var InputsWrapper = exports.InputsWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
24
+ componentId: "plasma-new-hope__sc-97pdfk-3"
25
+ })(["display:flex;gap:var(", ");margin-top:var(", ");"], _Slider.tokens.textFieldWrapperGap, _Slider.tokens.doubleWrapperGap);
26
+
27
+ // NOTE: переопределение токенов TextField
28
+ var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
29
+ componentId: "plasma-new-hope__sc-97pdfk-4"
30
+ })(["flex:1;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", " > div{border-top-right-radius:0;border-bottom-right-radius:0;}&.", " > div{border-top-left-radius:0;border-bottom-left-radius:0;}input:focus,&.", "{", ":var(", ");}"], _TextField.textFieldTokens.color, _Slider.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Slider.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.caretColor, _Slider.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Slider.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.disabledOpacity, _Slider.tokens.disabledOpacity, _TextField.textFieldTokens.height, _Slider.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _Slider.tokens.textFieldPadding, _TextField.textFieldTokens.borderRadius, _Slider.tokens.textFieldBorderRadius, _TextField.textFieldTokens.fontFamily, _Slider.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Slider.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Slider.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Slider.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Slider.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Slider.tokens.textFieldLineHeight, _Slider.classes.firstTextField, _Slider.classes.secondTextField, _Slider.classes.textFieldActive, _TextField.textFieldTokens.color, _Slider.tokens.textFiledFocusColor);
31
+ var DoubleWrapper = exports.DoubleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
32
+ componentId: "plasma-new-hope__sc-97pdfk-5"
33
+ })(["opacity:var(", ");"], _Slider.tokens.disabledOpacity);
34
+ var SliderWrapper = exports.SliderWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
35
+ componentId: "plasma-new-hope__sc-97pdfk-6"
36
+ })([""]);
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,172 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.SingleSlider = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _SliderBase = /*#__PURE__*/require("../SliderBase/SliderBase");
10
+ var _ui = /*#__PURE__*/require("../../ui");
11
+ var _utils = /*#__PURE__*/require("../../utils");
12
+ var _utils2 = /*#__PURE__*/require("../../../../utils");
13
+ var _Slider = /*#__PURE__*/require("../../Slider.tokens");
14
+ var _Single = /*#__PURE__*/require("./Single.styles");
15
+ var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
23
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
24
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
26
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
27
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
28
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
29
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
30
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
31
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
32
+ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
33
+ var min = _ref.min,
34
+ max = _ref.max,
35
+ value = _ref.value,
36
+ disabled = _ref.disabled,
37
+ onChangeCommitted = _ref.onChangeCommitted,
38
+ onChange = _ref.onChange,
39
+ ariaLabel = _ref.ariaLabel,
40
+ label = _ref.label,
41
+ labelContentLeft = _ref.labelContentLeft,
42
+ showRangeValues = _ref.showRangeValues,
43
+ showCurrentValue = _ref.showCurrentValue,
44
+ hideMinValueDiff = _ref.hideMinValueDiff,
45
+ hideMaxValueDiff = _ref.hideMaxValueDiff,
46
+ _ref$labelPlacement = _ref.labelPlacement,
47
+ labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
48
+ _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
49
+ rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
50
+ _ref$multipleStepSize = _ref.multipleStepSize,
51
+ multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
52
+ _ref$size = _ref.size,
53
+ size = _ref$size === void 0 ? 'm' : _ref$size,
54
+ rest = _objectWithoutProperties(_ref, _excluded);
55
+ var _useState = (0, _react.useState)({
56
+ xHandle: 0,
57
+ stepSize: 0,
58
+ railFillWidth: 0
59
+ }),
60
+ _useState2 = _slicedToArray(_useState, 2),
61
+ state = _useState2[0],
62
+ setState = _useState2[1];
63
+ var stepSize = state.stepSize;
64
+ var hasLabelContent = label || labelContentLeft;
65
+ var labelPlacementClass = labelPlacement === 'outer' ? _Slider.classes.labelPlacementOuter : _Slider.classes.labelPlacementInner;
66
+ var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? _Slider.classes.rangeValuesPlacementOuter : _Slider.classes.rangeValuesPlacementInner;
67
+ var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
68
+ var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
69
+ var startLabelRef = (0, _react.useRef)(null);
70
+ var endLabelRef = (0, _react.useRef)(null);
71
+ var _useState3 = (0, _react.useState)(0),
72
+ _useState4 = _slicedToArray(_useState3, 2),
73
+ startOffset = _useState4[0],
74
+ setStartOffset = _useState4[1];
75
+ var _useState5 = (0, _react.useState)(0),
76
+ _useState6 = _slicedToArray(_useState5, 2),
77
+ endOffset = _useState6[0],
78
+ setEndOffset = _useState6[1];
79
+ var _useState7 = (0, _react.useState)(value),
80
+ _useState8 = _slicedToArray(_useState7, 2),
81
+ dragValue = _useState8[0],
82
+ setDragValue = _useState8[1];
83
+ var activeFirstValue = dragValue === min ? _Slider.classes.activeRangeValue : undefined;
84
+ var activeSecondValue = dragValue === max ? _Slider.classes.activeRangeValue : undefined;
85
+ (0, _react.useEffect)(function () {
86
+ var localValue = Math.min(Math.max(value, min), max) - min;
87
+ if (rangeValuesPlacement === 'outer') {
88
+ var _startLabelRef$curren, _endLabelRef$current;
89
+ var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
90
+ if ((0, _utils2.isNumber)(startWidth)) {
91
+ setStartOffset(Number(startWidth));
92
+ }
93
+ var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
94
+ if ((0, _utils2.isNumber)(endWidth)) {
95
+ setEndOffset(Number(endWidth));
96
+ }
97
+ } else {
98
+ setStartOffset(1);
99
+ setEndOffset(1);
100
+ }
101
+ setState(function (prevState) {
102
+ return _objectSpread(_objectSpread({}, prevState), {}, {
103
+ xHandle: stepSize * localValue,
104
+ railFillWidth: stepSize * localValue
105
+ });
106
+ });
107
+ }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
108
+ var setStepSize = (0, _react.useCallback)(function (newStepSize) {
109
+ setState(function (prevState) {
110
+ return _objectSpread(_objectSpread({}, prevState), {}, {
111
+ stepSize: newStepSize
112
+ });
113
+ });
114
+ }, []);
115
+ var onHandleChange = (0, _react.useCallback)(function (handleValue, data) {
116
+ var newHandleXPosition = data.x;
117
+ setState(function (prevState) {
118
+ return _objectSpread(_objectSpread({}, prevState), {}, {
119
+ railFillWidth: newHandleXPosition
120
+ });
121
+ });
122
+ if (onChange) {
123
+ onChange(handleValue);
124
+ }
125
+ setDragValue(handleValue);
126
+ }, [onChange, setDragValue]);
127
+ var onHandleChangeCommitted = (0, _react.useCallback)(function (handleValue, data) {
128
+ onChangeCommitted && onChangeCommitted(handleValue);
129
+ setState(function (prevState) {
130
+ return _objectSpread(_objectSpread({}, prevState), {}, {
131
+ xHandle: data.lastX,
132
+ railFillWidth: data.lastX
133
+ });
134
+ });
135
+ setDragValue(handleValue);
136
+ }, [onChangeCommitted, setDragValue]);
137
+ return /*#__PURE__*/_react["default"].createElement(_Single.SingleWrapper, {
138
+ className: labelPlacementClass
139
+ }, hasLabelContent && /*#__PURE__*/_react["default"].createElement(_Single.LabelWrapper, null, labelContentLeft && /*#__PURE__*/_react["default"].createElement(_Single.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/_react["default"].createElement(_Single.Label, null, label)), /*#__PURE__*/_react["default"].createElement(_Single.SliderBaseWrapper, {
140
+ className: rangeValuesPlacementClass
141
+ }, showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
142
+ ref: startLabelRef,
143
+ className: (0, _utils2.cx)(hideMinValueDiffClass, activeFirstValue)
144
+ }, min), /*#__PURE__*/_react["default"].createElement(_SliderBase.SliderBase, _extends({
145
+ min: min,
146
+ max: max,
147
+ disabled: disabled,
148
+ setStepSize: setStepSize,
149
+ onChange: onHandleChangeCommitted,
150
+ railFillWidth: state.railFillWidth,
151
+ settings: _utils.sizeData[size],
152
+ labelPlacement: labelPlacement,
153
+ rangeValuesPlacement: rangeValuesPlacement
154
+ }, rest), /*#__PURE__*/_react["default"].createElement(_ui.Handle, {
155
+ stepSize: state.stepSize,
156
+ onChangeCommitted: onHandleChangeCommitted,
157
+ onChange: onHandleChange,
158
+ xPosition: state.xHandle,
159
+ min: min,
160
+ max: max,
161
+ startOffset: startOffset,
162
+ endOffset: endOffset,
163
+ value: value,
164
+ disabled: disabled,
165
+ ariaLabel: ariaLabel,
166
+ multipleStepSize: multipleStepSize,
167
+ showCurrentValue: showCurrentValue
168
+ })), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
169
+ ref: endLabelRef,
170
+ className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
171
+ }, max)));
172
+ };
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledRangeValue = exports.SliderBaseWrapper = exports.SingleWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
+ var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ var LabelWrapper = exports.LabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
+ componentId: "plasma-new-hope__sc-1qm4elt-0"
12
+ })(["color:var(", ");display:flex;gap:var(", ");"], _Slider.tokens.labelColor, _Slider.tokens.labelWrapperGap);
13
+ var LabelContentLeft = exports.LabelContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
14
+ componentId: "plasma-new-hope__sc-1qm4elt-1"
15
+ })([""]);
16
+ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
17
+ componentId: "plasma-new-hope__sc-1qm4elt-2"
18
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Slider.tokens.labelFontFamily, _Slider.tokens.labelFontSize, _Slider.tokens.labelFontStyle, _Slider.tokens.labelFontWeight, _Slider.tokens.labelLetterSpacing, _Slider.tokens.labelLineHeight);
19
+ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
20
+ componentId: "plasma-new-hope__sc-1qm4elt-3"
21
+ })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.rangeValueFontFamily, _Slider.tokens.rangeValueFontSize, _Slider.tokens.rangeValueFontStyle, _Slider.tokens.rangeValueFontWeight, _Slider.tokens.rangeValueLetterSpacing, _Slider.tokens.rangeValueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
22
+ var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
+ componentId: "plasma-new-hope__sc-1qm4elt-4"
24
+ })(["position:relative;display:flex;flex:1;&.", "{", "{position:absolute;bottom:var(", ");left:0;&.", "{left:unset;right:0;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, StyledRangeValue, _Slider.tokens.rangeValueBottomOffset, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeMinValueMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeMaxValueMargin);
25
+ var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
26
+ componentId: "plasma-new-hope__sc-1qm4elt-5"
27
+ })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight);
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.SliderBase = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _hooks = /*#__PURE__*/require("../../../../hooks");
10
+ var _SliderBase = /*#__PURE__*/require("./SliderBase.styles");
11
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
+ var SliderBase = exports.SliderBase = function SliderBase(_ref) {
14
+ var max = _ref.max,
15
+ min = _ref.min,
16
+ setStepSize = _ref.setStepSize,
17
+ railFillWidth = _ref.railFillWidth,
18
+ children = _ref.children,
19
+ _ref$railFillXPositio = _ref.railFillXPosition,
20
+ railFillXPosition = _ref$railFillXPositio === void 0 ? 0 : _ref$railFillXPositio,
21
+ disabled = _ref.disabled,
22
+ labelPlacement = _ref.labelPlacement,
23
+ rangeValuesPlacement = _ref.rangeValuesPlacement,
24
+ onChange = _ref.onChange,
25
+ _ref$settings = _ref.settings,
26
+ settings = _ref$settings === void 0 ? {} : _ref$settings;
27
+ var _settings$indent = settings.indent,
28
+ indent = _settings$indent === void 0 ? 0.75 : _settings$indent,
29
+ _settings$fontSizeMul = settings.fontSizeMultiplier,
30
+ fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
31
+ var ref = (0, _react.useRef)(null);
32
+ var gap = indent * fontSizeMultiplier * 2;
33
+ (0, _react.useEffect)(function () {
34
+ var resizeHandler = function resizeHandler() {
35
+ if (ref.current) {
36
+ var railSize = ref.current.offsetWidth - gap;
37
+ var totalSteps = max - min;
38
+ setStepSize(railSize / totalSteps);
39
+ }
40
+ };
41
+ resizeHandler();
42
+ }, [labelPlacement, rangeValuesPlacement, ref.current]);
43
+ var onHandleChange = (0, _react.useCallback)(function (e) {
44
+ if (!onChange || disabled) {
45
+ return;
46
+ }
47
+ var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
48
+ x = _e$currentTarget$getB.x,
49
+ width = _e$currentTarget$getB.width;
50
+ var lastX = e.clientX - x;
51
+ var position = min + lastX / (width - gap) * (max - min);
52
+ var result = Math.max(min, Math.min(max, position));
53
+ onChange(result, {
54
+ lastX: lastX
55
+ });
56
+ }, [onChange, disabled, min, gap, max, settings]);
57
+ (0, _hooks.useIsomorphicLayoutEffect)(function () {
58
+ var resizeHandler = function resizeHandler() {
59
+ if (ref.current) {
60
+ var railSize = ref.current.offsetWidth - gap;
61
+ var totalSteps = max - min;
62
+ setStepSize(railSize / totalSteps);
63
+ }
64
+ };
65
+ resizeHandler();
66
+ window.addEventListener('resize', resizeHandler);
67
+ return function () {
68
+ return window.removeEventListener('resize', resizeHandler);
69
+ };
70
+ }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);
71
+ var fillStyle = {
72
+ left: "".concat(railFillXPosition, "px"),
73
+ width: "".concat(railFillWidth, "px")
74
+ };
75
+ return /*#__PURE__*/_react["default"].createElement(_SliderBase.Slider, {
76
+ ref: ref
77
+ }, /*#__PURE__*/_react["default"].createElement(_SliderBase.RailWrap, {
78
+ "aria-hidden": "true",
79
+ onMouseDown: onHandleChange
80
+ }, /*#__PURE__*/_react["default"].createElement(_SliderBase.Rail, null, /*#__PURE__*/_react["default"].createElement(_SliderBase.Fill, {
81
+ style: fillStyle
82
+ }))), children);
83
+ };