@salutejs/plasma-new-hope 0.83.0-canary.1194.9174145281.0 → 0.83.0-canary.1208.9176013022.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (439) hide show
  1. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  2. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  3. package/cjs/components/Range/Range.css +63 -0
  4. package/cjs/components/Range/Range.js +146 -0
  5. package/cjs/components/Range/Range.js.map +1 -0
  6. package/cjs/components/Range/Range.styles.js +63 -0
  7. package/cjs/components/Range/Range.styles.js.map +1 -0
  8. package/cjs/components/Range/Range.styles_mc4w65.css +8 -0
  9. package/cjs/components/Range/Range.tokens.js +105 -0
  10. package/cjs/components/Range/Range.tokens.js.map +1 -0
  11. package/cjs/components/Range/utils/index.js +24 -0
  12. package/cjs/components/Range/utils/index.js.map +1 -0
  13. package/cjs/components/{Slider → Range}/variations/_disabled/base.js +2 -2
  14. package/cjs/components/Range/variations/_disabled/base.js.map +1 -0
  15. package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  16. package/cjs/components/{Slider/variations/_view → Range/variations/_readonly}/base.js +2 -2
  17. package/cjs/components/Range/variations/_readonly/base.js.map +1 -0
  18. package/cjs/components/Range/variations/_readonly/base_hzmd8h.css +1 -0
  19. package/cjs/components/Range/variations/_size/base.js +9 -0
  20. package/cjs/components/Range/variations/_size/base.js.map +1 -0
  21. package/cjs/components/Range/variations/_size/base_16xiubi.css +1 -0
  22. package/cjs/components/{Slider/variations/_size → Range/variations/_view}/base.js +2 -2
  23. package/cjs/components/Range/variations/_view/base.js.map +1 -0
  24. package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
  25. package/cjs/components/TextField/TextField.js +6 -9
  26. package/cjs/components/TextField/TextField.js.map +1 -1
  27. package/cjs/components/TextField/TextField.styles.js +13 -1
  28. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  29. package/cjs/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
  30. package/cjs/components/TextField/TextField.tokens.js +5 -0
  31. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  32. package/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  33. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -1
  34. package/cjs/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
  35. package/cjs/components/TextField/variations/_size/base.js +1 -1
  36. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  37. package/cjs/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
  38. package/cjs/components/TextField/variations/_view/base.js +1 -1
  39. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  40. package/cjs/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
  41. package/cjs/engines/common.js +0 -4
  42. package/cjs/engines/common.js.map +1 -1
  43. package/cjs/engines/index.js.map +1 -1
  44. package/cjs/index.css +20 -26
  45. package/cjs/index.js +5 -14
  46. package/cjs/index.js.map +1 -1
  47. package/cjs/utils/index.js.map +1 -1
  48. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  49. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  50. package/es/components/Range/Range.css +63 -0
  51. package/es/components/Range/Range.js +141 -0
  52. package/es/components/Range/Range.js.map +1 -0
  53. package/es/components/Range/Range.styles.js +52 -0
  54. package/es/components/Range/Range.styles.js.map +1 -0
  55. package/es/components/Range/Range.styles_mc4w65.css +8 -0
  56. package/es/components/Range/Range.tokens.js +100 -0
  57. package/es/components/Range/Range.tokens.js.map +1 -0
  58. package/es/components/Range/utils/index.js +19 -0
  59. package/es/components/Range/utils/index.js.map +1 -0
  60. package/es/components/{Slider/variations/_size → Range/variations/_disabled}/base.js +2 -2
  61. package/es/components/Range/variations/_disabled/base.js.map +1 -0
  62. package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  63. package/es/components/{Slider/variations/_view → Range/variations/_readonly}/base.js +2 -2
  64. package/es/components/Range/variations/_readonly/base.js.map +1 -0
  65. package/es/components/Range/variations/_readonly/base_hzmd8h.css +1 -0
  66. package/es/components/Range/variations/_size/base.js +5 -0
  67. package/es/components/Range/variations/_size/base.js.map +1 -0
  68. package/es/components/Range/variations/_size/base_16xiubi.css +1 -0
  69. package/es/components/{Slider/variations/_disabled → Range/variations/_view}/base.js +2 -2
  70. package/es/components/Range/variations/_view/base.js.map +1 -0
  71. package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
  72. package/es/components/TextField/TextField.js +7 -10
  73. package/es/components/TextField/TextField.js.map +1 -1
  74. package/es/components/TextField/TextField.styles.js +12 -2
  75. package/es/components/TextField/TextField.styles.js.map +1 -1
  76. package/es/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
  77. package/es/components/TextField/TextField.tokens.js +5 -0
  78. package/es/components/TextField/TextField.tokens.js.map +1 -1
  79. package/es/components/TextField/variations/_label-placement/inner.js +1 -1
  80. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -1
  81. package/es/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
  82. package/es/components/TextField/variations/_size/base.js +1 -1
  83. package/es/components/TextField/variations/_size/base.js.map +1 -1
  84. package/es/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
  85. package/es/components/TextField/variations/_view/base.js +1 -1
  86. package/es/components/TextField/variations/_view/base.js.map +1 -1
  87. package/es/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
  88. package/es/engines/common.js +0 -4
  89. package/es/engines/common.js.map +1 -1
  90. package/es/engines/index.js.map +1 -1
  91. package/es/index.css +20 -26
  92. package/es/index.js +2 -8
  93. package/es/index.js.map +1 -1
  94. package/es/utils/index.js.map +1 -1
  95. package/package.json +2 -3
  96. package/styled-components/cjs/components/Range/Range.js +148 -0
  97. package/styled-components/cjs/components/Range/Range.styles.js +39 -0
  98. package/styled-components/cjs/components/Range/Range.template-doc.mdx +323 -0
  99. package/styled-components/cjs/components/Range/Range.tokens.js +103 -0
  100. package/styled-components/cjs/components/Range/index.js +25 -0
  101. package/styled-components/cjs/components/Range/utils/index.js +22 -0
  102. package/styled-components/cjs/components/{Slider → Range}/variations/_disabled/base.js +2 -1
  103. package/styled-components/cjs/components/Range/variations/_disabled/tokens.json +4 -0
  104. package/styled-components/cjs/components/Range/variations/_readonly/base.js +10 -0
  105. package/styled-components/cjs/components/Range/variations/_readonly/tokens.json +4 -0
  106. package/styled-components/cjs/components/Range/variations/_size/base.js +10 -0
  107. package/styled-components/cjs/components/Range/variations/_size/tokens.json +26 -0
  108. package/styled-components/cjs/components/Range/variations/_view/base.js +10 -0
  109. package/styled-components/cjs/components/Range/variations/_view/tokens.json +6 -0
  110. package/styled-components/cjs/components/TextField/TextField.js +6 -9
  111. package/styled-components/cjs/components/TextField/TextField.styles.js +7 -1
  112. package/styled-components/cjs/components/TextField/TextField.tokens.js +5 -0
  113. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  114. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  115. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  116. package/styled-components/cjs/engines/common.js +0 -4
  117. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +31 -0
  118. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js +11 -0
  119. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
  120. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  121. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
  122. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +31 -0
  123. package/styled-components/cjs/examples/plasma_web/components/Range/Range.js +11 -0
  124. package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
  125. package/styled-components/cjs/hooks/index.js +1 -8
  126. package/styled-components/cjs/index.js +4 -4
  127. package/styled-components/cjs/utils/index.js +0 -7
  128. package/styled-components/es/components/Range/Range.js +139 -0
  129. package/styled-components/es/components/Range/Range.styles.js +31 -0
  130. package/styled-components/es/components/Range/Range.template-doc.mdx +323 -0
  131. package/styled-components/es/components/Range/Range.tokens.js +97 -0
  132. package/styled-components/es/components/Range/index.js +2 -0
  133. package/styled-components/es/components/Range/utils/index.js +16 -0
  134. package/styled-components/es/components/Range/variations/_disabled/base.js +3 -0
  135. package/styled-components/es/components/Range/variations/_disabled/tokens.json +4 -0
  136. package/styled-components/es/components/Range/variations/_readonly/base.js +4 -0
  137. package/styled-components/es/components/Range/variations/_readonly/tokens.json +4 -0
  138. package/styled-components/es/components/Range/variations/_size/base.js +4 -0
  139. package/styled-components/es/components/Range/variations/_size/tokens.json +26 -0
  140. package/styled-components/es/components/Range/variations/_view/base.js +4 -0
  141. package/styled-components/es/components/Range/variations/_view/tokens.json +6 -0
  142. package/styled-components/es/components/TextField/TextField.js +7 -10
  143. package/styled-components/es/components/TextField/TextField.styles.js +6 -0
  144. package/styled-components/es/components/TextField/TextField.tokens.js +5 -0
  145. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +2 -2
  146. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  147. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  148. package/styled-components/es/engines/common.js +0 -4
  149. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +25 -0
  150. package/styled-components/es/examples/plasma_b2c/components/Range/Range.js +5 -0
  151. package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
  152. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  153. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
  154. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +25 -0
  155. package/styled-components/es/examples/plasma_web/components/Range/Range.js +5 -0
  156. package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
  157. package/styled-components/es/hooks/index.js +1 -2
  158. package/styled-components/es/index.js +1 -1
  159. package/styled-components/es/utils/index.js +0 -1
  160. package/types/components/Range/Range.d.ts +31 -0
  161. package/types/components/Range/Range.d.ts.map +1 -0
  162. package/types/components/{Slider/components/Double/Double.styles.d.ts → Range/Range.styles.d.ts} +15 -10
  163. package/types/components/Range/Range.styles.d.ts.map +1 -0
  164. package/types/components/Range/Range.tokens.d.ts +98 -0
  165. package/types/components/Range/Range.tokens.d.ts.map +1 -0
  166. package/types/components/Range/Range.types.d.ts +143 -0
  167. package/types/components/Range/Range.types.d.ts.map +1 -0
  168. package/types/components/Range/index.d.ts +4 -0
  169. package/types/components/Range/index.d.ts.map +1 -0
  170. package/types/components/Range/utils/index.d.ts +5 -0
  171. package/types/components/Range/utils/index.d.ts.map +1 -0
  172. package/types/components/Range/variations/_disabled/base.d.ts.map +1 -0
  173. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -0
  174. package/types/components/Range/variations/_size/base.d.ts.map +1 -0
  175. package/types/components/Range/variations/_view/base.d.ts +2 -0
  176. package/types/components/Range/variations/_view/base.d.ts.map +1 -0
  177. package/types/components/TextField/TextField.d.ts.map +1 -1
  178. package/types/components/TextField/TextField.styles.d.ts +2 -0
  179. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  180. package/types/components/TextField/TextField.tokens.d.ts +5 -0
  181. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  182. package/types/components/TextField/TextField.types.d.ts +8 -0
  183. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  184. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -1
  185. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  186. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  187. package/types/engines/common.d.ts +3 -3
  188. package/types/engines/common.d.ts.map +1 -1
  189. package/types/engines/index.d.ts +1 -1
  190. package/types/engines/index.d.ts.map +1 -1
  191. package/types/engines/types.d.ts +0 -4
  192. package/types/engines/types.d.ts.map +1 -1
  193. package/types/examples/{plasma_web/components/Slider/Slider.config.d.ts → plasma_b2c/components/Range/Range.config.d.ts} +5 -3
  194. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -0
  195. package/types/examples/plasma_b2c/components/Range/Range.d.ts +127 -0
  196. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -0
  197. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  198. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -0
  199. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  200. package/types/examples/{plasma_b2c/components/Slider/Slider.config.d.ts → plasma_web/components/Range/Range.config.d.ts} +5 -3
  201. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -0
  202. package/types/examples/plasma_web/components/Range/Range.d.ts +127 -0
  203. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -0
  204. package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -0
  205. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  206. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +4 -0
  207. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
  208. package/types/hooks/index.d.ts +0 -1
  209. package/types/hooks/index.d.ts.map +1 -1
  210. package/types/index.d.ts +1 -1
  211. package/types/index.d.ts.map +1 -1
  212. package/types/utils/index.d.ts +0 -1
  213. package/types/utils/index.d.ts.map +1 -1
  214. package/cjs/components/Slider/Slider.css +0 -69
  215. package/cjs/components/Slider/Slider.js +0 -48
  216. package/cjs/components/Slider/Slider.js.map +0 -1
  217. package/cjs/components/Slider/Slider.tokens.js +0 -79
  218. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  219. package/cjs/components/Slider/components/Double/Double.css +0 -62
  220. package/cjs/components/Slider/components/Double/Double.js +0 -306
  221. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  222. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  223. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  224. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  225. package/cjs/components/Slider/components/Single/Single.css +0 -16
  226. package/cjs/components/Slider/components/Single/Single.js +0 -164
  227. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  228. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  229. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  230. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  231. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  232. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  233. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  234. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  235. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  236. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  237. package/cjs/components/Slider/ui/Handler/Handler.css +0 -4
  238. package/cjs/components/Slider/ui/Handler/Handler.js +0 -167
  239. package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
  240. package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
  241. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  242. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  243. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  244. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  245. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  246. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  247. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  248. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  249. package/cjs/components/Slider/utils/index.js +0 -56
  250. package/cjs/components/Slider/utils/index.js.map +0 -1
  251. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  252. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  253. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  254. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  255. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  256. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  257. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  258. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  259. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  260. package/cjs/utils/canUseDOM.js +0 -12
  261. package/cjs/utils/canUseDOM.js.map +0 -1
  262. package/es/components/Slider/Slider.css +0 -69
  263. package/es/components/Slider/Slider.js +0 -43
  264. package/es/components/Slider/Slider.js.map +0 -1
  265. package/es/components/Slider/Slider.tokens.js +0 -74
  266. package/es/components/Slider/Slider.tokens.js.map +0 -1
  267. package/es/components/Slider/components/Double/Double.css +0 -62
  268. package/es/components/Slider/components/Double/Double.js +0 -302
  269. package/es/components/Slider/components/Double/Double.js.map +0 -1
  270. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  271. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  272. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  273. package/es/components/Slider/components/Single/Single.css +0 -16
  274. package/es/components/Slider/components/Single/Single.js +0 -160
  275. package/es/components/Slider/components/Single/Single.js.map +0 -1
  276. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  277. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  278. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  279. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  280. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  281. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  282. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  283. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  284. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  285. package/es/components/Slider/ui/Handler/Handler.css +0 -4
  286. package/es/components/Slider/ui/Handler/Handler.js +0 -163
  287. package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
  288. package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
  289. package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  290. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  291. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  292. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  293. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  294. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  295. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  296. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  297. package/es/components/Slider/utils/index.js +0 -50
  298. package/es/components/Slider/utils/index.js.map +0 -1
  299. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  300. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  301. package/es/components/Slider/variations/_size/base.js.map +0 -1
  302. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  303. package/es/components/Slider/variations/_view/base.js.map +0 -1
  304. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  305. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  306. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  307. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  308. package/es/utils/canUseDOM.js +0 -8
  309. package/es/utils/canUseDOM.js.map +0 -1
  310. package/styled-components/cjs/components/Slider/Slider.js +0 -47
  311. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  312. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -318
  313. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  314. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  315. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -176
  316. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  317. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  318. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  319. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  320. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  321. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  322. package/styled-components/cjs/components/Slider/index.js +0 -32
  323. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +0 -176
  324. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
  325. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +0 -5
  326. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  327. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  328. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  329. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  330. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  331. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  332. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  333. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  334. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  335. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  336. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  337. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  338. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -169
  339. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  340. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  341. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -168
  342. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  343. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  344. package/styled-components/es/components/Slider/Slider.js +0 -38
  345. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  346. package/styled-components/es/components/Slider/components/Double/Double.js +0 -310
  347. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  348. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  349. package/styled-components/es/components/Slider/components/Single/Single.js +0 -168
  350. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  351. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  352. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  353. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  354. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  355. package/styled-components/es/components/Slider/components/index.js +0 -3
  356. package/styled-components/es/components/Slider/index.js +0 -3
  357. package/styled-components/es/components/Slider/ui/Handler/Handler.js +0 -167
  358. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
  359. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +0 -1
  360. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  361. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  362. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  363. package/styled-components/es/components/Slider/ui/index.js +0 -5
  364. package/styled-components/es/components/Slider/utils/index.js +0 -47
  365. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  366. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  367. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  368. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  369. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  370. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  371. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  372. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  373. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -169
  374. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  375. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  376. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -168
  377. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  378. package/styled-components/es/utils/canUseDOM.js +0 -5
  379. package/types/components/Slider/Slider.d.ts +0 -27
  380. package/types/components/Slider/Slider.d.ts.map +0 -1
  381. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  382. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  383. package/types/components/Slider/Slider.types.d.ts +0 -3
  384. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  385. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  386. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  387. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  388. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  389. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  390. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  391. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  392. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  393. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  394. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  395. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  396. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  397. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  398. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  399. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  400. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  401. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  402. package/types/components/Slider/components/index.d.ts +0 -6
  403. package/types/components/Slider/components/index.d.ts.map +0 -1
  404. package/types/components/Slider/index.d.ts +0 -6
  405. package/types/components/Slider/index.d.ts.map +0 -1
  406. package/types/components/Slider/ui/Handler/Handler.d.ts +0 -9
  407. package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
  408. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
  409. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
  410. package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
  411. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +0 -1
  412. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  413. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  414. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  415. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  416. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  417. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  418. package/types/components/Slider/ui/index.d.ts +0 -6
  419. package/types/components/Slider/ui/index.d.ts.map +0 -1
  420. package/types/components/Slider/utils/index.d.ts +0 -33
  421. package/types/components/Slider/utils/index.d.ts.map +0 -1
  422. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  423. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  424. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  425. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  426. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  427. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  428. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  429. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  430. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  431. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  432. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  433. package/types/utils/canUseDOM.d.ts +0 -6
  434. package/types/utils/canUseDOM.d.ts.map +0 -1
  435. /package/styled-components/cjs/components/{Slider/Slider.types.js → Range/Range.types.js} +0 -0
  436. /package/styled-components/es/components/{Slider/Slider.types.js → Range/Range.types.js} +0 -0
  437. /package/types/components/{Slider → Range}/variations/_disabled/base.d.ts +0 -0
  438. /package/types/components/{Slider/variations/_size → Range/variations/_readonly}/base.d.ts +0 -0
  439. /package/types/components/{Slider/variations/_view → Range/variations/_size}/base.d.ts +0 -0
@@ -8,19 +8,19 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
11
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
12
12
  // TODO заменить --surface-transparent-positive на корректный токен
13
- positive: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
13
+ positive: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
14
14
  // // TODO заменить --surface-transparent-warning на корректный токен
15
- warning: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
15
+ warning: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
16
16
  // // TODO заменить --surface-transparent-negative на корректный токен
17
- negative: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor)
17
+ negative: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor)
18
18
  },
19
19
  size: {
20
- l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 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);", ":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);", ":0.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);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
21
- m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 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);", ":0.625rem;", ":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.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);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
22
- s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":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;", ":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.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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
23
- xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":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);", ":0.375rem;", ":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);", ":0.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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
20
+ l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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;", ":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.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);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
21
+ m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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.625rem;", ":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.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);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
22
+ s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.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);", ":0.5rem;", ":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.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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
23
+ xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.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);", ":0.375rem;", ":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);", ":0.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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
24
24
  },
25
25
  labelPlacement: {
26
26
  inner: [labelPlacement_inner, /*#__PURE__*/css(["&.", "{", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":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);}"], labelPlacement_inner, tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight)],
@@ -105,6 +105,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
105
105
  view: 'default',
106
106
  label: 'Лейбл',
107
107
  labelPlacement: 'outer',
108
+ textBefore: '',
109
+ textAfter: '',
108
110
  placeholder: 'Заполните поле',
109
111
  leftHelper: 'Подсказка к полю',
110
112
  disabled: false,
@@ -0,0 +1,25 @@
1
+ import { css } from 'styled-components';
2
+ import { rangeTokens as tokens } from '../../../../components/Range';
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 'l'
7
+ },
8
+ variations: {
9
+ view: {
10
+ "default": /*#__PURE__*/css(["", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--surface-negative);", ":var(--surface-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-accent);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);"], tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
11
+ },
12
+ size: {
13
+ l: /*#__PURE__*/css(["", ":0.875rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 0.375rem 0 1rem;", ":0;", ":0 0 0.75rem 0;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.5rem;", ":0.875rem;", ":0.0625rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
14
+ m: /*#__PURE__*/css(["", ":0.75rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0 0.375rem 0 0.875rem;", ":0;", ":0 0 0.625rem 0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3rem;", ":0.75rem;", ":0.0625rem;", ":0.875rem 1rem 0.875rem 1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
15
+ s: /*#__PURE__*/css(["", ":0.625rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0 0.375rem 0 0.75rem;", ":0;", ":0 0 0.5rem 0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.5rem;", ":0.625rem;", ":0.0625rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
16
+ xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0 0.25rem 0 0.5rem;", ":0;", ":0 0 0.375rem 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":0.5rem;", ":0.0625rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
17
+ },
18
+ disabled: {
19
+ "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
20
+ },
21
+ readOnly: {
22
+ "true": /*#__PURE__*/css(["", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
23
+ }
24
+ }
25
+ };
@@ -0,0 +1,5 @@
1
+ import { component, mergeConfig } from '../../../../engines';
2
+ import { rangeConfig } from '../../../../components/Range';
3
+ import { config } from './Range.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(rangeConfig, config);
5
+ export var Range = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1,312 @@
1
+ import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import { action } from '@storybook/addon-actions';
4
+ import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+ import { IconChevronLeft } from '../../../../components/_Icon';
8
+ import { IconButton } from '../IconButton/IconButton';
9
+
10
+ import { Range } from './Range';
11
+
12
+ const onChangeFirstValue = action('onChangeFirstValue');
13
+ const onChangeSecondValue = action('onChangeSecondValue');
14
+ const onSearchFirstValue = action('onSearchFirstValue');
15
+ const onSearchSecondValue = action('onSearchSecondValue');
16
+ const onFocusFirstTextfield = action('onFocusFirstTextfield');
17
+ const onFocusSecondTextfield = action('onFocusSecondTextfield');
18
+ const onBlurFirstTextfield = action('onBlurFirstTextfield');
19
+ const onBlurSecondTextfield = action('onBlurSecondTextfield');
20
+
21
+ const sizes = ['l', 'm', 's', 'xs'];
22
+ const views = ['default'];
23
+ const dividers = ['none', 'dash', 'icon'];
24
+
25
+ const meta: Meta<typeof Range> = {
26
+ title: 'plasma_web/Range',
27
+ component: Range,
28
+ decorators: [WithTheme],
29
+ argTypes: {
30
+ view: {
31
+ options: views,
32
+ control: {
33
+ type: 'inline-radio',
34
+ },
35
+ },
36
+ size: {
37
+ options: sizes,
38
+ control: {
39
+ type: 'inline-radio',
40
+ },
41
+ },
42
+ },
43
+ };
44
+
45
+ export default meta;
46
+
47
+ type StoryPropsDefault = ComponentProps<typeof Range> & {
48
+ enableContentLeft: boolean;
49
+ enableContentRight: boolean;
50
+ enableFirstTextfieldContentLeft: boolean;
51
+ enableSecondTextfieldContentLeft: boolean;
52
+ enableFirstTextfieldContentRight: boolean;
53
+ enableSecondTextfieldContentRight: boolean;
54
+ };
55
+
56
+ const getSizeForIcon = (size) => {
57
+ const map = {
58
+ m: 's',
59
+ l: 's',
60
+ s: 's',
61
+ xs: 'xs',
62
+ };
63
+ if (map[size]) {
64
+ return map[size];
65
+ }
66
+
67
+ return size;
68
+ };
69
+
70
+ const ActionButton = ({ size }) => {
71
+ return (
72
+ <IconButton view="clear" size={size}>
73
+ <IconChevronLeft size={getSizeForIcon(size)} />
74
+ </IconButton>
75
+ );
76
+ };
77
+
78
+ const StoryDefault = ({
79
+ dividerVariant,
80
+ enableContentLeft,
81
+ enableContentRight,
82
+ firstTextfieldTextBefore,
83
+ secondTextfieldTextBefore,
84
+ enableFirstTextfieldContentLeft,
85
+ enableSecondTextfieldContentLeft,
86
+ enableFirstTextfieldContentRight,
87
+ enableSecondTextfieldContentRight,
88
+ size,
89
+ ...rest
90
+ }: StoryPropsDefault) => {
91
+ const [firstValue, setFirstValue] = useState('');
92
+ const [secondValue, setSecondValue] = useState('');
93
+
94
+ const iconSize = size === 'xs' ? 'xs' : 's';
95
+ const showDividerIcon = dividerVariant === 'icon';
96
+ const showDefaultTextBefore = dividerVariant === 'none';
97
+
98
+ const dividerIconProps = {
99
+ dividerIcon: showDividerIcon ? <IconPlaceholder size="s" /> : null,
100
+ dividerVariant,
101
+ };
102
+
103
+ return (
104
+ <Range
105
+ size={size}
106
+ firstValue={firstValue}
107
+ secondValue={secondValue}
108
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
109
+ contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
110
+ firstTextfieldContentLeft={
111
+ enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
112
+ }
113
+ firstTextfieldContentRight={
114
+ enableFirstTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined
115
+ }
116
+ secondTextfieldContentLeft={
117
+ enableSecondTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
118
+ }
119
+ secondTextfieldContentRight={
120
+ enableSecondTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined
121
+ }
122
+ firstTextfieldTextBefore={
123
+ showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore
124
+ }
125
+ secondTextfieldTextBefore={
126
+ showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
127
+ }
128
+ onChangeFirstValue={(e) => {
129
+ setFirstValue(e.target.value);
130
+ onChangeFirstValue(e, e.target.value);
131
+ }}
132
+ onChangeSecondValue={(e) => {
133
+ setSecondValue(e.target.value);
134
+ onChangeSecondValue(e, e.target.value);
135
+ }}
136
+ onSearchFirstValue={onSearchFirstValue}
137
+ onSearchSecondValue={onSearchSecondValue}
138
+ onFocusFirstTextfield={onFocusFirstTextfield}
139
+ onFocusSecondTextfield={onFocusSecondTextfield}
140
+ onBlurFirstTextfield={onBlurFirstTextfield}
141
+ onBlurSecondTextfield={onBlurSecondTextfield}
142
+ {...dividerIconProps}
143
+ {...rest}
144
+ />
145
+ );
146
+ };
147
+
148
+ export const Default: StoryObj<StoryPropsDefault> = {
149
+ argTypes: {
150
+ dividerVariant: {
151
+ options: dividers,
152
+ control: {
153
+ type: 'inline-radio',
154
+ },
155
+ },
156
+ },
157
+ args: {
158
+ label: 'Лейбл',
159
+ leftHelper: 'Подсказка к полю',
160
+ firstPlaceholder: 'Заполните поле 1',
161
+ secondPlaceholder: 'Заполните поле 2',
162
+ size: 'l',
163
+ view: 'default',
164
+ disabled: false,
165
+ readOnly: false,
166
+ firstTextfieldTextBefore: 'С',
167
+ secondTextfieldTextBefore: 'ПО',
168
+ enableContentLeft: true,
169
+ enableContentRight: true,
170
+ dividerVariant: 'dash',
171
+ enableFirstTextfieldContentLeft: false,
172
+ enableFirstTextfieldContentRight: false,
173
+ enableSecondTextfieldContentLeft: false,
174
+ enableSecondTextfieldContentRight: false,
175
+ firstValueError: false,
176
+ secondValueError: false,
177
+ firstValueSuccess: false,
178
+ secondValueSuccess: false,
179
+ },
180
+ render: (args) => <StoryDefault {...args} />,
181
+ };
182
+
183
+ const StoryDemo = ({ enableContentLeft, enableContentRight, size, ...rest }: StoryPropsDefault) => {
184
+ const [firstValue, setFirstValue] = useState('');
185
+ const [secondValue, setSecondValue] = useState('');
186
+
187
+ const [firstValueError, setFirstValueError] = useState(false);
188
+ const [secondValueError, setSecondValueError] = useState(false);
189
+
190
+ const [firstValueSuccess, setFirstValueSuccess] = useState(false);
191
+ const [secondValueSuccess, setSecondValueSuccess] = useState(false);
192
+
193
+ const checkValue = (value: string) => /^([1-9][0-9]*|)$/.test(value);
194
+
195
+ const handleChangeValue = (
196
+ e: ChangeEvent<HTMLInputElement>,
197
+ setter: Dispatch<SetStateAction<string>>,
198
+ error: boolean,
199
+ errorSetter: Dispatch<SetStateAction<boolean>>,
200
+ success: boolean,
201
+ successSetter: Dispatch<SetStateAction<boolean>>,
202
+ ) => {
203
+ const { value } = e.target;
204
+ if (!checkValue(value)) {
205
+ return;
206
+ }
207
+
208
+ if (error) {
209
+ errorSetter(false);
210
+ }
211
+
212
+ if (success) {
213
+ successSetter(false);
214
+ }
215
+
216
+ setter(value);
217
+ };
218
+
219
+ const firstValueConstraint = (value: number) =>
220
+ value <= 0 || value >= 9 || (secondValue && value >= Number(secondValue) && !secondValueError);
221
+ const secondValueConstraint = (value: number) =>
222
+ value <= 0 || value > 10 || (firstValue && value <= Number(firstValue) && !firstValueError);
223
+
224
+ const handleCommitValue = (
225
+ value: string,
226
+ constraint: (currentValue: number) => boolean,
227
+ errorSetter: Dispatch<SetStateAction<boolean>>,
228
+ successSetter: Dispatch<SetStateAction<boolean>>,
229
+ ) => {
230
+ if (!value) {
231
+ return;
232
+ }
233
+
234
+ if (!checkValue(value)) {
235
+ return errorSetter(true);
236
+ }
237
+
238
+ if (constraint(Number(value))) {
239
+ return errorSetter(true);
240
+ }
241
+
242
+ successSetter(true);
243
+ };
244
+
245
+ const iconSize = size === 'xs' ? 'xs' : 's';
246
+
247
+ return (
248
+ <Range
249
+ dividerVariant="dash"
250
+ size={size}
251
+ firstValue={firstValue}
252
+ secondValue={secondValue}
253
+ firstValueError={firstValueError}
254
+ secondValueError={secondValueError}
255
+ firstValueSuccess={firstValueSuccess}
256
+ secondValueSuccess={secondValueSuccess}
257
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
258
+ contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
259
+ onChangeFirstValue={(e) => {
260
+ handleChangeValue(
261
+ e,
262
+ setFirstValue,
263
+ firstValueError,
264
+ setFirstValueError,
265
+ firstValueSuccess,
266
+ setFirstValueSuccess,
267
+ );
268
+ }}
269
+ onChangeSecondValue={(e) => {
270
+ handleChangeValue(
271
+ e,
272
+ setSecondValue,
273
+ secondValueError,
274
+ setSecondValueError,
275
+ secondValueSuccess,
276
+ setSecondValueSuccess,
277
+ );
278
+ }}
279
+ onSearchFirstValue={(e) => {
280
+ const { value } = e.target as HTMLInputElement;
281
+ handleCommitValue(value, firstValueConstraint, setFirstValueError, setFirstValueSuccess);
282
+ }}
283
+ onSearchSecondValue={(e) => {
284
+ const { value } = e.target as HTMLInputElement;
285
+ handleCommitValue(value, secondValueConstraint, setSecondValueError, setSecondValueSuccess);
286
+ }}
287
+ onFocusFirstTextfield={onFocusFirstTextfield}
288
+ onFocusSecondTextfield={onFocusSecondTextfield}
289
+ onBlurFirstTextfield={onBlurFirstTextfield}
290
+ onBlurSecondTextfield={onBlurSecondTextfield}
291
+ {...rest}
292
+ />
293
+ );
294
+ };
295
+
296
+ export const Demo: StoryObj<StoryPropsDefault> = {
297
+ args: {
298
+ label: 'Введите кол-во товара',
299
+ leftHelper: 'Кол-во товара не может быть меньше 1 и превышать 10',
300
+ firstPlaceholder: '1',
301
+ secondPlaceholder: '5',
302
+ size: 'l',
303
+ view: 'default',
304
+ disabled: false,
305
+ readOnly: false,
306
+ firstTextfieldTextBefore: '',
307
+ secondTextfieldTextBefore: '',
308
+ enableContentLeft: true,
309
+ enableContentRight: true,
310
+ },
311
+ render: (args) => <StoryDemo {...args} />,
312
+ };
@@ -1,5 +1,4 @@
1
1
  export { useUniqId } from './useUniqId';
2
2
  export { usePreviousValue } from './usePreviousValue';
3
3
  export { useForceUpdate } from './useForceUpdate';
4
- export { useDidMountEffect } from './useDidMountEffect';
5
- export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
4
+ export { useDidMountEffect } from './useDidMountEffect';
@@ -46,4 +46,4 @@ export * from './components/Progress';
46
46
  export * from './components/Select';
47
47
  export * from './components/Divider';
48
48
  export * from './components/Toolbar';
49
- export * from './components/Slider';
49
+ export * from './components/Range';
@@ -1,4 +1,3 @@
1
- export { canUseDOM } from './canUseDOM';
2
1
  export { extractTextFrom } from './extractTextFrom';
3
2
  export { getSizeValueFromProp } from './getSizeValueFromProp';
4
3
  export { IS_REACT_18, safeUseId } from './react';
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import type { RootProps } from '../../engines';
3
+ import type { RangeProps } from './Range.types';
4
+ export declare const rangeRoot: (Root: RootProps<HTMLDivElement, RangeProps>) => React.ForwardRefExoticComponent<RangeProps & React.RefAttributes<HTMLInputElement>>;
5
+ export declare const rangeConfig: {
6
+ name: string;
7
+ tag: string;
8
+ layout: (Root: RootProps<HTMLDivElement, RangeProps>) => React.ForwardRefExoticComponent<RangeProps & React.RefAttributes<HTMLInputElement>>;
9
+ base: import("@linaria/core").LinariaClassName;
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
+ readOnly: {
22
+ css: import("@linaria/core").LinariaClassName;
23
+ attrs: boolean;
24
+ };
25
+ };
26
+ defaults: {
27
+ size: string;
28
+ view: string;
29
+ };
30
+ };
31
+ //# sourceMappingURL=Range.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkBhD,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,wFAqIhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAvIQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;CAgKpE,CAAC"}
@@ -1,9 +1,5 @@
1
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> & (({
2
+ export declare const StyledInput: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & (({
7
3
  size?: string | undefined;
8
4
  view?: string | undefined;
9
5
  readOnly?: boolean | undefined;
@@ -14,6 +10,8 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
14
10
  leftHelper?: string | undefined;
15
11
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
16
12
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
13
+ textBefore?: string | undefined;
14
+ textAfter?: string | undefined;
17
15
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
18
16
  } & {
19
17
  chips?: undefined;
@@ -31,13 +29,20 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
31
29
  leftHelper?: string | undefined;
32
30
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
33
31
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
32
+ textBefore?: string | undefined;
33
+ textAfter?: string | undefined;
34
34
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
35
35
  } & {
36
36
  enumerationType: "chip";
37
37
  onSearch?: undefined;
38
- chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
39
- onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
38
+ chips?: import("../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
39
+ onChangeChips?: ((value: import("../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
40
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
41
+ export declare const base: import("@linaria/core").LinariaClassName;
42
+ export declare const StyledLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
43
+ export declare const LeftHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
44
+ export declare const ContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
45
+ export declare const StyledDivider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
46
+ export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
47
+ export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
48
+ //# sourceMappingURL=Range.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HA+DvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,WAAW,8KAAiB,CAAC;AAE1C,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,cAAc,qKAG1B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC;AAE1C,eAAO,MAAM,iBAAiB,qKAAe,CAAC;AAE9C,eAAO,MAAM,kBAAkB,qKAAe,CAAC"}