@salutejs/plasma-new-hope 0.80.0 → 0.81.0-canary.1194.9108495550.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 +288 -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 +162 -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 +174 -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 +284 -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 +158 -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 +170 -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 +300 -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 +174 -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 +183 -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 +164 -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 +163 -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 +292 -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 +166 -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 +174 -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 +164 -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 +163 -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,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
+ */
@@ -0,0 +1,163 @@
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
+
7
+ import { WithTheme } from '../../../_helpers';
8
+
9
+ import { Slider } from './Slider';
10
+
11
+ const sizes = ['l', 'm', 's'];
12
+ const views = ['default', 'accent', 'gradient'];
13
+ const labelPlacements = ['outer', 'inner'];
14
+ const rangeValuesPlacement = ['outer', 'inner'];
15
+
16
+ const meta: Meta<typeof Slider> = {
17
+ title: 'plasma_web/Slider',
18
+ component: Slider,
19
+ decorators: [WithTheme],
20
+ argTypes: {
21
+ view: {
22
+ options: views,
23
+ control: {
24
+ type: 'select',
25
+ },
26
+ },
27
+ size: {
28
+ options: sizes,
29
+ control: {
30
+ type: 'inline-radio',
31
+ },
32
+ },
33
+ ...disableProps([
34
+ 'value',
35
+ 'onChangeCommitted',
36
+ 'ariaLabel',
37
+ 'onChange',
38
+ 'fontSizeMultiplier',
39
+ 'gap',
40
+ 'settings',
41
+ 'hasHoverAnimation',
42
+ ]),
43
+ },
44
+ };
45
+
46
+ export default meta;
47
+
48
+ type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>;
49
+ type StorySingleProps = StoryProps;
50
+
51
+ type StorySingle = StoryObj<StorySingleProps>;
52
+ type StoryDouble = StoryObj<StoryProps>;
53
+
54
+ const SliderWrapper = styled.div`
55
+ width: 25rem;
56
+ `;
57
+
58
+ const StoryDefault = (args: StorySingleProps) => {
59
+ const [value, setValue] = useState(30);
60
+
61
+ const onChangeCommittedHandle = (values) => {
62
+ setValue(values);
63
+ };
64
+
65
+ const onChangeHandle = (values) => {
66
+ setValue(values);
67
+ };
68
+
69
+ return (
70
+ <SliderWrapper>
71
+ <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={onChangeHandle} {...args} />
72
+ </SliderWrapper>
73
+ );
74
+ };
75
+
76
+ export const Default: StorySingle = {
77
+ argTypes: {
78
+ labelPlacement: {
79
+ options: labelPlacements,
80
+ control: {
81
+ type: 'inline-radio',
82
+ },
83
+ },
84
+ rangeValuesPlacement: {
85
+ options: rangeValuesPlacement,
86
+ control: {
87
+ type: 'inline-radio',
88
+ },
89
+ },
90
+ },
91
+ args: {
92
+ view: 'default',
93
+ size: 'm',
94
+ min: 0,
95
+ max: 100,
96
+ disabled: false,
97
+ ariaLabel: 'Цена товара',
98
+ multipleStepSize: 10,
99
+ label: 'Цена товара',
100
+ labelPlacement: 'outer',
101
+ rangeValuesPlacement: 'outer',
102
+ showRangeValues: true,
103
+ showCurrentValue: false,
104
+ },
105
+ render: (args) => <StoryDefault {...args} />,
106
+ };
107
+
108
+ const StoryMultipleValues = (args: StoryProps) => {
109
+ const [value, setValue] = useState([10, 80]);
110
+ const sortValues = (values) => {
111
+ return values
112
+ .map((val) => {
113
+ if (val < args.min) {
114
+ return args.min;
115
+ }
116
+ if (val > args.max) {
117
+ return args.max;
118
+ }
119
+ return val;
120
+ })
121
+ .sort((a, b) => a - b);
122
+ };
123
+
124
+ const onChangeHandle = (values) => {
125
+ setValue(sortValues(values));
126
+ };
127
+
128
+ const onBlurTextField = (values) => {
129
+ setValue(sortValues(values));
130
+ };
131
+
132
+ const onKeyDownTextField = (values, event) => {
133
+ if (event.key === 'Enter') {
134
+ setValue(sortValues(values));
135
+ }
136
+ };
137
+
138
+ return (
139
+ <SliderWrapper>
140
+ <Slider
141
+ value={value}
142
+ onKeyDownTextField={onKeyDownTextField}
143
+ onBlurTextField={onBlurTextField}
144
+ onChange={onChangeHandle}
145
+ {...args}
146
+ />
147
+ </SliderWrapper>
148
+ );
149
+ };
150
+
151
+ export const MultipleValues: StoryDouble = {
152
+ args: {
153
+ view: 'default',
154
+ size: 'm',
155
+ min: 0,
156
+ max: 100,
157
+ disabled: false,
158
+ label: 'Цена товара',
159
+ ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
160
+ multipleStepSize: 10,
161
+ },
162
+ render: (args) => <StoryMultipleValues {...args} />,
163
+ };
@@ -1,4 +1,5 @@
1
1
  export { useUniqId } from './useUniqId';
2
2
  export { usePreviousValue } from './usePreviousValue';
3
3
  export { useForceUpdate } from './useForceUpdate';
4
- export { useDidMountEffect } from './useDidMountEffect';
4
+ export { useDidMountEffect } from './useDidMountEffect';
5
+ export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
@@ -0,0 +1,7 @@
1
+ import { useLayoutEffect, useEffect } from 'react';
2
+ import { canUseDOM } from '../utils';
3
+
4
+ /**
5
+ * Runs effect safely on server.
6
+ */
7
+ export var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
@@ -45,4 +45,5 @@ export * from './components/Grid';
45
45
  export * from './components/Progress';
46
46
  export * from './components/Select';
47
47
  export * from './components/Divider';
48
- export * from './components/Toolbar';
48
+ export * from './components/Toolbar';
49
+ export * from './components/Slider';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * This constant tells you whether can DOM be used.
3
+ * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
4
+ */
5
+ export var canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
@@ -1,3 +1,4 @@
1
+ export { canUseDOM } from './canUseDOM';
1
2
  export { extractTextFrom } from './extractTextFrom';
2
3
  export { getSizeValueFromProp } from './getSizeValueFromProp';
3
4
  export { IS_REACT_18, safeUseId } from './react';
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import type { RootPropsOmitOnChange } from '../../engines';
3
+ import { SliderProps } from './Slider.types';
4
+ export declare const sliderRoot: (Root: RootPropsOmitOnChange<HTMLDivElement, SliderProps>) => React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
5
+ export declare const sliderConfig: {
6
+ name: string;
7
+ tag: string;
8
+ layout: (Root: RootPropsOmitOnChange<HTMLDivElement, SliderProps>) => React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
9
+ base: string;
10
+ variations: {
11
+ view: {
12
+ css: import("@linaria/core").LinariaClassName;
13
+ };
14
+ size: {
15
+ css: import("@linaria/core").LinariaClassName;
16
+ };
17
+ disabled: {
18
+ css: import("@linaria/core").LinariaClassName;
19
+ attrs: boolean;
20
+ };
21
+ };
22
+ defaults: {
23
+ view: string;
24
+ size: string;
25
+ };
26
+ };
27
+ //# sourceMappingURL=Slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,eAAO,MAAM,UAAU,SAAU,sBAAsB,cAAc,EAAE,WAAW,CAAC,uFAQ7E,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAVQ,sBAAsB,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+BlF,CAAC"}
@@ -0,0 +1,72 @@
1
+ export declare const classes: {
2
+ labelPlacementOuter: string;
3
+ labelPlacementInner: string;
4
+ rangeValuesPlacementOuter: string;
5
+ rangeValuesPlacementInner: string;
6
+ maxRangeValue: string;
7
+ hideMinValue: string;
8
+ hideMaxValue: string;
9
+ textFieldActive: string;
10
+ firstTextField: string;
11
+ secondTextField: string;
12
+ activeRangeValue: string;
13
+ };
14
+ export declare const tokens: {
15
+ height: string;
16
+ labelWrapperGap: string;
17
+ labelWrapperMarginBottom: string;
18
+ labelWrapperMarginRight: string;
19
+ labelColor: string;
20
+ labelFontFamily: string;
21
+ labelFontSize: string;
22
+ labelFontStyle: string;
23
+ labelFontWeight: string;
24
+ labelLetterSpacing: string;
25
+ labelLineHeight: string;
26
+ rangeMinValueMargin: string;
27
+ rangeMaxValueMargin: string;
28
+ rangeValueBottomOffset: string;
29
+ rangeValueColor: string;
30
+ rangeValueFontFamily: string;
31
+ rangeValueFontSize: string;
32
+ rangeValueFontStyle: string;
33
+ rangeValueFontWeight: string;
34
+ rangeValueLetterSpacing: string;
35
+ rangeValueLineHeight: string;
36
+ doubleWrapperGap: string;
37
+ thumbSize: string;
38
+ thumbBorder: string;
39
+ thumbBorderColor: string;
40
+ thumbBackgroundColor: string;
41
+ thumbFocusBorderColor: string;
42
+ currentValueTopOffset: string;
43
+ currentValueFontFamily: string;
44
+ currentValueFontSize: string;
45
+ currentValueFontStyle: string;
46
+ currentValueFontWeight: string;
47
+ currentValueLetterSpacing: string;
48
+ currentValueLineHeight: string;
49
+ railBackgroundColor: string;
50
+ railHeight: string;
51
+ railBorderRadius: string;
52
+ railIndent: string;
53
+ fillColor: string;
54
+ textFieldWrapperGap: string;
55
+ textFieldFontFamily: string;
56
+ textFieldFontSize: string;
57
+ textFieldFontStyle: string;
58
+ textFieldFontWeight: string;
59
+ textFieldLetterSpacing: string;
60
+ textFieldLineHeight: string;
61
+ textFieldHeight: string;
62
+ textFieldPadding: string;
63
+ textFieldBorderRadius: string;
64
+ textFieldColor: string;
65
+ textFieldActiveColor: string;
66
+ textFieldBackgroundColor: string;
67
+ textFieldCaretColor: string;
68
+ textFieldPlaceholderColor: string;
69
+ textFiledFocusColor: string;
70
+ disabledOpacity: string;
71
+ };
72
+ //# sourceMappingURL=Slider.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyElB,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { DoubleSliderProps, SingleSliderProps } from './components';
2
+ export declare type SliderProps = SingleSliderProps | DoubleSliderProps;
3
+ //# sourceMappingURL=Slider.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEzE,oBAAY,WAAW,GAAG,iBAAiB,GAAG,iBAAiB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { FC } from 'react';
2
+ import { DoubleSliderProps } from './Double.types';
3
+ export declare const DoubleSlider: FC<DoubleSliderProps>;
4
+ //# sourceMappingURL=Double.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+R9C,CAAC"}
@@ -0,0 +1,43 @@
1
+ /// <reference types="react" />
2
+ export declare const LabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
+ export declare const LabelContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
5
+ export declare const InputsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
+ export declare const StyledInput: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
7
+ size?: string | undefined;
8
+ view?: string | undefined;
9
+ readOnly?: boolean | undefined;
10
+ disabled?: boolean | undefined;
11
+ } & {
12
+ label?: string | undefined;
13
+ labelPlacement?: "inner" | "outer" | undefined;
14
+ leftHelper?: string | undefined;
15
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
16
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
17
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
18
+ } & {
19
+ chips?: undefined;
20
+ onChangeChips?: undefined;
21
+ enumerationType?: "plain" | undefined;
22
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
23
+ } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
24
+ size?: string | undefined;
25
+ view?: string | undefined;
26
+ readOnly?: boolean | undefined;
27
+ disabled?: boolean | undefined;
28
+ } & {
29
+ label?: string | undefined;
30
+ labelPlacement?: "inner" | "outer" | undefined;
31
+ leftHelper?: string | undefined;
32
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
33
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
34
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
35
+ } & {
36
+ enumerationType: "chip";
37
+ onSearch?: undefined;
38
+ chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
39
+ onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
40
+ } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>))>;
41
+ export declare const DoubleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
42
+ export declare const SliderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
43
+ //# sourceMappingURL=Double.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Double.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HAiCvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC"}
@@ -0,0 +1,65 @@
1
+ import type { HTMLAttributes, ChangeEvent, KeyboardEvent, FocusEvent } from 'react';
2
+ import type { SliderBaseProps, SliderInternalProps } from '../SliderBase/SliderBase.types';
3
+ export interface DoubleSliderProps extends SliderBaseProps, SliderInternalProps, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
4
+ /**
5
+ * Текущее значение
6
+ */
7
+ value: number[];
8
+ /**
9
+ * Вызывается при отпускании ползунка
10
+ */
11
+ onChangeCommitted?: (value: number[]) => void;
12
+ /**
13
+ * Вызывается при перемещении ползунка
14
+ */
15
+ onChange?: (value: number[]) => void;
16
+ /**
17
+ * Вызывается при изменении TextField
18
+ */
19
+ onChangeTextField?: (value: number[], event: ChangeEvent<HTMLInputElement>) => void;
20
+ /**
21
+ * Вызывается при анфокусе TextField
22
+ */
23
+ onBlurTextField?: (value: number[], event: FocusEvent<HTMLInputElement>) => void;
24
+ /**
25
+ * Вызывается при нажатии на клавишу в TextField
26
+ */
27
+ onKeyDownTextField?: (value: number[], event: KeyboardEvent<HTMLInputElement>) => void;
28
+ /**
29
+ * Расположение значений минимума и максимума интервала.
30
+ */
31
+ rangeValuesPlacement?: never;
32
+ /**
33
+ * Отображать ли текущее значение.
34
+ */
35
+ showCurrentValue?: never;
36
+ /**
37
+ * Отображать ли значения минимума и максимума интервала.
38
+ */
39
+ showRangeValues?: never;
40
+ /**
41
+ * Разница между текущим значением и минимальным, при котором минимальное будет скрыто.
42
+ */
43
+ hideMinValueDiff?: never;
44
+ /**
45
+ * Разница между текущим значением и максимальным, при котором максимальное будет скрыто.
46
+ */
47
+ hideMaxValueDiff?: never;
48
+ /**
49
+ * Расположение подписи.
50
+ */
51
+ labelPlacement?: never;
52
+ /**
53
+ * Ярлык, определяющий назначение ползунка, например «Минимальная цена» [a11y].
54
+ */
55
+ ariaLabel?: string[];
56
+ /**
57
+ * Размера увеличенного шага (для клавиш PageUp, PageDown).
58
+ * Указывает процентное отношение от максимально возможного значения.
59
+ * Указав значение 20 при максимуме в 100, получим 20%.
60
+ */
61
+ multipleStepSize?: number;
62
+ view?: string;
63
+ size?: 's' | 'm' | 'l';
64
+ }
65
+ //# sourceMappingURL=Double.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC1B"}
@@ -0,0 +1,4 @@
1
+ import type { FC } from 'react';
2
+ import type { SingleSliderProps } from './Single.types';
3
+ export declare const SingleSlider: FC<SingleSliderProps>;
4
+ //# sourceMappingURL=Single.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAUxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkK9C,CAAC"}
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare const LabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
+ export declare const LabelContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
5
+ export declare const StyledRangeValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
6
+ export declare const SliderBaseWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
+ export declare const SingleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
8
+ //# sourceMappingURL=Single.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAiBzB,CAAC"}
@@ -0,0 +1,55 @@
1
+ import type { HTMLAttributes } from 'react';
2
+ import type { SliderBaseProps, SliderInternalProps } from '../SliderBase/SliderBase.types';
3
+ export interface SingleSliderProps extends SliderBaseProps, SliderInternalProps, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
4
+ /**
5
+ * Текущее знaчение
6
+ */
7
+ value: number;
8
+ /**
9
+ * Вызывается при отпускании ползунка
10
+ */
11
+ onChangeCommitted?: (value: number) => void;
12
+ /**
13
+ * Вызывается при перемещении ползунка
14
+ */
15
+ onChange?: (value: number) => void;
16
+ /**
17
+ * Ярлык, определяющий назначение ползунка, например «Минимальная цена» [a11y].
18
+ */
19
+ ariaLabel?: string;
20
+ /**
21
+ * Отображать ли текущее значение.
22
+ */
23
+ showCurrentValue?: boolean;
24
+ /**
25
+ * Отображать ли значения минимума и максимума интервала.
26
+ */
27
+ showRangeValues?: boolean;
28
+ /**
29
+ * Разница между текущим значением и минимальным, при котором минимальное будет скрыто.
30
+ */
31
+ hideMinValueDiff?: number;
32
+ /**
33
+ * Разница между текущим значением и максимальным, при котором максимальное будет скрыто.
34
+ */
35
+ hideMaxValueDiff?: number;
36
+ /**
37
+ * Расположение значений минимума и максимума интервала.
38
+ * @default `outer`
39
+ */
40
+ rangeValuesPlacement?: 'inner' | 'outer';
41
+ /**
42
+ * Расположение подписи.
43
+ * @default `outer`
44
+ */
45
+ labelPlacement?: 'inner' | 'outer';
46
+ /**
47
+ * Размера увеличенного шага (для клавиш PageUp, PageDown).
48
+ * Указывает процентное отношение от максимально возможного значения.
49
+ * Указав значение 20 при максимуме в 100, получим 20%.
50
+ */
51
+ multipleStepSize?: number;
52
+ view?: string;
53
+ size?: 's' | 'm' | 'l';
54
+ }
55
+ //# sourceMappingURL=Single.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC1B"}
@@ -0,0 +1,4 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ import type { SliderViewProps } from './SliderBase.types';
3
+ export declare const SliderBase: React.FC<PropsWithChildren<SliderViewProps>>;
4
+ //# sourceMappingURL=SliderBase.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAC;AAKvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2EnE,CAAC"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export declare const Slider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
+ export declare const RailWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const Rail: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
+ export declare const Fill: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
+ //# sourceMappingURL=SliderBase.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SliderBase.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,MAAM,qKAKlB,CAAC;AAEF,eAAO,MAAM,QAAQ,qKAEpB,CAAC;AAEF,eAAO,MAAM,IAAI,qKAWhB,CAAC;AAEF,eAAO,MAAM,IAAI,qKAOhB,CAAC"}
@@ -0,0 +1,45 @@
1
+ import type { ReactNode } from 'react';
2
+ import type { DraggableData } from 'react-draggable';
3
+ export declare type SliderSettings = Partial<{
4
+ indent?: number;
5
+ fontSizeMultiplier?: number;
6
+ backgroundColor?: string;
7
+ fillColor?: string;
8
+ }>;
9
+ export interface SliderBaseProps {
10
+ /**
11
+ * Минимальное значение
12
+ */
13
+ min: number;
14
+ /**
15
+ * Максимальное значение
16
+ */
17
+ max: number;
18
+ /**
19
+ * подпись к слайдеру
20
+ */
21
+ label?: string;
22
+ /**
23
+ * Слот под контент слева от подписи (например иконку)
24
+ */
25
+ labelContentLeft?: ReactNode;
26
+ /**
27
+ * Компонент неактивен
28
+ */
29
+ disabled?: boolean;
30
+ labelPlacement?: string;
31
+ rangeValuesPlacement?: string;
32
+ }
33
+ export interface SliderInternalProps {
34
+ /**
35
+ * Настройки внешнего вида slider
36
+ */
37
+ settings?: SliderSettings;
38
+ }
39
+ export interface SliderViewProps extends SliderBaseProps, SliderInternalProps {
40
+ railFillWidth: number;
41
+ setStepSize(stepSize: number): void;
42
+ railFillXPosition?: number;
43
+ onChange?(value: number, data: DraggableData): void;
44
+ }
45
+ //# sourceMappingURL=SliderBase.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SliderBase.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,cAAc,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,mBAAmB;IACzE,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;CACvD"}
@@ -0,0 +1,6 @@
1
+ export * from './Single/Single';
2
+ export * from './Double/Double';
3
+ export type { SingleSliderProps } from './Single/Single.types';
4
+ export type { DoubleSliderProps } from './Double/Double.types';
5
+ export type { SliderInternalProps, SliderSettings } from './SliderBase/SliderBase.types';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC"}
@@ -0,0 +1,6 @@
1
+ export { sliderConfig, sliderRoot } from './Slider';
2
+ export { tokens as sliderTokens } from './Slider.tokens';
3
+ export { ThumbBase } from './ui';
4
+ export type { SliderProps } from './Slider.types';
5
+ export type { SliderSettings, SingleSliderProps, DoubleSliderProps } from './components';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}