@salutejs/plasma-new-hope 0.80.0-canary.1194.9058672177.0 → 0.80.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (535) hide show
  1. package/cjs/components/Checkbox/Checkbox.css +13 -0
  2. package/cjs/components/Checkbox/Checkbox.js +22 -59
  3. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  4. package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
  5. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
  6. package/cjs/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  7. package/cjs/components/Checkbox/Checkbox.tokens.js +41 -0
  8. package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
  9. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  10. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  11. package/cjs/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
  12. package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
  13. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  14. package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
  15. package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
  16. package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  17. package/cjs/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
  18. package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
  19. package/cjs/components/Checkbox/{_size → variations/_view}/base.js +2 -2
  20. package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
  21. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  22. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  23. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  24. package/cjs/components/Radiobox/Radiobox.css +16 -0
  25. package/cjs/components/Radiobox/Radiobox.js +23 -32
  26. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  27. package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  28. package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
  29. package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  30. package/cjs/components/Radiobox/Radiobox.tokens.js +41 -0
  31. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
  32. package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
  33. package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
  34. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  35. package/cjs/components/{Checkbox/_view → Radiobox/variations/_focused}/base.js +2 -2
  36. package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
  37. package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  38. package/cjs/components/{Slider/variations/_disabled → Radiobox/variations/_size}/base.js +1 -1
  39. package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
  40. package/cjs/components/Radiobox/variations/_view/base.js +9 -0
  41. package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
  42. package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  43. package/cjs/components/TextField/TextField.js +3 -12
  44. package/cjs/components/TextField/TextField.js.map +1 -1
  45. package/cjs/engines/common.js +0 -4
  46. package/cjs/engines/common.js.map +1 -1
  47. package/cjs/engines/index.js.map +1 -1
  48. package/cjs/index.css +15 -40
  49. package/cjs/index.js +4 -14
  50. package/cjs/index.js.map +1 -1
  51. package/cjs/utils/index.js.map +1 -1
  52. package/es/components/Checkbox/Checkbox.css +13 -0
  53. package/es/components/Checkbox/Checkbox.js +12 -43
  54. package/es/components/Checkbox/Checkbox.js.map +1 -1
  55. package/es/components/Checkbox/Checkbox.styles.js +37 -0
  56. package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
  57. package/es/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  58. package/es/components/Checkbox/Checkbox.tokens.js +36 -0
  59. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
  60. package/es/components/Checkbox/IconsSvg.js +9 -9
  61. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  62. package/es/components/Checkbox/{_focused → variations/_disabled}/base.js +2 -2
  63. package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
  64. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  65. package/es/components/Checkbox/variations/_focused/base.js +10 -0
  66. package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
  67. package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  68. package/es/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
  69. package/es/components/Checkbox/variations/_size/base.js.map +1 -0
  70. package/es/components/Checkbox/{_view → variations/_view}/base.js +2 -2
  71. package/es/components/Checkbox/variations/_view/base.js.map +1 -0
  72. package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  73. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  74. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  75. package/es/components/Radiobox/Radiobox.css +16 -0
  76. package/es/components/Radiobox/Radiobox.js +12 -21
  77. package/es/components/Radiobox/Radiobox.js.map +1 -1
  78. package/es/components/Radiobox/Radiobox.styles.js +14 -0
  79. package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
  80. package/es/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  81. package/es/components/Radiobox/Radiobox.tokens.js +36 -0
  82. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
  83. package/es/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -2
  84. package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
  85. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  86. package/es/components/Radiobox/variations/_focused/base.js +5 -0
  87. package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
  88. package/es/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  89. package/es/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
  90. package/es/components/Radiobox/variations/_size/base.js.map +1 -0
  91. package/es/components/Radiobox/variations/_view/base.js +5 -0
  92. package/es/components/Radiobox/variations/_view/base.js.map +1 -0
  93. package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  94. package/es/components/TextField/TextField.js +3 -12
  95. package/es/components/TextField/TextField.js.map +1 -1
  96. package/es/engines/common.js +0 -4
  97. package/es/engines/common.js.map +1 -1
  98. package/es/engines/index.js.map +1 -1
  99. package/es/index.css +15 -40
  100. package/es/index.js +2 -8
  101. package/es/index.js.map +1 -1
  102. package/es/utils/index.js.map +1 -1
  103. package/package.json +2 -3
  104. package/styled-components/cjs/components/Checkbox/Checkbox.js +20 -40
  105. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
  106. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +39 -0
  107. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  108. package/styled-components/cjs/components/Checkbox/index.js +8 -1
  109. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
  110. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
  111. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
  112. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
  113. package/styled-components/cjs/components/Radiobox/Radiobox.js +15 -22
  114. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  115. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +39 -0
  116. package/styled-components/cjs/components/Radiobox/index.js +8 -1
  117. package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
  118. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
  119. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +9 -0
  120. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  121. package/styled-components/cjs/engines/common.js +0 -4
  122. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  123. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  124. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  125. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  126. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  127. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  128. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  129. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  130. package/styled-components/cjs/hooks/index.js +1 -8
  131. package/styled-components/cjs/index.js +0 -11
  132. package/styled-components/cjs/utils/index.js +0 -7
  133. package/styled-components/es/components/Checkbox/Checkbox.js +12 -33
  134. package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
  135. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +33 -0
  136. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  137. package/styled-components/es/components/Checkbox/index.js +2 -1
  138. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
  139. package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
  140. package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
  141. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
  142. package/styled-components/es/components/Radiobox/Radiobox.js +13 -22
  143. package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
  144. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +33 -0
  145. package/styled-components/es/components/Radiobox/index.js +2 -1
  146. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
  147. package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
  148. package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
  149. package/styled-components/es/components/TextField/TextField.js +3 -12
  150. package/styled-components/es/engines/common.js +0 -4
  151. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  152. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  153. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  154. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  155. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  156. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  157. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  158. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  159. package/styled-components/es/hooks/index.js +1 -2
  160. package/styled-components/es/index.js +1 -2
  161. package/styled-components/es/utils/index.js +0 -1
  162. package/types/components/Checkbox/Checkbox.d.ts +4 -37
  163. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  164. package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
  165. package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
  166. package/types/components/Checkbox/Checkbox.tokens.d.ts +34 -0
  167. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
  168. package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
  169. package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
  170. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  171. package/types/components/Checkbox/index.d.ts +2 -1
  172. package/types/components/Checkbox/index.d.ts.map +1 -1
  173. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
  174. package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
  175. package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
  176. package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
  177. package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
  178. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  179. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  180. package/types/components/Radiobox/Radiobox.styles.d.ts +4 -0
  181. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
  182. package/types/components/Radiobox/Radiobox.tokens.d.ts +34 -0
  183. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
  184. package/types/components/Radiobox/index.d.ts +1 -0
  185. package/types/components/Radiobox/index.d.ts.map +1 -1
  186. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
  187. package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
  188. package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
  189. package/types/components/Radiobox/variations/_view/base.d.ts.map +1 -0
  190. package/types/components/TextField/TextField.d.ts.map +1 -1
  191. package/types/engines/common.d.ts +3 -3
  192. package/types/engines/common.d.ts.map +1 -1
  193. package/types/engines/index.d.ts +1 -1
  194. package/types/engines/index.d.ts.map +1 -1
  195. package/types/engines/types.d.ts +0 -4
  196. package/types/engines/types.d.ts.map +1 -1
  197. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +0 -1
  198. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  199. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  200. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  201. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  202. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +0 -1
  203. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  204. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  205. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  206. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  207. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -1
  208. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  209. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  210. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  211. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  212. package/types/hooks/index.d.ts +0 -1
  213. package/types/hooks/index.d.ts.map +1 -1
  214. package/types/index.d.ts +0 -1
  215. package/types/index.d.ts.map +1 -1
  216. package/types/utils/index.d.ts +0 -1
  217. package/types/utils/index.d.ts.map +1 -1
  218. package/cjs/components/Checkbox/Checkbox_1q4l832.css +0 -7
  219. package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
  220. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  221. package/cjs/components/Checkbox/_focused/base.js.map +0 -1
  222. package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
  223. package/cjs/components/Checkbox/_size/base.js.map +0 -1
  224. package/cjs/components/Checkbox/_view/base.js.map +0 -1
  225. package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
  226. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  227. package/cjs/components/Radiobox/_disabled/base.js +0 -9
  228. package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
  229. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  230. package/cjs/components/Radiobox/_focused/base.js +0 -9
  231. package/cjs/components/Radiobox/_focused/base.js.map +0 -1
  232. package/cjs/components/Radiobox/_size/base.js.map +0 -1
  233. package/cjs/components/Radiobox/_view/base.js +0 -9
  234. package/cjs/components/Radiobox/_view/base.js.map +0 -1
  235. package/cjs/components/Slider/Slider.css +0 -69
  236. package/cjs/components/Slider/Slider.js +0 -53
  237. package/cjs/components/Slider/Slider.js.map +0 -1
  238. package/cjs/components/Slider/Slider.tokens.js +0 -79
  239. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  240. package/cjs/components/Slider/components/Double/Double.css +0 -62
  241. package/cjs/components/Slider/components/Double/Double.js +0 -274
  242. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  243. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  244. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  245. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  246. package/cjs/components/Slider/components/Single/Single.css +0 -16
  247. package/cjs/components/Slider/components/Single/Single.js +0 -160
  248. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  249. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  250. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  251. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  252. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  253. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  254. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  255. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  256. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  257. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  258. package/cjs/components/Slider/ui/Handle/Handle.css +0 -4
  259. package/cjs/components/Slider/ui/Handle/Handle.js +0 -174
  260. package/cjs/components/Slider/ui/Handle/Handle.js.map +0 -1
  261. package/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -21
  262. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  263. package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +0 -2
  264. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  265. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  266. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  267. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  268. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  269. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  270. package/cjs/components/Slider/utils/index.js +0 -56
  271. package/cjs/components/Slider/utils/index.js.map +0 -1
  272. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  273. package/cjs/components/Slider/variations/_size/base.js +0 -9
  274. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  275. package/cjs/components/Slider/variations/_view/base.js +0 -9
  276. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  277. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  278. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  279. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  280. package/cjs/utils/canUseDOM.js +0 -12
  281. package/cjs/utils/canUseDOM.js.map +0 -1
  282. package/es/components/Checkbox/Checkbox_1q4l832.css +0 -7
  283. package/es/components/Checkbox/_disabled/base.js.map +0 -1
  284. package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  285. package/es/components/Checkbox/_focused/base.js.map +0 -1
  286. package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
  287. package/es/components/Checkbox/_size/base.js.map +0 -1
  288. package/es/components/Checkbox/_size/base_x642ct.css +0 -1
  289. package/es/components/Checkbox/_view/base.js.map +0 -1
  290. package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
  291. package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  292. package/es/components/Radiobox/_disabled/base.js +0 -5
  293. package/es/components/Radiobox/_disabled/base.js.map +0 -1
  294. package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  295. package/es/components/Radiobox/_focused/base.js +0 -5
  296. package/es/components/Radiobox/_focused/base.js.map +0 -1
  297. package/es/components/Radiobox/_size/base.js.map +0 -1
  298. package/es/components/Radiobox/_size/base_x642ct.css +0 -1
  299. package/es/components/Radiobox/_view/base.js +0 -5
  300. package/es/components/Radiobox/_view/base.js.map +0 -1
  301. package/es/components/Slider/Slider.css +0 -69
  302. package/es/components/Slider/Slider.js +0 -48
  303. package/es/components/Slider/Slider.js.map +0 -1
  304. package/es/components/Slider/Slider.tokens.js +0 -74
  305. package/es/components/Slider/Slider.tokens.js.map +0 -1
  306. package/es/components/Slider/components/Double/Double.css +0 -62
  307. package/es/components/Slider/components/Double/Double.js +0 -270
  308. package/es/components/Slider/components/Double/Double.js.map +0 -1
  309. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  310. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  311. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  312. package/es/components/Slider/components/Single/Single.css +0 -16
  313. package/es/components/Slider/components/Single/Single.js +0 -156
  314. package/es/components/Slider/components/Single/Single.js.map +0 -1
  315. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  316. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  317. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  318. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  319. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  320. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  321. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  322. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  323. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  324. package/es/components/Slider/ui/Handle/Handle.css +0 -4
  325. package/es/components/Slider/ui/Handle/Handle.js +0 -170
  326. package/es/components/Slider/ui/Handle/Handle.js.map +0 -1
  327. package/es/components/Slider/ui/Handle/Handle.styles.js +0 -16
  328. package/es/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  329. package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +0 -2
  330. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  331. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  332. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  333. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  334. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  335. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  336. package/es/components/Slider/utils/index.js +0 -50
  337. package/es/components/Slider/utils/index.js.map +0 -1
  338. package/es/components/Slider/variations/_disabled/base.js +0 -5
  339. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  340. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  341. package/es/components/Slider/variations/_size/base.js +0 -5
  342. package/es/components/Slider/variations/_size/base.js.map +0 -1
  343. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  344. package/es/components/Slider/variations/_view/base.js +0 -5
  345. package/es/components/Slider/variations/_view/base.js.map +0 -1
  346. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  347. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  348. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  349. package/es/utils/canUseDOM.js +0 -8
  350. package/es/utils/canUseDOM.js.map +0 -1
  351. package/styled-components/cjs/components/Checkbox/_focused/base.js +0 -26
  352. package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
  353. package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
  354. package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
  355. package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
  356. package/styled-components/cjs/components/Radiobox/_view/base.js +0 -8
  357. package/styled-components/cjs/components/Slider/Slider.js +0 -52
  358. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  359. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -286
  360. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  361. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  362. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -172
  363. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  364. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  365. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  366. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  367. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  368. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  369. package/styled-components/cjs/components/Slider/index.js +0 -32
  370. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +0 -183
  371. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -15
  372. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +0 -5
  373. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  374. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  375. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  376. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  377. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  378. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  379. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  380. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  381. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  382. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  383. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  384. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  385. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  386. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
  387. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  388. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  389. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
  390. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  391. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  392. package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
  393. package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
  394. package/styled-components/es/components/Checkbox/_view/base.js +0 -2
  395. package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
  396. package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
  397. package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
  398. package/styled-components/es/components/Radiobox/_view/base.js +0 -2
  399. package/styled-components/es/components/Slider/Slider.js +0 -43
  400. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  401. package/styled-components/es/components/Slider/components/Double/Double.js +0 -278
  402. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  403. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  404. package/styled-components/es/components/Slider/components/Single/Single.js +0 -164
  405. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  406. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  407. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  408. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  409. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  410. package/styled-components/es/components/Slider/components/index.js +0 -3
  411. package/styled-components/es/components/Slider/index.js +0 -3
  412. package/styled-components/es/components/Slider/ui/Handle/Handle.js +0 -174
  413. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +0 -8
  414. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +0 -1
  415. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  416. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  417. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  418. package/styled-components/es/components/Slider/ui/index.js +0 -5
  419. package/styled-components/es/components/Slider/utils/index.js +0 -47
  420. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  421. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  422. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  423. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  424. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  425. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  426. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  427. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  428. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
  429. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  430. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  431. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
  432. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  433. package/styled-components/es/utils/canUseDOM.js +0 -5
  434. package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
  435. package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
  436. package/types/components/Checkbox/_size/base.d.ts.map +0 -1
  437. package/types/components/Checkbox/_view/base.d.ts.map +0 -1
  438. package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
  439. package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
  440. package/types/components/Radiobox/_size/base.d.ts.map +0 -1
  441. package/types/components/Radiobox/_view/base.d.ts +0 -2
  442. package/types/components/Radiobox/_view/base.d.ts.map +0 -1
  443. package/types/components/Slider/Slider.d.ts +0 -27
  444. package/types/components/Slider/Slider.d.ts.map +0 -1
  445. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  446. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  447. package/types/components/Slider/Slider.types.d.ts +0 -3
  448. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  449. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  450. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  451. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  452. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  453. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  454. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  455. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  456. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  457. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  458. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  459. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  460. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  461. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  462. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  463. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  464. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  465. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  466. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  467. package/types/components/Slider/components/index.d.ts +0 -6
  468. package/types/components/Slider/components/index.d.ts.map +0 -1
  469. package/types/components/Slider/index.d.ts +0 -6
  470. package/types/components/Slider/index.d.ts.map +0 -1
  471. package/types/components/Slider/ui/Handle/Handle.d.ts +0 -9
  472. package/types/components/Slider/ui/Handle/Handle.d.ts.map +0 -1
  473. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +0 -4
  474. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +0 -1
  475. package/types/components/Slider/ui/Handle/Handle.types.d.ts +0 -24
  476. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +0 -1
  477. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  478. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  479. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  480. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  481. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  482. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  483. package/types/components/Slider/ui/index.d.ts +0 -6
  484. package/types/components/Slider/ui/index.d.ts.map +0 -1
  485. package/types/components/Slider/utils/index.d.ts +0 -33
  486. package/types/components/Slider/utils/index.d.ts.map +0 -1
  487. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  488. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  489. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  490. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  491. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  492. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  493. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  494. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  495. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  496. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  497. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  498. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  499. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  500. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  501. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  502. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  503. package/types/utils/canUseDOM.d.ts +0 -6
  504. package/types/utils/canUseDOM.d.ts.map +0 -1
  505. /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
  506. /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
  507. /package/{cjs/components/Slider/variations/_disabled → es/components/Checkbox/variations/_size}/base_x642ct.css +0 -0
  508. /package/{cjs/components/Slider → es/components/Radiobox}/variations/_size/base_x642ct.css +0 -0
  509. /package/styled-components/cjs/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
  510. /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  511. /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  512. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  513. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  514. /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  515. /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  516. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  517. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  518. /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  519. /package/styled-components/es/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
  520. /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  521. /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  522. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  523. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  524. /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  525. /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  526. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  527. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  528. /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  529. /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
  530. /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
  531. /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
  532. /package/types/components/{Checkbox/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
  533. /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
  534. /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
  535. /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
@@ -1,174 +0,0 @@
1
- var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset"];
2
- 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); }
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
- 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."); }
5
- 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); }
6
- 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; }
7
- 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; } }
8
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
- 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; }
10
- 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; }
11
- import React, { useState, useRef, useCallback, forwardRef } from 'react';
12
- import Draggable from 'react-draggable';
13
- import { getSliderThumbValue, getOffsets } from '../../utils';
14
- import { Thumb } from '../Thumb/Thumb';
15
- import { HandleStyled, StyledValue } from './Handle.styles';
16
-
17
- // TODO: PLASMA-1707
18
-
19
- var KeyboardSupport = {
20
- PageUp: 33,
21
- PageDown: 34,
22
- End: 35,
23
- Home: 36,
24
- ArrowLeft: 37,
25
- ArrowUp: 38,
26
- ArrowRight: 39,
27
- ArrowDown: 40
28
- };
29
- export var Handle = /*#__PURE__*/forwardRef(function (_ref, ref) {
30
- var _lastOnChangeValue$cu, _position$x;
31
- var stepSize = _ref.stepSize,
32
- onChangeCommitted = _ref.onChangeCommitted,
33
- onChange = _ref.onChange,
34
- _ref$xPosition = _ref.xPosition,
35
- xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
36
- min = _ref.min,
37
- max = _ref.max,
38
- _ref$bounds = _ref.bounds,
39
- bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
40
- zIndex = _ref.zIndex,
41
- disabled = _ref.disabled,
42
- side = _ref.side,
43
- _ref$showCurrentValue = _ref.showCurrentValue,
44
- showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
45
- _ref$startOffset = _ref.startOffset,
46
- startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
47
- _ref$endOffset = _ref.endOffset,
48
- endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
49
- rest = _objectWithoutProperties(_ref, _excluded);
50
- var lastOnChangeValue = useRef();
51
- var currentSliderValue = (_lastOnChangeValue$cu = lastOnChangeValue === null || lastOnChangeValue === void 0 ? void 0 : lastOnChangeValue.current) !== null && _lastOnChangeValue$cu !== void 0 ? _lastOnChangeValue$cu : rest.value;
52
- var _getOffsets = getOffsets(ref, side),
53
- _getOffsets2 = _slicedToArray(_getOffsets, 2),
54
- offsetLeft = _getOffsets2[0],
55
- offsetRight = _getOffsets2[1];
56
- var _bounds = _slicedToArray(bounds, 2),
57
- leftValueBound = _bounds[0],
58
- rightValueBound = _bounds[1];
59
- var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
60
- var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
61
- var position = typeof xPosition === 'number' ? {
62
- x: xPosition,
63
- y: 0
64
- } : undefined;
65
- var tabIndex = disabled ? -1 : 0;
66
- var _useState = useState((_position$x = position === null || position === void 0 ? void 0 : position.x) !== null && _position$x !== void 0 ? _position$x : 0),
67
- _useState2 = _slicedToArray(_useState, 2),
68
- positionX = _useState2[0],
69
- setPositionX = _useState2[1];
70
- var computedBounds = {
71
- left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
72
- right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
73
- };
74
- var showCurrentValueCondition = showCurrentValue && positionX >= startOffset && positionX <= max * stepSize - endOffset;
75
- var onDrag = useCallback(function (_, data) {
76
- var newValue = getSliderThumbValue(data.x, stepSize, min, max);
77
- if (lastOnChangeValue.current !== newValue) {
78
- onChange === null || onChange === void 0 || onChange(newValue, data);
79
- setPositionX(data.x);
80
- lastOnChangeValue.current = newValue;
81
- }
82
- }, [onChange, setPositionX, stepSize, min, max]);
83
- var onStop = useCallback(function (_, data) {
84
- var newValue = getSliderThumbValue(data.x, stepSize, min, max);
85
- setPositionX(data.x);
86
- onChangeCommitted && onChangeCommitted(newValue, data);
87
- }, [onChangeCommitted, setPositionX, stepSize, min, max]);
88
- var onKeyPress = useCallback(function (event) {
89
- event.persist();
90
- var keyCode = event.keyCode,
91
- target = event.target;
92
- if (!Object.values(KeyboardSupport).includes(keyCode)) {
93
- return;
94
- }
95
- var ArrowUp = KeyboardSupport.ArrowUp,
96
- ArrowRight = KeyboardSupport.ArrowRight,
97
- ArrowDown = KeyboardSupport.ArrowDown,
98
- ArrowLeft = KeyboardSupport.ArrowLeft,
99
- Home = KeyboardSupport.Home,
100
- End = KeyboardSupport.End,
101
- PageDown = KeyboardSupport.PageDown,
102
- PageUp = KeyboardSupport.PageUp;
103
- var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
104
- var data = {
105
- x: 0,
106
- deltaX: stepSize,
107
- lastX: xPosition,
108
- y: 0,
109
- deltaY: 0,
110
- lastY: 0,
111
- node: target
112
- };
113
- switch (keyCode) {
114
- case ArrowUp:
115
- case ArrowRight:
116
- data.x = xPosition + stepSize;
117
- break;
118
- case ArrowDown:
119
- case ArrowLeft:
120
- data.x = xPosition - stepSize;
121
- data.deltaX = -stepSize;
122
- break;
123
- case PageUp:
124
- data.x = xPosition + computedMultipleSteps;
125
- data.deltaX = computedMultipleSteps;
126
- break;
127
- case PageDown:
128
- data.x = xPosition - computedMultipleSteps;
129
- data.deltaX = -computedMultipleSteps;
130
- break;
131
- case End:
132
- data.x = max * stepSize;
133
- break;
134
- case Home:
135
- data.x = 0;
136
- break;
137
- default:
138
- data.x = 0;
139
- }
140
- var left = computedBounds.left,
141
- right = computedBounds.right;
142
-
143
- /*
144
- * INFO: Находим значение в диапазоне между указанными левой и правой границами.
145
- * Необходимо для правильного расчета положения SliderThumb.
146
- * см. функция clamp
147
- */
148
- var boundedValue = Math.max(Math.min(right, data.x), left);
149
- var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
150
- lastOnChangeValue.current = computedValue;
151
- onChangeCommitted && onChangeCommitted(computedValue, data);
152
- }, [onChangeCommitted, bounds, stepSize, rest.multipleStepSize, min, max, xPosition]);
153
- return /*#__PURE__*/React.createElement(Draggable, {
154
- axis: "x",
155
- bounds: computedBounds,
156
- grid: [stepSize, 1],
157
- onStop: onStop,
158
- onDrag: onDrag,
159
- position: position,
160
- disabled: disabled
161
- }, /*#__PURE__*/React.createElement(HandleStyled, {
162
- ref: ref,
163
- style: {
164
- zIndex: zIndex
165
- },
166
- onKeyDown: onKeyPress
167
- }, /*#__PURE__*/React.createElement(Thumb, _extends({
168
- tabIndex: tabIndex,
169
- min: min,
170
- max: max,
171
- value: currentSliderValue,
172
- disabled: disabled
173
- }, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, currentSliderValue)));
174
- });
@@ -1,8 +0,0 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../../Slider.tokens';
3
- export var HandleStyled = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "plasma-new-hope__sc-1lg2z45-0"
5
- })(["cursor:pointer;position:absolute;z-index:1;top:0;left:0;"]);
6
- export var StyledValue = /*#__PURE__*/styled.span.withConfig({
7
- componentId: "plasma-new-hope__sc-1lg2z45-1"
8
- })(["position:absolute;z-index:1;top:var(", ");text-align:center;width:100%;margin-left:-0.125rem;display:flex;justify-content:center;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.currentValueTopOffset, tokens.currentValueFontFamily, tokens.currentValueFontSize, tokens.currentValueFontStyle, tokens.currentValueFontWeight, tokens.currentValueLetterSpacing, tokens.currentValueLineHeight);
@@ -1,25 +0,0 @@
1
- var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
2
- 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); }
3
- 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; }
4
- 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; }
5
- import React from 'react';
6
- import { ThumbBase } from './Thumb.styles';
7
- export var Thumb = function Thumb(_ref) {
8
- var min = _ref.min,
9
- max = _ref.max,
10
- value = _ref.value,
11
- _ref$ariaValueMin = _ref.ariaValueMin,
12
- ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
13
- ariaLabel = _ref.ariaLabel,
14
- disabled = _ref.disabled,
15
- rest = _objectWithoutProperties(_ref, _excluded);
16
- return /*#__PURE__*/React.createElement(ThumbBase, _extends({
17
- role: "slider",
18
- "aria-label": ariaLabel,
19
- "aria-valuemin": ariaValueMin,
20
- "aria-valuemax": max,
21
- "aria-valuenow": value,
22
- disabled: disabled,
23
- "aria-orientation": "horizontal"
24
- }, rest));
25
- };
@@ -1,11 +0,0 @@
1
- import styled from 'styled-components';
2
- import { addFocus } from '../../../../mixins';
3
- import { tokens } from '../../Slider.tokens';
4
- export var ThumbBase = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-13botku-0"
6
- })(["width:var(", ");height:var(", ");position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(", ");margin:0.125rem;transition:border-color 0.1s ease-in-out;&:after{background:var(", ");margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(", ");}&[disabled]{cursor:not-allowed;}&:focus{outline:none;}", ""], tokens.thumbSize, tokens.thumbSize, tokens.thumbBackgroundColor, tokens.thumbBorderColor, tokens.thumbFocusBorderColor, /*#__PURE__*/addFocus({
7
- outlineOffset: '0.125rem',
8
- outlineSize: '0.125rem',
9
- outlineRadius: '50%',
10
- outlineColor: /*#__PURE__*/"var(".concat(tokens.thumbFocusBorderColor, ")")
11
- }));
@@ -1,5 +0,0 @@
1
- export * from './Handle/Handle';
2
- export * from './Thumb/Thumb';
3
- export { ThumbBase } from './Thumb/Thumb.styles';
4
- export * from './Handle/Handle.types';
5
- export * from './Thumb/Thumb.types';
@@ -1,47 +0,0 @@
1
- /**
2
- * Расчитать значение слайдера с учетом его координат и шага изменений.
3
- * @param {number} handleCenterXRelative
4
- * @param {number} stepSize
5
- * @param {number} min
6
- * @param {number} max
7
- * @return {number}
8
- */
9
- export function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
10
- var newValue = Math.round(handleCenterXRelative / stepSize) + min;
11
- return Math.min(Math.max(newValue, min), max);
12
- }
13
-
14
- /**
15
- * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.
16
- * Значение используется для правильного расчета ограничения движения слайдера.
17
- * @param ref
18
- * @param {'left' | 'right'} side
19
- * @return Array<number>
20
- */
21
- export function getOffsets(ref, side) {
22
- if (!ref || !('current' in ref) || !ref.current || !side) {
23
- return [0, 0];
24
- }
25
- var size = ref.current.clientWidth;
26
- if (side === 'left') {
27
- return [0, size];
28
- }
29
- if (side === 'right') {
30
- return [size, 0];
31
- }
32
- return [0, 0];
33
- }
34
- export var sizeData = {
35
- s: {
36
- indent: 0.5,
37
- fontSizeMultiplier: 16
38
- },
39
- m: {
40
- indent: 0.75,
41
- fontSizeMultiplier: 16
42
- },
43
- l: {
44
- indent: 0.75,
45
- fontSizeMultiplier: 16
46
- }
47
- };
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-slider-disabled-opacity"]
4
- }
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,23 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { sliderTokens } from '../../../../components/Slider';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-solid-default);", ":var(--surface-solid-tertiary);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
11
- accent: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent);", ":var(--surface-solid-tertiary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
12
- gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
13
- },
14
- size: {
15
- l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
16
- m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
17
- s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.125rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
18
- },
19
- disabled: {
20
- "true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
21
- }
22
- }
23
- };
@@ -1,10 +0,0 @@
1
- import { sliderConfig } from '../../../../components/Slider';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Slider.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(sliderConfig, config);
5
- export var Slider = /*#__PURE__*/component(mergedConfig);
6
-
7
- /**
8
- * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
9
- * Можно указать два значения.
10
- */
@@ -1,150 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import styled from 'styled-components';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
- import type { StoryObj, Meta } from '@storybook/react';
6
- import { action } from '@storybook/addon-actions';
7
-
8
- import { WithTheme } from '../../../_helpers';
9
-
10
- import { Slider } from './Slider';
11
-
12
- const sizes = ['l', 'm', 's'];
13
- const views = ['default', 'accent', 'gradient'];
14
- const labelPlacements = ['outer', 'inner'];
15
- const rangeValuesPlacement = ['outer', 'inner'];
16
-
17
- const meta: Meta<typeof Slider> = {
18
- title: 'plasma_b2c/Slider',
19
- component: Slider,
20
- decorators: [WithTheme],
21
- argTypes: {
22
- view: {
23
- options: views,
24
- control: {
25
- type: 'select',
26
- },
27
- },
28
- size: {
29
- options: sizes,
30
- control: {
31
- type: 'inline-radio',
32
- },
33
- },
34
- ...disableProps([
35
- 'value',
36
- 'onChangeCommitted',
37
- 'ariaLabel',
38
- 'onChange',
39
- 'fontSizeMultiplier',
40
- 'gap',
41
- 'settings',
42
- 'hasHoverAnimation',
43
- ]),
44
- },
45
- };
46
-
47
- export default meta;
48
-
49
- type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>;
50
- type StorySingleProps = StoryProps;
51
-
52
- type StorySingle = StoryObj<StorySingleProps>;
53
- type StoryDouble = StoryObj<StoryProps>;
54
-
55
- const SliderWrapper = styled.div`
56
- width: 25rem;
57
- `;
58
-
59
- const StoryDefault = (args: StorySingleProps) => {
60
- const [value, setValue] = useState(30);
61
-
62
- const onChangeCommittedHandle = (values) => {
63
- setValue(values);
64
- };
65
-
66
- return (
67
- <SliderWrapper>
68
- <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={action('onChange')} {...args} />
69
- </SliderWrapper>
70
- );
71
- };
72
-
73
- export const Default: StorySingle = {
74
- argTypes: {
75
- labelPlacement: {
76
- options: labelPlacements,
77
- control: {
78
- type: 'inline-radio',
79
- },
80
- },
81
- rangeValuesPlacement: {
82
- options: rangeValuesPlacement,
83
- control: {
84
- type: 'inline-radio',
85
- },
86
- },
87
- },
88
- args: {
89
- view: 'default',
90
- size: 'm',
91
- min: 0,
92
- max: 100,
93
- disabled: false,
94
- ariaLabel: 'Цена товара',
95
- multipleStepSize: 10,
96
- label: 'Цена товара',
97
- labelPlacement: 'outer',
98
- rangeValuesPlacement: 'outer',
99
- showRangeValues: true,
100
- showCurrentValue: false,
101
- },
102
- render: (args) => <StoryDefault {...args} />,
103
- };
104
-
105
- const StoryMultipleValues = (args: StoryProps) => {
106
- const [value, setValue] = useState([10, 80]);
107
- const sortValues = (values) => {
108
- return values.sort((a, b) => a - b);
109
- };
110
-
111
- const onChangeHandle = (values) => {
112
- setValue(sortValues(values));
113
- };
114
-
115
- const onBlurTextField = (values) => {
116
- setValue(sortValues(values));
117
- };
118
-
119
- const onKeyDownTextField = (values, event) => {
120
- if (event.key === 'Enter') {
121
- setValue(sortValues(values));
122
- }
123
- };
124
-
125
- return (
126
- <SliderWrapper>
127
- <Slider
128
- value={value}
129
- onKeyDownTextField={onKeyDownTextField}
130
- onBlurTextField={onBlurTextField}
131
- onChange={onChangeHandle}
132
- {...args}
133
- />
134
- </SliderWrapper>
135
- );
136
- };
137
-
138
- export const MultipleValues: StoryDouble = {
139
- args: {
140
- view: 'default',
141
- size: 'm',
142
- min: 0,
143
- max: 100,
144
- disabled: false,
145
- label: 'Цена товара',
146
- ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
147
- multipleStepSize: 10,
148
- },
149
- render: (args) => <StoryMultipleValues {...args} />,
150
- };
@@ -1,23 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { sliderTokens } from '../../../../components/Slider';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-solid-default);", ":var(--surface-solid-tertiary);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
11
- accent: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent);", ":var(--surface-solid-tertiary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
12
- gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
13
- },
14
- size: {
15
- l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
16
- m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
17
- s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.125rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
18
- },
19
- disabled: {
20
- "true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
21
- }
22
- }
23
- };
@@ -1,10 +0,0 @@
1
- import { sliderConfig } from '../../../../components/Slider';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Slider.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(sliderConfig, config);
5
- export var Slider = /*#__PURE__*/component(mergedConfig);
6
-
7
- /**
8
- * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
9
- * Можно указать два значения.
10
- */