@salutejs/plasma-new-hope 0.83.0-canary.1194.9157747369.0 → 0.83.0-canary.1213.9159050781.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (366) hide show
  1. package/cjs/components/Button/Button.css +9 -6
  2. package/cjs/components/Button/Button.js +16 -2
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.styles.js +31 -10
  5. package/cjs/components/Button/Button.styles.js.map +1 -1
  6. package/cjs/components/Button/Button.styles_nedem1.css +8 -0
  7. package/cjs/components/Button/Button.tokens.js +5 -0
  8. package/cjs/components/Button/Button.tokens.js.map +1 -1
  9. package/cjs/components/Button/variations/_stretching/base.js +1 -1
  10. package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
  11. package/{es/components/Button/variations/_stretching/base_1lx0ute.css → cjs/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  12. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  13. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  14. package/cjs/components/Drawer/Drawer.css +9 -6
  15. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  16. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  17. package/cjs/components/IconButton/IconButton.css +10 -7
  18. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  19. package/cjs/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  20. package/cjs/components/Notification/Notification.css +9 -6
  21. package/cjs/components/Notification/NotificationsProvider.css +9 -6
  22. package/cjs/components/Pagination/Pagination.css +9 -6
  23. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  24. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  25. package/cjs/components/Select/Select.css +9 -6
  26. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  27. package/cjs/components/TextField/TextField.js +3 -12
  28. package/cjs/components/TextField/TextField.js.map +1 -1
  29. package/cjs/components/Toast/Toast.css +9 -6
  30. package/cjs/components/Toast/ToastController.css +9 -6
  31. package/cjs/engines/common.js +0 -4
  32. package/cjs/engines/common.js.map +1 -1
  33. package/cjs/engines/index.js.map +1 -1
  34. package/cjs/index.css +10 -32
  35. package/cjs/index.js +0 -14
  36. package/cjs/index.js.map +1 -1
  37. package/cjs/utils/index.js.map +1 -1
  38. package/es/components/Button/Button.css +9 -6
  39. package/es/components/Button/Button.js +17 -3
  40. package/es/components/Button/Button.js.map +1 -1
  41. package/es/components/Button/Button.styles.js +29 -11
  42. package/es/components/Button/Button.styles.js.map +1 -1
  43. package/es/components/Button/Button.styles_nedem1.css +8 -0
  44. package/es/components/Button/Button.tokens.js +5 -0
  45. package/es/components/Button/Button.tokens.js.map +1 -1
  46. package/es/components/Button/variations/_stretching/base.js +1 -1
  47. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  48. package/{cjs/components/Button/variations/_stretching/base_1lx0ute.css → es/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  49. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  50. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  51. package/es/components/Drawer/Drawer.css +9 -6
  52. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  53. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  54. package/es/components/IconButton/IconButton.css +10 -7
  55. package/es/components/IconButton/IconButton.styles.js +1 -1
  56. package/es/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  57. package/es/components/Notification/Notification.css +9 -6
  58. package/es/components/Notification/NotificationsProvider.css +9 -6
  59. package/es/components/Pagination/Pagination.css +9 -6
  60. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  61. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  62. package/es/components/Select/Select.css +9 -6
  63. package/es/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  64. package/es/components/TextField/TextField.js +3 -12
  65. package/es/components/TextField/TextField.js.map +1 -1
  66. package/es/components/Toast/Toast.css +9 -6
  67. package/es/components/Toast/ToastController.css +9 -6
  68. package/es/engines/common.js +0 -4
  69. package/es/engines/common.js.map +1 -1
  70. package/es/engines/index.js.map +1 -1
  71. package/es/index.css +10 -32
  72. package/es/index.js +0 -8
  73. package/es/index.js.map +1 -1
  74. package/es/utils/index.js.map +1 -1
  75. package/package.json +2 -3
  76. package/styled-components/cjs/components/Button/Button.js +16 -2
  77. package/styled-components/cjs/components/Button/Button.styles.js +20 -12
  78. package/styled-components/cjs/components/Button/Button.template-doc.mdx +42 -0
  79. package/styled-components/cjs/components/Button/Button.tokens.js +5 -0
  80. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  81. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  82. package/styled-components/cjs/engines/common.js +0 -4
  83. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  84. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  85. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  86. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  87. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  88. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  89. package/styled-components/cjs/hooks/index.js +1 -8
  90. package/styled-components/cjs/index.js +0 -11
  91. package/styled-components/cjs/utils/index.js +0 -7
  92. package/styled-components/es/components/Button/Button.js +17 -3
  93. package/styled-components/es/components/Button/Button.styles.js +19 -11
  94. package/styled-components/es/components/Button/Button.template-doc.mdx +42 -0
  95. package/styled-components/es/components/Button/Button.tokens.js +5 -0
  96. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  97. package/styled-components/es/components/TextField/TextField.js +3 -12
  98. package/styled-components/es/engines/common.js +0 -4
  99. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  100. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  101. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  102. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  103. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  104. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  105. package/styled-components/es/hooks/index.js +1 -2
  106. package/styled-components/es/index.js +1 -2
  107. package/styled-components/es/utils/index.js +0 -1
  108. package/types/components/Button/Button.d.ts.map +1 -1
  109. package/types/components/Button/Button.styles.d.ts +5 -1
  110. package/types/components/Button/Button.styles.d.ts.map +1 -1
  111. package/types/components/Button/Button.tokens.d.ts +5 -0
  112. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  113. package/types/components/Button/Button.types.d.ts +10 -0
  114. package/types/components/Button/Button.types.d.ts.map +1 -1
  115. package/types/components/TextField/TextField.d.ts.map +1 -1
  116. package/types/engines/common.d.ts +3 -3
  117. package/types/engines/common.d.ts.map +1 -1
  118. package/types/engines/index.d.ts +1 -1
  119. package/types/engines/index.d.ts.map +1 -1
  120. package/types/engines/types.d.ts +0 -4
  121. package/types/engines/types.d.ts.map +1 -1
  122. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  123. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  124. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  125. package/types/hooks/index.d.ts +0 -1
  126. package/types/hooks/index.d.ts.map +1 -1
  127. package/types/index.d.ts +0 -1
  128. package/types/index.d.ts.map +1 -1
  129. package/types/utils/index.d.ts +0 -1
  130. package/types/utils/index.d.ts.map +1 -1
  131. package/cjs/components/Button/Button.styles_uqvh6u.css +0 -5
  132. package/cjs/components/Slider/Slider.css +0 -69
  133. package/cjs/components/Slider/Slider.js +0 -48
  134. package/cjs/components/Slider/Slider.js.map +0 -1
  135. package/cjs/components/Slider/Slider.tokens.js +0 -79
  136. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  137. package/cjs/components/Slider/components/Double/Double.css +0 -62
  138. package/cjs/components/Slider/components/Double/Double.js +0 -288
  139. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  140. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  141. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  142. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  143. package/cjs/components/Slider/components/Single/Single.css +0 -16
  144. package/cjs/components/Slider/components/Single/Single.js +0 -164
  145. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  146. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  147. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  148. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  149. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  150. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  151. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  152. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  153. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  154. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  155. package/cjs/components/Slider/ui/Handler/Handler.css +0 -4
  156. package/cjs/components/Slider/ui/Handler/Handler.js +0 -174
  157. package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
  158. package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
  159. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  160. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  161. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  162. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  163. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  164. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  165. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  166. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  167. package/cjs/components/Slider/utils/index.js +0 -56
  168. package/cjs/components/Slider/utils/index.js.map +0 -1
  169. package/cjs/components/Slider/variations/_disabled/base.js +0 -9
  170. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  171. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  172. package/cjs/components/Slider/variations/_size/base.js +0 -9
  173. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  174. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  175. package/cjs/components/Slider/variations/_view/base.js +0 -9
  176. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  177. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  178. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  179. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  180. package/cjs/utils/canUseDOM.js +0 -12
  181. package/cjs/utils/canUseDOM.js.map +0 -1
  182. package/es/components/Button/Button.styles_uqvh6u.css +0 -5
  183. package/es/components/Slider/Slider.css +0 -69
  184. package/es/components/Slider/Slider.js +0 -43
  185. package/es/components/Slider/Slider.js.map +0 -1
  186. package/es/components/Slider/Slider.tokens.js +0 -74
  187. package/es/components/Slider/Slider.tokens.js.map +0 -1
  188. package/es/components/Slider/components/Double/Double.css +0 -62
  189. package/es/components/Slider/components/Double/Double.js +0 -284
  190. package/es/components/Slider/components/Double/Double.js.map +0 -1
  191. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  192. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  193. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  194. package/es/components/Slider/components/Single/Single.css +0 -16
  195. package/es/components/Slider/components/Single/Single.js +0 -160
  196. package/es/components/Slider/components/Single/Single.js.map +0 -1
  197. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  198. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  199. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  200. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  201. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  202. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  203. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  204. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  205. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  206. package/es/components/Slider/ui/Handler/Handler.css +0 -4
  207. package/es/components/Slider/ui/Handler/Handler.js +0 -170
  208. package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
  209. package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
  210. package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  211. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  212. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  213. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  214. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  215. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  216. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  217. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  218. package/es/components/Slider/utils/index.js +0 -50
  219. package/es/components/Slider/utils/index.js.map +0 -1
  220. package/es/components/Slider/variations/_disabled/base.js +0 -5
  221. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  222. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  223. package/es/components/Slider/variations/_size/base.js +0 -5
  224. package/es/components/Slider/variations/_size/base.js.map +0 -1
  225. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  226. package/es/components/Slider/variations/_view/base.js +0 -5
  227. package/es/components/Slider/variations/_view/base.js.map +0 -1
  228. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  229. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  230. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  231. package/es/utils/canUseDOM.js +0 -8
  232. package/es/utils/canUseDOM.js.map +0 -1
  233. package/styled-components/cjs/components/Slider/Slider.js +0 -47
  234. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  235. package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
  236. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -300
  237. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  238. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  239. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -176
  240. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  241. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  242. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  243. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  244. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  245. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  246. package/styled-components/cjs/components/Slider/index.js +0 -32
  247. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +0 -183
  248. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
  249. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +0 -5
  250. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  251. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  252. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  253. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  254. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  255. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  256. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  257. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  258. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  259. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  260. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  261. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  262. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  263. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  264. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  265. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  266. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  267. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  268. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  269. package/styled-components/es/components/Slider/Slider.js +0 -38
  270. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  271. package/styled-components/es/components/Slider/Slider.types.js +0 -1
  272. package/styled-components/es/components/Slider/components/Double/Double.js +0 -292
  273. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  274. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  275. package/styled-components/es/components/Slider/components/Single/Single.js +0 -168
  276. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  277. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  278. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  279. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  280. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  281. package/styled-components/es/components/Slider/components/index.js +0 -3
  282. package/styled-components/es/components/Slider/index.js +0 -3
  283. package/styled-components/es/components/Slider/ui/Handler/Handler.js +0 -174
  284. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
  285. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +0 -1
  286. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  287. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  288. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  289. package/styled-components/es/components/Slider/ui/index.js +0 -5
  290. package/styled-components/es/components/Slider/utils/index.js +0 -47
  291. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  292. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  293. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  294. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  295. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  296. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  297. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  298. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  299. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  300. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  301. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  302. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  303. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  304. package/styled-components/es/utils/canUseDOM.js +0 -5
  305. package/types/components/Slider/Slider.d.ts +0 -27
  306. package/types/components/Slider/Slider.d.ts.map +0 -1
  307. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  308. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  309. package/types/components/Slider/Slider.types.d.ts +0 -3
  310. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  311. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  312. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  313. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  314. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  315. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  316. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  317. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  318. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  319. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  320. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  321. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  322. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  323. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  324. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  325. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  326. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  327. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  328. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  329. package/types/components/Slider/components/index.d.ts +0 -6
  330. package/types/components/Slider/components/index.d.ts.map +0 -1
  331. package/types/components/Slider/index.d.ts +0 -6
  332. package/types/components/Slider/index.d.ts.map +0 -1
  333. package/types/components/Slider/ui/Handler/Handler.d.ts +0 -9
  334. package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
  335. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
  336. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
  337. package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
  338. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +0 -1
  339. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  340. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  341. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  342. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  343. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  344. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  345. package/types/components/Slider/ui/index.d.ts +0 -6
  346. package/types/components/Slider/ui/index.d.ts.map +0 -1
  347. package/types/components/Slider/utils/index.d.ts +0 -33
  348. package/types/components/Slider/utils/index.d.ts.map +0 -1
  349. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  350. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  351. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  352. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  353. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  354. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  355. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  356. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  357. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  358. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  359. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  360. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  361. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  362. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  363. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  364. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  365. package/types/utils/canUseDOM.d.ts +0 -6
  366. package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ThumbBase = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _mixins = /*#__PURE__*/require("../../../../mixins");
9
- var _Slider = /*#__PURE__*/require("../../Slider.tokens");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var ThumbBase = exports.ThumbBase = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
- componentId: "plasma-new-hope__sc-13botku-0"
13
- })(["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;}", ""], _Slider.tokens.thumbSize, _Slider.tokens.thumbSize, _Slider.tokens.thumbBackgroundColor, _Slider.tokens.thumbBorderColor, _Slider.tokens.thumbFocusBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
14
- outlineOffset: '0.125rem',
15
- outlineSize: '0.125rem',
16
- outlineRadius: '50%',
17
- outlineColor: /*#__PURE__*/"var(".concat(_Slider.tokens.thumbFocusBorderColor, ")")
18
- }));
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _exportNames = {
7
- ThumbBase: true
8
- };
9
- Object.defineProperty(exports, "ThumbBase", {
10
- enumerable: true,
11
- get: function get() {
12
- return _Thumb2.ThumbBase;
13
- }
14
- });
15
- var _Handler = /*#__PURE__*/require("./Handler/Handler");
16
- Object.keys(_Handler).forEach(function (key) {
17
- if (key === "default" || key === "__esModule") return;
18
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
19
- if (key in exports && exports[key] === _Handler[key]) return;
20
- Object.defineProperty(exports, key, {
21
- enumerable: true,
22
- get: function get() {
23
- return _Handler[key];
24
- }
25
- });
26
- });
27
- var _Thumb = /*#__PURE__*/require("./Thumb/Thumb");
28
- Object.keys(_Thumb).forEach(function (key) {
29
- if (key === "default" || key === "__esModule") return;
30
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
31
- if (key in exports && exports[key] === _Thumb[key]) return;
32
- Object.defineProperty(exports, key, {
33
- enumerable: true,
34
- get: function get() {
35
- return _Thumb[key];
36
- }
37
- });
38
- });
39
- var _Thumb2 = /*#__PURE__*/require("./Thumb/Thumb.styles");
40
- var _Handler2 = /*#__PURE__*/require("./Handler/Handler.types");
41
- Object.keys(_Handler2).forEach(function (key) {
42
- if (key === "default" || key === "__esModule") return;
43
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
44
- if (key in exports && exports[key] === _Handler2[key]) return;
45
- Object.defineProperty(exports, key, {
46
- enumerable: true,
47
- get: function get() {
48
- return _Handler2[key];
49
- }
50
- });
51
- });
52
- var _Thumb3 = /*#__PURE__*/require("./Thumb/Thumb.types");
53
- Object.keys(_Thumb3).forEach(function (key) {
54
- if (key === "default" || key === "__esModule") return;
55
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
56
- if (key in exports && exports[key] === _Thumb3[key]) return;
57
- Object.defineProperty(exports, key, {
58
- enumerable: true,
59
- get: function get() {
60
- return _Thumb3[key];
61
- }
62
- });
63
- });
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getOffsets = getOffsets;
7
- exports.getSliderThumbValue = getSliderThumbValue;
8
- exports.sizeData = void 0;
9
- /**
10
- * Расчитать значение слайдера с учетом его координат и шага изменений.
11
- * @param {number} handleCenterXRelative
12
- * @param {number} stepSize
13
- * @param {number} min
14
- * @param {number} max
15
- * @return {number}
16
- */
17
- function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
18
- var newValue = Math.round(handleCenterXRelative / stepSize) + min;
19
- return Math.min(Math.max(newValue, min), max);
20
- }
21
-
22
- /**
23
- * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.
24
- * Значение используется для правильного расчета ограничения движения слайдера.
25
- * @param ref
26
- * @param {'left' | 'right'} side
27
- * @return Array<number>
28
- */
29
- function getOffsets(ref, side) {
30
- if (!ref || !('current' in ref) || !ref.current || !side) {
31
- return [0, 0];
32
- }
33
- var size = ref.current.clientWidth;
34
- if (side === 'left') {
35
- return [0, size];
36
- }
37
- if (side === 'right') {
38
- return [size, 0];
39
- }
40
- return [0, 0];
41
- }
42
- var sizeData = exports.sizeData = {
43
- s: {
44
- indent: 0.5,
45
- fontSizeMultiplier: 16
46
- },
47
- m: {
48
- indent: 0.75,
49
- fontSizeMultiplier: 16
50
- },
51
- l: {
52
- indent: 0.75,
53
- fontSizeMultiplier: 16
54
- }
55
- };
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-slider-disabled-opacity"]
4
- }
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Slider = /*#__PURE__*/require("../../../../components/Slider");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'm'
13
- },
14
- variations: {
15
- view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor),
17
- accent: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor),
18
- gradient: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor)
19
- },
20
- size: {
21
- l: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
22
- m: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
23
- s: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight)
24
- },
25
- disabled: {
26
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Slider.sliderTokens.disabledOpacity)
27
- }
28
- }
29
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Slider = void 0;
7
- var _Slider = /*#__PURE__*/require("../../../../components/Slider");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _Slider2 = /*#__PURE__*/require("./Slider.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Slider.sliderConfig, _Slider2.config);
11
- var Slider = exports.Slider = /*#__PURE__*/(0, _engines.component)(mergedConfig);
12
-
13
- /**
14
- * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
15
- * Можно указать два значения.
16
- */
@@ -1,164 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import styled from 'styled-components';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
- import type { StoryObj, Meta } from '@storybook/react';
6
- import { action } from '@storybook/addon-actions';
7
-
8
- import { WithTheme } from '../../../_helpers';
9
-
10
- import { Slider } from './Slider';
11
-
12
- const sizes = ['l', 'm', 's'];
13
- const views = ['default', 'accent', 'gradient'];
14
- const labelPlacements = ['outer', 'inner'];
15
- const rangeValuesPlacement = ['outer', 'inner'];
16
-
17
- const meta: Meta<typeof Slider> = {
18
- title: 'plasma_b2c/Slider',
19
- component: Slider,
20
- decorators: [WithTheme],
21
- argTypes: {
22
- view: {
23
- options: views,
24
- control: {
25
- type: 'select',
26
- },
27
- },
28
- size: {
29
- options: sizes,
30
- control: {
31
- type: 'inline-radio',
32
- },
33
- },
34
- ...disableProps([
35
- 'value',
36
- 'onChangeCommitted',
37
- 'ariaLabel',
38
- 'onChange',
39
- 'fontSizeMultiplier',
40
- 'gap',
41
- 'settings',
42
- 'hasHoverAnimation',
43
- ]),
44
- },
45
- };
46
-
47
- export default meta;
48
-
49
- type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>;
50
- type StorySingleProps = StoryProps;
51
-
52
- type StorySingle = StoryObj<StorySingleProps>;
53
- type StoryDouble = StoryObj<StoryProps>;
54
-
55
- const SliderWrapper = styled.div`
56
- width: 25rem;
57
- `;
58
-
59
- const StoryDefault = (args: StorySingleProps) => {
60
- const [value, setValue] = useState(30);
61
-
62
- const onChangeCommittedHandle = (values) => {
63
- setValue(values);
64
- };
65
-
66
- const onChangeHandle = (values) => {
67
- setValue(values);
68
- };
69
-
70
- return (
71
- <SliderWrapper>
72
- <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={onChangeHandle} {...args} />
73
- </SliderWrapper>
74
- );
75
- };
76
-
77
- export const Default: StorySingle = {
78
- argTypes: {
79
- labelPlacement: {
80
- options: labelPlacements,
81
- control: {
82
- type: 'inline-radio',
83
- },
84
- },
85
- rangeValuesPlacement: {
86
- options: rangeValuesPlacement,
87
- control: {
88
- type: 'inline-radio',
89
- },
90
- },
91
- },
92
- args: {
93
- view: 'default',
94
- size: 'm',
95
- min: 0,
96
- max: 100,
97
- disabled: false,
98
- ariaLabel: 'Цена товара',
99
- multipleStepSize: 10,
100
- label: 'Цена товара',
101
- labelPlacement: 'outer',
102
- rangeValuesPlacement: 'outer',
103
- showRangeValues: true,
104
- showCurrentValue: false,
105
- },
106
- render: (args) => <StoryDefault {...args} />,
107
- };
108
-
109
- const StoryMultipleValues = (args: StoryProps) => {
110
- const [value, setValue] = useState([10, 80]);
111
- const sortValues = (values) => {
112
- return values
113
- .map((val) => {
114
- if (val < args.min) {
115
- return args.min;
116
- }
117
- if (val > args.max) {
118
- return args.max;
119
- }
120
- return val;
121
- })
122
- .sort((a, b) => a - b);
123
- };
124
-
125
- const onChangeHandle = (values) => {
126
- setValue(sortValues(values));
127
- };
128
-
129
- const onBlurTextField = (values) => {
130
- setValue(sortValues(values));
131
- };
132
-
133
- const onKeyDownTextField = (values, event) => {
134
- if (event.key === 'Enter') {
135
- setValue(sortValues(values));
136
- }
137
- };
138
-
139
- return (
140
- <SliderWrapper>
141
- <Slider
142
- value={value}
143
- onKeyDownTextField={onKeyDownTextField}
144
- onBlurTextField={onBlurTextField}
145
- onChange={onChangeHandle}
146
- {...args}
147
- />
148
- </SliderWrapper>
149
- );
150
- };
151
-
152
- export const MultipleValues: StoryDouble = {
153
- args: {
154
- view: 'default',
155
- size: 'm',
156
- min: 0,
157
- max: 100,
158
- disabled: false,
159
- label: 'Цена товара',
160
- ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
161
- multipleStepSize: 10,
162
- },
163
- render: (args) => <StoryMultipleValues {...args} />,
164
- };
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Slider = /*#__PURE__*/require("../../../../components/Slider");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'm'
13
- },
14
- variations: {
15
- view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor),
17
- accent: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor),
18
- gradient: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor)
19
- },
20
- size: {
21
- l: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
22
- m: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
23
- s: /*#__PURE__*/(0, _styledComponents.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);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight)
24
- },
25
- disabled: {
26
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Slider.sliderTokens.disabledOpacity)
27
- }
28
- }
29
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Slider = void 0;
7
- var _Slider = /*#__PURE__*/require("../../../../components/Slider");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _Slider2 = /*#__PURE__*/require("./Slider.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Slider.sliderConfig, _Slider2.config);
11
- var Slider = exports.Slider = /*#__PURE__*/(0, _engines.component)(mergedConfig);
12
-
13
- /**
14
- * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
15
- * Можно указать два значения.
16
- */
@@ -1,163 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import styled from 'styled-components';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
- import type { StoryObj, Meta } from '@storybook/react';
6
-
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
- };