@salutejs/plasma-new-hope 0.80.0-canary.1194.9085423232.0 → 0.81.0-canary.1203.9092095304.0

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