@salutejs/plasma-new-hope 0.83.0-dev.0 → 0.84.0-canary.1194.9213453149.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (280) hide show
  1. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  2. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  3. package/cjs/components/Slider/Slider.css +69 -0
  4. package/cjs/components/Slider/Slider.js +48 -0
  5. package/cjs/components/Slider/Slider.js.map +1 -0
  6. package/cjs/components/Slider/Slider.tokens.js +79 -0
  7. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  8. package/cjs/components/Slider/components/Double/Double.css +62 -0
  9. package/cjs/components/Slider/components/Double/Double.js +306 -0
  10. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  11. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  12. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  13. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  14. package/cjs/components/Slider/components/Single/Single.css +16 -0
  15. package/cjs/components/Slider/components/Single/Single.js +164 -0
  16. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  17. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  18. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  19. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  20. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  21. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  22. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  23. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  24. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  25. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  26. package/cjs/components/Slider/ui/Handler/Handler.css +4 -0
  27. package/cjs/components/Slider/ui/Handler/Handler.js +168 -0
  28. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -0
  29. package/cjs/components/Slider/ui/Handler/Handler.styles.js +21 -0
  30. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -0
  31. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  32. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  33. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  34. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  35. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  36. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  37. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  38. package/cjs/components/Slider/utils/index.js +56 -0
  39. package/cjs/components/Slider/utils/index.js.map +1 -0
  40. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  41. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  42. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  43. package/cjs/components/Slider/variations/_size/base.js +9 -0
  44. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  45. package/cjs/components/Slider/variations/_size/base_x642ct.css +1 -0
  46. package/cjs/components/Slider/variations/_view/base.js +9 -0
  47. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  48. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  49. package/cjs/components/TextField/TextField.js +12 -3
  50. package/cjs/components/TextField/TextField.js.map +1 -1
  51. package/cjs/engines/common.js +4 -0
  52. package/cjs/engines/common.js.map +1 -1
  53. package/cjs/engines/index.js.map +1 -1
  54. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  55. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  56. package/cjs/index.css +25 -0
  57. package/cjs/index.js +14 -0
  58. package/cjs/index.js.map +1 -1
  59. package/cjs/utils/canUseDOM.js +12 -0
  60. package/cjs/utils/canUseDOM.js.map +1 -0
  61. package/cjs/utils/index.js.map +1 -1
  62. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  63. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  64. package/es/components/Slider/Slider.css +69 -0
  65. package/es/components/Slider/Slider.js +43 -0
  66. package/es/components/Slider/Slider.js.map +1 -0
  67. package/es/components/Slider/Slider.tokens.js +74 -0
  68. package/es/components/Slider/Slider.tokens.js.map +1 -0
  69. package/es/components/Slider/components/Double/Double.css +62 -0
  70. package/es/components/Slider/components/Double/Double.js +302 -0
  71. package/es/components/Slider/components/Double/Double.js.map +1 -0
  72. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  73. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  74. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  75. package/es/components/Slider/components/Single/Single.css +16 -0
  76. package/es/components/Slider/components/Single/Single.js +160 -0
  77. package/es/components/Slider/components/Single/Single.js.map +1 -0
  78. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  79. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  80. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  81. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  82. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  83. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  84. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  85. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  86. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  87. package/es/components/Slider/ui/Handler/Handler.css +4 -0
  88. package/es/components/Slider/ui/Handler/Handler.js +164 -0
  89. package/es/components/Slider/ui/Handler/Handler.js.map +1 -0
  90. package/es/components/Slider/ui/Handler/Handler.styles.js +16 -0
  91. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -0
  92. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  93. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  94. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  95. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  96. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  97. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  98. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  99. package/es/components/Slider/utils/index.js +50 -0
  100. package/es/components/Slider/utils/index.js.map +1 -0
  101. package/es/components/Slider/variations/_disabled/base.js +5 -0
  102. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  103. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  104. package/es/components/Slider/variations/_size/base.js +5 -0
  105. package/es/components/Slider/variations/_size/base.js.map +1 -0
  106. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  107. package/es/components/Slider/variations/_view/base.js +5 -0
  108. package/es/components/Slider/variations/_view/base.js.map +1 -0
  109. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  110. package/es/components/TextField/TextField.js +12 -3
  111. package/es/components/TextField/TextField.js.map +1 -1
  112. package/es/engines/common.js +4 -0
  113. package/es/engines/common.js.map +1 -1
  114. package/es/engines/index.js.map +1 -1
  115. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  116. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  117. package/es/index.css +25 -0
  118. package/es/index.js +8 -0
  119. package/es/index.js.map +1 -1
  120. package/es/utils/canUseDOM.js +8 -0
  121. package/es/utils/canUseDOM.js.map +1 -0
  122. package/es/utils/index.js.map +1 -1
  123. package/package.json +3 -2
  124. package/styled-components/cjs/components/Slider/Slider.js +47 -0
  125. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  126. package/styled-components/cjs/components/Slider/Slider.types.js +5 -0
  127. package/styled-components/cjs/components/Slider/components/Double/Double.js +318 -0
  128. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  129. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
  130. package/styled-components/cjs/components/Slider/components/Single/Single.js +176 -0
  131. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  132. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  133. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  134. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  135. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  136. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  137. package/styled-components/cjs/components/Slider/index.js +32 -0
  138. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +177 -0
  139. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -0
  140. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +5 -0
  141. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  142. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
  143. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  144. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  145. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  146. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  147. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  148. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  149. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  150. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  151. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  152. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  153. package/styled-components/cjs/engines/common.js +4 -0
  154. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  155. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
  156. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +169 -0
  157. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  158. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
  159. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +168 -0
  160. package/styled-components/cjs/hooks/index.js +8 -1
  161. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  162. package/styled-components/cjs/index.js +11 -0
  163. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  164. package/styled-components/cjs/utils/index.js +7 -0
  165. package/styled-components/es/components/Slider/Slider.js +38 -0
  166. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  167. package/styled-components/es/components/Slider/Slider.types.js +1 -0
  168. package/styled-components/es/components/Slider/components/Double/Double.js +310 -0
  169. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  170. package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
  171. package/styled-components/es/components/Slider/components/Single/Single.js +168 -0
  172. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  173. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  174. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  175. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  176. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  177. package/styled-components/es/components/Slider/components/index.js +3 -0
  178. package/styled-components/es/components/Slider/index.js +3 -0
  179. package/styled-components/es/components/Slider/ui/Handler/Handler.js +168 -0
  180. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -0
  181. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +1 -0
  182. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  183. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  184. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  185. package/styled-components/es/components/Slider/ui/index.js +5 -0
  186. package/styled-components/es/components/Slider/utils/index.js +47 -0
  187. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  188. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  189. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  190. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  191. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  192. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  193. package/styled-components/es/components/TextField/TextField.js +12 -3
  194. package/styled-components/es/engines/common.js +4 -0
  195. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  196. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
  197. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +169 -0
  198. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  199. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
  200. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +168 -0
  201. package/styled-components/es/hooks/index.js +2 -1
  202. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  203. package/styled-components/es/index.js +2 -1
  204. package/styled-components/es/utils/canUseDOM.js +5 -0
  205. package/styled-components/es/utils/index.js +1 -0
  206. package/types/components/Slider/Slider.d.ts +27 -0
  207. package/types/components/Slider/Slider.d.ts.map +1 -0
  208. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  209. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  210. package/types/components/Slider/Slider.types.d.ts +3 -0
  211. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  212. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  213. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  214. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  215. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  216. package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
  217. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  218. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  219. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  220. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  221. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  222. package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
  223. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  224. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  225. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  226. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  227. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  228. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  229. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  230. package/types/components/Slider/components/index.d.ts +6 -0
  231. package/types/components/Slider/components/index.d.ts.map +1 -0
  232. package/types/components/Slider/index.d.ts +6 -0
  233. package/types/components/Slider/index.d.ts.map +1 -0
  234. package/types/components/Slider/ui/Handler/Handler.d.ts +9 -0
  235. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -0
  236. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +4 -0
  237. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -0
  238. package/types/components/Slider/ui/Handler/Handler.types.d.ts +24 -0
  239. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -0
  240. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  241. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  242. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  243. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  244. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  245. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  246. package/types/components/Slider/ui/index.d.ts +6 -0
  247. package/types/components/Slider/ui/index.d.ts.map +1 -0
  248. package/types/components/Slider/utils/index.d.ts +33 -0
  249. package/types/components/Slider/utils/index.d.ts.map +1 -0
  250. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  251. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  252. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  253. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  254. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  255. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  256. package/types/components/TextField/TextField.d.ts.map +1 -1
  257. package/types/engines/common.d.ts +3 -3
  258. package/types/engines/common.d.ts.map +1 -1
  259. package/types/engines/index.d.ts +1 -1
  260. package/types/engines/index.d.ts.map +1 -1
  261. package/types/engines/types.d.ts +4 -0
  262. package/types/engines/types.d.ts.map +1 -1
  263. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  264. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  265. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
  266. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  267. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  268. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  269. package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
  270. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  271. package/types/hooks/index.d.ts +1 -0
  272. package/types/hooks/index.d.ts.map +1 -1
  273. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  274. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  275. package/types/index.d.ts +1 -0
  276. package/types/index.d.ts.map +1 -1
  277. package/types/utils/canUseDOM.d.ts +6 -0
  278. package/types/utils/canUseDOM.d.ts.map +1 -0
  279. package/types/utils/index.d.ts +1 -0
  280. package/types/utils/index.d.ts.map +1 -1
@@ -0,0 +1,74 @@
1
+ import React, { 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 = function onHandleChange(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
+ };
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
+ };
@@ -0,0 +1,14 @@
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);
@@ -0,0 +1,3 @@
1
+ export * from './Single/Single';
2
+ export * from './Double/Double';
3
+ export {};
@@ -0,0 +1,3 @@
1
+ export { sliderConfig, sliderRoot } from './Slider';
2
+ export { tokens as sliderTokens } from './Slider.tokens';
3
+ export { ThumbBase } from './ui';
@@ -0,0 +1,168 @@
1
+ var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value"];
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, { useRef, forwardRef } from 'react';
12
+ import Draggable from 'react-draggable';
13
+ import { getSliderThumbValue, getOffsets } from '../../utils';
14
+ import { Thumb } from '../Thumb/Thumb';
15
+ import { HandlerStyled, StyledValue } from './Handler.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 Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
30
+ var stepSize = _ref.stepSize,
31
+ onChangeCommitted = _ref.onChangeCommitted,
32
+ onChange = _ref.onChange,
33
+ _ref$xPosition = _ref.xPosition,
34
+ xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
35
+ min = _ref.min,
36
+ max = _ref.max,
37
+ _ref$bounds = _ref.bounds,
38
+ bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
39
+ zIndex = _ref.zIndex,
40
+ disabled = _ref.disabled,
41
+ side = _ref.side,
42
+ _ref$showCurrentValue = _ref.showCurrentValue,
43
+ showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
44
+ _ref$startOffset = _ref.startOffset,
45
+ startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
46
+ _ref$endOffset = _ref.endOffset,
47
+ endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
48
+ value = _ref.value,
49
+ rest = _objectWithoutProperties(_ref, _excluded);
50
+ var lastOnChangeValue = useRef();
51
+ var _getOffsets = getOffsets(ref, side),
52
+ _getOffsets2 = _slicedToArray(_getOffsets, 2),
53
+ offsetLeft = _getOffsets2[0],
54
+ offsetRight = _getOffsets2[1];
55
+ var _bounds = _slicedToArray(bounds, 2),
56
+ leftValueBound = _bounds[0],
57
+ rightValueBound = _bounds[1];
58
+ var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
59
+ var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
60
+ var position = typeof xPosition === 'number' ? {
61
+ x: xPosition,
62
+ y: 0
63
+ } : undefined;
64
+ var tabIndex = disabled ? -1 : 0;
65
+ var computedBounds = {
66
+ left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) - (offsetLeft ? stepSize : 0),
67
+ right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - (offsetRight ? stepSize : 0)
68
+ };
69
+ console.log(computedBounds);
70
+ var showCurrentValueCondition = showCurrentValue && (xPosition >= startOffset && xPosition <= max * stepSize - endOffset || xPosition === 0 && value !== 0);
71
+ var onDrag = function onDrag(_, data) {
72
+ var newValue = getSliderThumbValue(data.x, stepSize, min, max);
73
+ if (lastOnChangeValue.current !== newValue) {
74
+ onChange === null || onChange === void 0 || onChange(newValue, data);
75
+ lastOnChangeValue.current = newValue;
76
+ }
77
+ };
78
+ var onStop = function onStop(_, data) {
79
+ var newValue = getSliderThumbValue(data.x, stepSize, min, max);
80
+ onChangeCommitted && onChangeCommitted(newValue, data);
81
+ };
82
+ var onKeyPress = function onKeyPress(event) {
83
+ event.persist();
84
+ var keyCode = event.keyCode,
85
+ target = event.target;
86
+ if (!Object.values(KeyboardSupport).includes(keyCode)) {
87
+ return;
88
+ }
89
+ var ArrowUp = KeyboardSupport.ArrowUp,
90
+ ArrowRight = KeyboardSupport.ArrowRight,
91
+ ArrowDown = KeyboardSupport.ArrowDown,
92
+ ArrowLeft = KeyboardSupport.ArrowLeft,
93
+ Home = KeyboardSupport.Home,
94
+ End = KeyboardSupport.End,
95
+ PageDown = KeyboardSupport.PageDown,
96
+ PageUp = KeyboardSupport.PageUp;
97
+ var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
98
+ var data = {
99
+ x: 0,
100
+ deltaX: stepSize,
101
+ lastX: xPosition,
102
+ y: 0,
103
+ deltaY: 0,
104
+ lastY: 0,
105
+ node: target
106
+ };
107
+ switch (keyCode) {
108
+ case ArrowUp:
109
+ case ArrowRight:
110
+ data.x = xPosition + stepSize;
111
+ break;
112
+ case ArrowDown:
113
+ case ArrowLeft:
114
+ data.x = xPosition - stepSize;
115
+ data.deltaX = -stepSize;
116
+ break;
117
+ case PageUp:
118
+ data.x = xPosition + computedMultipleSteps;
119
+ data.deltaX = computedMultipleSteps;
120
+ break;
121
+ case PageDown:
122
+ data.x = xPosition - computedMultipleSteps;
123
+ data.deltaX = -computedMultipleSteps;
124
+ break;
125
+ case End:
126
+ data.x = max * stepSize;
127
+ break;
128
+ case Home:
129
+ data.x = 0;
130
+ break;
131
+ default:
132
+ data.x = 0;
133
+ }
134
+ var left = computedBounds.left,
135
+ right = computedBounds.right;
136
+
137
+ /*
138
+ * INFO: Находим значение в диапазоне между указанными левой и правой границами.
139
+ * Необходимо для правильного расчета положения SliderThumb.
140
+ * см. функция clamp
141
+ */
142
+ var boundedValue = Math.max(Math.min(right, data.x), left);
143
+ var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
144
+ lastOnChangeValue.current = computedValue;
145
+ onChangeCommitted && onChangeCommitted(computedValue, data);
146
+ };
147
+ return /*#__PURE__*/React.createElement(Draggable, {
148
+ axis: "x",
149
+ bounds: computedBounds,
150
+ grid: [stepSize, 1],
151
+ onStop: onStop,
152
+ onDrag: onDrag,
153
+ position: position,
154
+ disabled: disabled
155
+ }, /*#__PURE__*/React.createElement(HandlerStyled, {
156
+ ref: ref,
157
+ style: {
158
+ zIndex: zIndex
159
+ },
160
+ onKeyDown: onKeyPress
161
+ }, /*#__PURE__*/React.createElement(Thumb, _extends({
162
+ tabIndex: tabIndex,
163
+ min: min,
164
+ max: max,
165
+ value: value,
166
+ disabled: disabled
167
+ }, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, value)));
168
+ });
@@ -0,0 +1,8 @@
1
+ import styled from 'styled-components';
2
+ import { tokens } from '../../Slider.tokens';
3
+ export var HandlerStyled = /*#__PURE__*/styled.div.withConfig({
4
+ componentId: "plasma-new-hope__sc-a1py3c-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-a1py3c-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);
@@ -0,0 +1,25 @@
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
+ };
@@ -0,0 +1,11 @@
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
+ }));
@@ -0,0 +1,5 @@
1
+ export * from './Handler/Handler';
2
+ export * from './Thumb/Thumb';
3
+ export { ThumbBase } from './Thumb/Thumb.styles';
4
+ export * from './Handler/Handler.types';
5
+ export * from './Thumb/Thumb.types';
@@ -0,0 +1,47 @@
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
+ };
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -0,0 +1,4 @@
1
+ {
2
+ "type": "boolean",
3
+ "tokens": ["--plasma-slider-disabled-opacity"]
4
+ }
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -1,4 +1,4 @@
1
- var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
1
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
2
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
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
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."); }
@@ -25,6 +25,8 @@ export var base = /*#__PURE__*/css(["display:block;overflow:hidden;"]);
25
25
  export var textFieldRoot = function textFieldRoot(Root) {
26
26
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
27
27
  var id = _ref.id,
28
+ className = _ref.className,
29
+ style = _ref.style,
28
30
  contentLeft = _ref.contentLeft,
29
31
  contentRight = _ref.contentRight,
30
32
  label = _ref.label,
@@ -43,6 +45,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
43
45
  onChange = _ref.onChange,
44
46
  onChangeChips = _ref.onChangeChips,
45
47
  onSearch = _ref.onSearch,
48
+ onKeyDown = _ref.onKeyDown,
46
49
  rest = _objectWithoutProperties(_ref, _excluded);
47
50
  var contentRef = useRef(null);
48
51
  var inputRef = useRef(null);
@@ -122,6 +125,10 @@ export var textFieldRoot = function textFieldRoot(Root) {
122
125
  chipsRefs.current[index] = element;
123
126
  }
124
127
  };
128
+ var handleOnKeyDown = function handleOnKeyDown(event) {
129
+ handleInputKeydown(event);
130
+ onKeyDown && onKeyDown(event);
131
+ };
125
132
  useEffect(function () {
126
133
  if (!isChipEnumeration && !(values !== null && values !== void 0 && values.length)) {
127
134
  return;
@@ -140,7 +147,9 @@ export var textFieldRoot = function textFieldRoot(Root) {
140
147
  disabled: disabled,
141
148
  readOnly: !disabled && readOnly,
142
149
  labelPlacement: innerLabelPlacementValue,
143
- onClick: handleInputFocus
150
+ onClick: handleInputFocus,
151
+ className: className,
152
+ style: style
144
153
  }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
145
154
  id: labelId,
146
155
  htmlFor: id
@@ -181,7 +190,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
181
190
  disabled: disabled,
182
191
  readOnly: !disabled && readOnly,
183
192
  onChange: handleChange,
184
- onKeyDown: handleInputKeydown
193
+ onKeyDown: handleOnKeyDown
185
194
  })), labelInside && /*#__PURE__*/React.createElement(Label, {
186
195
  id: labelId,
187
196
  htmlFor: innerId
@@ -13,6 +13,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
13
13
  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; }
14
14
  import React from 'react';
15
15
  import { _component } from './styled-components';
16
+ //
17
+ // Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
18
+ //
19
+
16
20
  export var getStaticVariants = function getStaticVariants(config) {
17
21
  if (!config.variations) {
18
22
  return [];
@@ -0,0 +1,23 @@
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
+ };
@@ -0,0 +1,10 @@
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
+ */