@salutejs/plasma-new-hope 0.80.0-canary.1194.9085423232.0 → 0.81.0-canary.1203.9092095304.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (569) hide show
  1. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/hooks/useDays.js +6 -3
  5. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  7. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  8. package/cjs/components/Checkbox/Checkbox.css +13 -0
  9. package/cjs/components/Checkbox/Checkbox.js +22 -59
  10. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  11. package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
  12. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
  13. package/cjs/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  14. package/cjs/components/Checkbox/Checkbox.tokens.js +41 -0
  15. package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
  16. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  17. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  18. package/cjs/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
  19. package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
  20. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  21. package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
  22. package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
  23. package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  24. package/cjs/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
  25. package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
  26. package/cjs/components/Checkbox/{_size → variations/_view}/base.js +2 -2
  27. package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
  28. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  29. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  30. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  31. package/cjs/components/Radiobox/Radiobox.css +16 -0
  32. package/cjs/components/Radiobox/Radiobox.js +23 -32
  33. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  34. package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  35. package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
  36. package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  37. package/cjs/components/Radiobox/Radiobox.tokens.js +41 -0
  38. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
  39. package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
  40. package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
  41. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  42. package/cjs/components/{Checkbox/_view → Radiobox/variations/_focused}/base.js +2 -2
  43. package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
  44. package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  45. package/cjs/components/{Slider/variations/_disabled → Radiobox/variations/_size}/base.js +1 -1
  46. package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
  47. package/cjs/components/Radiobox/variations/_view/base.js +9 -0
  48. package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
  49. package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  50. package/cjs/components/TextField/TextField.js +3 -12
  51. package/cjs/components/TextField/TextField.js.map +1 -1
  52. package/cjs/engines/common.js +0 -4
  53. package/cjs/engines/common.js.map +1 -1
  54. package/cjs/engines/index.js.map +1 -1
  55. package/cjs/index.css +15 -40
  56. package/cjs/index.js +4 -14
  57. package/cjs/index.js.map +1 -1
  58. package/cjs/utils/index.js.map +1 -1
  59. package/es/components/Calendar/Calendar.types.js.map +1 -1
  60. package/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  61. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  62. package/es/components/Calendar/hooks/useDays.js +6 -3
  63. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  64. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  65. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  66. package/es/components/Checkbox/Checkbox.css +13 -0
  67. package/es/components/Checkbox/Checkbox.js +12 -43
  68. package/es/components/Checkbox/Checkbox.js.map +1 -1
  69. package/es/components/Checkbox/Checkbox.styles.js +37 -0
  70. package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
  71. package/es/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  72. package/es/components/Checkbox/Checkbox.tokens.js +36 -0
  73. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
  74. package/es/components/Checkbox/IconsSvg.js +9 -9
  75. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  76. package/es/components/Checkbox/{_focused → variations/_disabled}/base.js +2 -2
  77. package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
  78. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  79. package/es/components/Checkbox/variations/_focused/base.js +10 -0
  80. package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
  81. package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  82. package/es/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
  83. package/es/components/Checkbox/variations/_size/base.js.map +1 -0
  84. package/es/components/Checkbox/{_view → variations/_view}/base.js +2 -2
  85. package/es/components/Checkbox/variations/_view/base.js.map +1 -0
  86. package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  87. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  88. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  89. package/es/components/Radiobox/Radiobox.css +16 -0
  90. package/es/components/Radiobox/Radiobox.js +12 -21
  91. package/es/components/Radiobox/Radiobox.js.map +1 -1
  92. package/es/components/Radiobox/Radiobox.styles.js +14 -0
  93. package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
  94. package/es/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  95. package/es/components/Radiobox/Radiobox.tokens.js +36 -0
  96. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
  97. package/es/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -2
  98. package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
  99. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  100. package/es/components/Radiobox/variations/_focused/base.js +5 -0
  101. package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
  102. package/es/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  103. package/es/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
  104. package/es/components/Radiobox/variations/_size/base.js.map +1 -0
  105. package/es/components/Radiobox/variations/_view/base.js +5 -0
  106. package/es/components/Radiobox/variations/_view/base.js.map +1 -0
  107. package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  108. package/es/components/TextField/TextField.js +3 -12
  109. package/es/components/TextField/TextField.js.map +1 -1
  110. package/es/engines/common.js +0 -4
  111. package/es/engines/common.js.map +1 -1
  112. package/es/engines/index.js.map +1 -1
  113. package/es/index.css +15 -40
  114. package/es/index.js +2 -8
  115. package/es/index.js.map +1 -1
  116. package/es/utils/index.js.map +1 -1
  117. package/package.json +2 -3
  118. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  119. package/styled-components/cjs/components/Calendar/hooks/useDays.js +6 -3
  120. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  121. package/styled-components/cjs/components/Checkbox/Checkbox.js +20 -40
  122. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
  123. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +39 -0
  124. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  125. package/styled-components/cjs/components/Checkbox/index.js +8 -1
  126. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
  127. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
  128. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
  129. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
  130. package/styled-components/cjs/components/Radiobox/Radiobox.js +15 -22
  131. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  132. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +39 -0
  133. package/styled-components/cjs/components/Radiobox/index.js +8 -1
  134. package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
  135. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
  136. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +9 -0
  137. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  138. package/styled-components/cjs/engines/common.js +0 -4
  139. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  140. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  141. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  142. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  143. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  144. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  145. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  146. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  147. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  148. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  149. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  150. package/styled-components/cjs/hooks/index.js +1 -8
  151. package/styled-components/cjs/index.js +0 -11
  152. package/styled-components/cjs/utils/index.js +0 -7
  153. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  154. package/styled-components/es/components/Calendar/hooks/useDays.js +6 -3
  155. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  156. package/styled-components/es/components/Checkbox/Checkbox.js +12 -33
  157. package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
  158. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +33 -0
  159. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  160. package/styled-components/es/components/Checkbox/index.js +2 -1
  161. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
  162. package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
  163. package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
  164. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
  165. package/styled-components/es/components/Radiobox/Radiobox.js +13 -22
  166. package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
  167. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +33 -0
  168. package/styled-components/es/components/Radiobox/index.js +2 -1
  169. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
  170. package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
  171. package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
  172. package/styled-components/es/components/TextField/TextField.js +3 -12
  173. package/styled-components/es/engines/common.js +0 -4
  174. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  175. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  176. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  177. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  178. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  179. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  180. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  181. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  182. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  183. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  184. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  185. package/styled-components/es/hooks/index.js +1 -2
  186. package/styled-components/es/index.js +1 -2
  187. package/styled-components/es/utils/index.js +0 -1
  188. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  189. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  190. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  191. package/types/components/Calendar/hooks/useDays.d.ts +1 -1
  192. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  193. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  194. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +1 -0
  195. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  196. package/types/components/Checkbox/Checkbox.d.ts +4 -37
  197. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  198. package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
  199. package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
  200. package/types/components/Checkbox/Checkbox.tokens.d.ts +34 -0
  201. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
  202. package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
  203. package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
  204. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  205. package/types/components/Checkbox/index.d.ts +2 -1
  206. package/types/components/Checkbox/index.d.ts.map +1 -1
  207. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
  208. package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
  209. package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
  210. package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
  211. package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
  212. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  213. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  214. package/types/components/Radiobox/Radiobox.styles.d.ts +4 -0
  215. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
  216. package/types/components/Radiobox/Radiobox.tokens.d.ts +34 -0
  217. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
  218. package/types/components/Radiobox/index.d.ts +1 -0
  219. package/types/components/Radiobox/index.d.ts.map +1 -1
  220. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
  221. package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
  222. package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
  223. package/types/components/Radiobox/variations/_view/base.d.ts.map +1 -0
  224. package/types/components/TextField/TextField.d.ts.map +1 -1
  225. package/types/engines/common.d.ts +3 -3
  226. package/types/engines/common.d.ts.map +1 -1
  227. package/types/engines/index.d.ts +1 -1
  228. package/types/engines/index.d.ts.map +1 -1
  229. package/types/engines/types.d.ts +0 -4
  230. package/types/engines/types.d.ts.map +1 -1
  231. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +0 -1
  232. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  233. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  234. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  235. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  236. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +0 -1
  237. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  238. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  239. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  240. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  241. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -1
  242. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  243. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  244. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  245. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  246. package/types/hooks/index.d.ts +0 -1
  247. package/types/hooks/index.d.ts.map +1 -1
  248. package/types/index.d.ts +0 -1
  249. package/types/index.d.ts.map +1 -1
  250. package/types/utils/index.d.ts +0 -1
  251. package/types/utils/index.d.ts.map +1 -1
  252. package/cjs/components/Checkbox/Checkbox_1q4l832.css +0 -7
  253. package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
  254. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  255. package/cjs/components/Checkbox/_focused/base.js.map +0 -1
  256. package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
  257. package/cjs/components/Checkbox/_size/base.js.map +0 -1
  258. package/cjs/components/Checkbox/_view/base.js.map +0 -1
  259. package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
  260. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  261. package/cjs/components/Radiobox/_disabled/base.js +0 -9
  262. package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
  263. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  264. package/cjs/components/Radiobox/_focused/base.js +0 -9
  265. package/cjs/components/Radiobox/_focused/base.js.map +0 -1
  266. package/cjs/components/Radiobox/_size/base.js.map +0 -1
  267. package/cjs/components/Radiobox/_view/base.js +0 -9
  268. package/cjs/components/Radiobox/_view/base.js.map +0 -1
  269. package/cjs/components/Slider/Slider.css +0 -69
  270. package/cjs/components/Slider/Slider.js +0 -53
  271. package/cjs/components/Slider/Slider.js.map +0 -1
  272. package/cjs/components/Slider/Slider.tokens.js +0 -79
  273. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  274. package/cjs/components/Slider/components/Double/Double.css +0 -62
  275. package/cjs/components/Slider/components/Double/Double.js +0 -274
  276. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  277. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  278. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  279. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  280. package/cjs/components/Slider/components/Single/Single.css +0 -16
  281. package/cjs/components/Slider/components/Single/Single.js +0 -160
  282. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  283. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  284. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  285. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  286. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  287. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  288. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  289. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  290. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  291. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  292. package/cjs/components/Slider/ui/Handle/Handle.css +0 -4
  293. package/cjs/components/Slider/ui/Handle/Handle.js +0 -174
  294. package/cjs/components/Slider/ui/Handle/Handle.js.map +0 -1
  295. package/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -21
  296. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  297. package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +0 -2
  298. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  299. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  300. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  301. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  302. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  303. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  304. package/cjs/components/Slider/utils/index.js +0 -56
  305. package/cjs/components/Slider/utils/index.js.map +0 -1
  306. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  307. package/cjs/components/Slider/variations/_size/base.js +0 -9
  308. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  309. package/cjs/components/Slider/variations/_view/base.js +0 -9
  310. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  311. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  312. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  313. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  314. package/cjs/utils/canUseDOM.js +0 -12
  315. package/cjs/utils/canUseDOM.js.map +0 -1
  316. package/es/components/Checkbox/Checkbox_1q4l832.css +0 -7
  317. package/es/components/Checkbox/_disabled/base.js.map +0 -1
  318. package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  319. package/es/components/Checkbox/_focused/base.js.map +0 -1
  320. package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
  321. package/es/components/Checkbox/_size/base.js.map +0 -1
  322. package/es/components/Checkbox/_size/base_x642ct.css +0 -1
  323. package/es/components/Checkbox/_view/base.js.map +0 -1
  324. package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
  325. package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  326. package/es/components/Radiobox/_disabled/base.js +0 -5
  327. package/es/components/Radiobox/_disabled/base.js.map +0 -1
  328. package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  329. package/es/components/Radiobox/_focused/base.js +0 -5
  330. package/es/components/Radiobox/_focused/base.js.map +0 -1
  331. package/es/components/Radiobox/_size/base.js.map +0 -1
  332. package/es/components/Radiobox/_size/base_x642ct.css +0 -1
  333. package/es/components/Radiobox/_view/base.js +0 -5
  334. package/es/components/Radiobox/_view/base.js.map +0 -1
  335. package/es/components/Slider/Slider.css +0 -69
  336. package/es/components/Slider/Slider.js +0 -48
  337. package/es/components/Slider/Slider.js.map +0 -1
  338. package/es/components/Slider/Slider.tokens.js +0 -74
  339. package/es/components/Slider/Slider.tokens.js.map +0 -1
  340. package/es/components/Slider/components/Double/Double.css +0 -62
  341. package/es/components/Slider/components/Double/Double.js +0 -270
  342. package/es/components/Slider/components/Double/Double.js.map +0 -1
  343. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  344. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  345. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  346. package/es/components/Slider/components/Single/Single.css +0 -16
  347. package/es/components/Slider/components/Single/Single.js +0 -156
  348. package/es/components/Slider/components/Single/Single.js.map +0 -1
  349. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  350. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  351. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  352. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  353. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  354. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  355. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  356. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  357. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  358. package/es/components/Slider/ui/Handle/Handle.css +0 -4
  359. package/es/components/Slider/ui/Handle/Handle.js +0 -170
  360. package/es/components/Slider/ui/Handle/Handle.js.map +0 -1
  361. package/es/components/Slider/ui/Handle/Handle.styles.js +0 -16
  362. package/es/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  363. package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +0 -2
  364. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  365. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  366. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  367. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  368. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  369. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  370. package/es/components/Slider/utils/index.js +0 -50
  371. package/es/components/Slider/utils/index.js.map +0 -1
  372. package/es/components/Slider/variations/_disabled/base.js +0 -5
  373. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  374. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  375. package/es/components/Slider/variations/_size/base.js +0 -5
  376. package/es/components/Slider/variations/_size/base.js.map +0 -1
  377. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  378. package/es/components/Slider/variations/_view/base.js +0 -5
  379. package/es/components/Slider/variations/_view/base.js.map +0 -1
  380. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  381. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  382. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  383. package/es/utils/canUseDOM.js +0 -8
  384. package/es/utils/canUseDOM.js.map +0 -1
  385. package/styled-components/cjs/components/Checkbox/_focused/base.js +0 -26
  386. package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
  387. package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
  388. package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
  389. package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
  390. package/styled-components/cjs/components/Radiobox/_view/base.js +0 -8
  391. package/styled-components/cjs/components/Slider/Slider.js +0 -52
  392. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  393. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -286
  394. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  395. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  396. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -172
  397. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  398. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  399. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  400. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  401. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  402. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  403. package/styled-components/cjs/components/Slider/index.js +0 -32
  404. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +0 -183
  405. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -15
  406. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +0 -5
  407. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  408. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  409. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  410. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  411. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  412. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  413. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  414. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  415. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  416. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  417. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  418. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  419. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  420. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
  421. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  422. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  423. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
  424. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  425. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  426. package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
  427. package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
  428. package/styled-components/es/components/Checkbox/_view/base.js +0 -2
  429. package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
  430. package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
  431. package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
  432. package/styled-components/es/components/Radiobox/_view/base.js +0 -2
  433. package/styled-components/es/components/Slider/Slider.js +0 -43
  434. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  435. package/styled-components/es/components/Slider/components/Double/Double.js +0 -278
  436. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  437. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  438. package/styled-components/es/components/Slider/components/Single/Single.js +0 -164
  439. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  440. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  441. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  442. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  443. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  444. package/styled-components/es/components/Slider/components/index.js +0 -3
  445. package/styled-components/es/components/Slider/index.js +0 -3
  446. package/styled-components/es/components/Slider/ui/Handle/Handle.js +0 -174
  447. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +0 -8
  448. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +0 -1
  449. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  450. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  451. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  452. package/styled-components/es/components/Slider/ui/index.js +0 -5
  453. package/styled-components/es/components/Slider/utils/index.js +0 -47
  454. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  455. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  456. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  457. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  458. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  459. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  460. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  461. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  462. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
  463. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  464. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  465. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
  466. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  467. package/styled-components/es/utils/canUseDOM.js +0 -5
  468. package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
  469. package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
  470. package/types/components/Checkbox/_size/base.d.ts.map +0 -1
  471. package/types/components/Checkbox/_view/base.d.ts.map +0 -1
  472. package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
  473. package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
  474. package/types/components/Radiobox/_size/base.d.ts.map +0 -1
  475. package/types/components/Radiobox/_view/base.d.ts +0 -2
  476. package/types/components/Radiobox/_view/base.d.ts.map +0 -1
  477. package/types/components/Slider/Slider.d.ts +0 -27
  478. package/types/components/Slider/Slider.d.ts.map +0 -1
  479. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  480. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  481. package/types/components/Slider/Slider.types.d.ts +0 -3
  482. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  483. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  484. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  485. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  486. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  487. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  488. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  489. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  490. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  491. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  492. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  493. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  494. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  495. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  496. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  497. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  498. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  499. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  500. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  501. package/types/components/Slider/components/index.d.ts +0 -6
  502. package/types/components/Slider/components/index.d.ts.map +0 -1
  503. package/types/components/Slider/index.d.ts +0 -6
  504. package/types/components/Slider/index.d.ts.map +0 -1
  505. package/types/components/Slider/ui/Handle/Handle.d.ts +0 -9
  506. package/types/components/Slider/ui/Handle/Handle.d.ts.map +0 -1
  507. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +0 -4
  508. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +0 -1
  509. package/types/components/Slider/ui/Handle/Handle.types.d.ts +0 -24
  510. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +0 -1
  511. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  512. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  513. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  514. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  515. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  516. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  517. package/types/components/Slider/ui/index.d.ts +0 -6
  518. package/types/components/Slider/ui/index.d.ts.map +0 -1
  519. package/types/components/Slider/utils/index.d.ts +0 -33
  520. package/types/components/Slider/utils/index.d.ts.map +0 -1
  521. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  522. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  523. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  524. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  525. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  526. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  527. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  528. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  529. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  530. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  531. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  532. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  533. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  534. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  535. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  536. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  537. package/types/utils/canUseDOM.d.ts +0 -6
  538. package/types/utils/canUseDOM.d.ts.map +0 -1
  539. /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
  540. /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
  541. /package/{cjs/components/Slider/variations/_disabled → es/components/Checkbox/variations/_size}/base_x642ct.css +0 -0
  542. /package/{cjs/components/Slider → es/components/Radiobox}/variations/_size/base_x642ct.css +0 -0
  543. /package/styled-components/cjs/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
  544. /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  545. /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  546. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  547. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  548. /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  549. /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  550. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  551. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  552. /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  553. /package/styled-components/es/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
  554. /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  555. /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  556. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  557. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  558. /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  559. /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  560. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  561. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  562. /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  563. /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
  564. /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
  565. /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
  566. /package/types/components/{Checkbox/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
  567. /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
  568. /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
  569. /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
@@ -1,150 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import styled from 'styled-components';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
- import type { StoryObj, Meta } from '@storybook/react';
6
- import { action } from '@storybook/addon-actions';
7
-
8
- import { WithTheme } from '../../../_helpers';
9
-
10
- import { Slider } from './Slider';
11
-
12
- const sizes = ['l', 'm', 's'];
13
- const views = ['default', 'accent', 'gradient'];
14
- const labelPlacements = ['outer', 'inner'];
15
- const rangeValuesPlacement = ['outer', 'inner'];
16
-
17
- const meta: Meta<typeof Slider> = {
18
- title: 'plasma_b2c/Slider',
19
- component: Slider,
20
- decorators: [WithTheme],
21
- argTypes: {
22
- view: {
23
- options: views,
24
- control: {
25
- type: 'select',
26
- },
27
- },
28
- size: {
29
- options: sizes,
30
- control: {
31
- type: 'inline-radio',
32
- },
33
- },
34
- ...disableProps([
35
- 'value',
36
- 'onChangeCommitted',
37
- 'ariaLabel',
38
- 'onChange',
39
- 'fontSizeMultiplier',
40
- 'gap',
41
- 'settings',
42
- 'hasHoverAnimation',
43
- ]),
44
- },
45
- };
46
-
47
- export default meta;
48
-
49
- type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>;
50
- type StorySingleProps = StoryProps;
51
-
52
- type StorySingle = StoryObj<StorySingleProps>;
53
- type StoryDouble = StoryObj<StoryProps>;
54
-
55
- const SliderWrapper = styled.div`
56
- width: 25rem;
57
- `;
58
-
59
- const StoryDefault = (args: StorySingleProps) => {
60
- const [value, setValue] = useState(30);
61
-
62
- const onChangeCommittedHandle = (values) => {
63
- setValue(values);
64
- };
65
-
66
- return (
67
- <SliderWrapper>
68
- <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={action('onChange')} {...args} />
69
- </SliderWrapper>
70
- );
71
- };
72
-
73
- export const Default: StorySingle = {
74
- argTypes: {
75
- labelPlacement: {
76
- options: labelPlacements,
77
- control: {
78
- type: 'inline-radio',
79
- },
80
- },
81
- rangeValuesPlacement: {
82
- options: rangeValuesPlacement,
83
- control: {
84
- type: 'inline-radio',
85
- },
86
- },
87
- },
88
- args: {
89
- view: 'default',
90
- size: 'm',
91
- min: 0,
92
- max: 100,
93
- disabled: false,
94
- ariaLabel: 'Цена товара',
95
- multipleStepSize: 10,
96
- label: 'Цена товара',
97
- labelPlacement: 'outer',
98
- rangeValuesPlacement: 'outer',
99
- showRangeValues: true,
100
- showCurrentValue: false,
101
- },
102
- render: (args) => <StoryDefault {...args} />,
103
- };
104
-
105
- const StoryMultipleValues = (args: StoryProps) => {
106
- const [value, setValue] = useState([10, 80]);
107
- const sortValues = (values) => {
108
- return values.sort((a, b) => a - b);
109
- };
110
-
111
- const onChangeHandle = (values) => {
112
- setValue(sortValues(values));
113
- };
114
-
115
- const onBlurTextField = (values) => {
116
- setValue(sortValues(values));
117
- };
118
-
119
- const onKeyDownTextField = (values, event) => {
120
- if (event.key === 'Enter') {
121
- setValue(sortValues(values));
122
- }
123
- };
124
-
125
- return (
126
- <SliderWrapper>
127
- <Slider
128
- value={value}
129
- onKeyDownTextField={onKeyDownTextField}
130
- onBlurTextField={onBlurTextField}
131
- onChange={onChangeHandle}
132
- {...args}
133
- />
134
- </SliderWrapper>
135
- );
136
- };
137
-
138
- export const MultipleValues: StoryDouble = {
139
- args: {
140
- view: 'default',
141
- size: 'm',
142
- min: 0,
143
- max: 100,
144
- disabled: false,
145
- label: 'Цена товара',
146
- ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
147
- multipleStepSize: 10,
148
- },
149
- render: (args) => <StoryMultipleValues {...args} />,
150
- };
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Slider = /*#__PURE__*/require("../../../../components/Slider");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'm'
13
- },
14
- variations: {
15
- view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-solid-default);", ":var(--surface-solid-tertiary);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor),
17
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent);", ":var(--surface-solid-tertiary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor),
18
- gradient: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor)
19
- },
20
- size: {
21
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
22
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
23
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.125rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Slider.sliderTokens.height, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeMinValueMargin, _Slider.sliderTokens.rangeMaxValueMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railHeight, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight)
24
- },
25
- disabled: {
26
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Slider.sliderTokens.disabledOpacity)
27
- }
28
- }
29
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Slider = void 0;
7
- var _Slider = /*#__PURE__*/require("../../../../components/Slider");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _Slider2 = /*#__PURE__*/require("./Slider.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Slider.sliderConfig, _Slider2.config);
11
- var Slider = exports.Slider = /*#__PURE__*/(0, _engines.component)(mergedConfig);
12
-
13
- /**
14
- * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
15
- * Можно указать два значения.
16
- */
@@ -1,150 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import styled from 'styled-components';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
- import type { StoryObj, Meta } from '@storybook/react';
6
- import { action } from '@storybook/addon-actions';
7
-
8
- import { WithTheme } from '../../../_helpers';
9
-
10
- import { Slider } from './Slider';
11
-
12
- const sizes = ['l', 'm', 's'];
13
- const views = ['default', 'accent', 'gradient'];
14
- const labelPlacements = ['outer', 'inner'];
15
- const rangeValuesPlacement = ['outer', 'inner'];
16
-
17
- const meta: Meta<typeof Slider> = {
18
- title: 'plasma_web/Slider',
19
- component: Slider,
20
- decorators: [WithTheme],
21
- argTypes: {
22
- view: {
23
- options: views,
24
- control: {
25
- type: 'select',
26
- },
27
- },
28
- size: {
29
- options: sizes,
30
- control: {
31
- type: 'inline-radio',
32
- },
33
- },
34
- ...disableProps([
35
- 'value',
36
- 'onChangeCommitted',
37
- 'ariaLabel',
38
- 'onChange',
39
- 'fontSizeMultiplier',
40
- 'gap',
41
- 'settings',
42
- 'hasHoverAnimation',
43
- ]),
44
- },
45
- };
46
-
47
- export default meta;
48
-
49
- type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>;
50
- type StorySingleProps = StoryProps;
51
-
52
- type StorySingle = StoryObj<StorySingleProps>;
53
- type StoryDouble = StoryObj<StoryProps>;
54
-
55
- const SliderWrapper = styled.div`
56
- width: 25rem;
57
- `;
58
-
59
- const StoryDefault = (args: StorySingleProps) => {
60
- const [value, setValue] = useState(30);
61
-
62
- const onChangeCommittedHandle = (values) => {
63
- setValue(values);
64
- };
65
-
66
- return (
67
- <SliderWrapper>
68
- <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={action('onChange')} {...args} />
69
- </SliderWrapper>
70
- );
71
- };
72
-
73
- export const Default: StorySingle = {
74
- argTypes: {
75
- labelPlacement: {
76
- options: labelPlacements,
77
- control: {
78
- type: 'inline-radio',
79
- },
80
- },
81
- rangeValuesPlacement: {
82
- options: rangeValuesPlacement,
83
- control: {
84
- type: 'inline-radio',
85
- },
86
- },
87
- },
88
- args: {
89
- view: 'default',
90
- size: 'm',
91
- min: 0,
92
- max: 100,
93
- disabled: false,
94
- ariaLabel: 'Цена товара',
95
- multipleStepSize: 10,
96
- label: 'Цена товара',
97
- labelPlacement: 'outer',
98
- rangeValuesPlacement: 'outer',
99
- showRangeValues: true,
100
- showCurrentValue: false,
101
- },
102
- render: (args) => <StoryDefault {...args} />,
103
- };
104
-
105
- const StoryMultipleValues = (args: StoryProps) => {
106
- const [value, setValue] = useState([10, 80]);
107
- const sortValues = (values) => {
108
- return values.sort((a, b) => a - b);
109
- };
110
-
111
- const onChangeHandle = (values) => {
112
- setValue(sortValues(values));
113
- };
114
-
115
- const onBlurTextField = (values) => {
116
- setValue(sortValues(values));
117
- };
118
-
119
- const onKeyDownTextField = (values, event) => {
120
- if (event.key === 'Enter') {
121
- setValue(sortValues(values));
122
- }
123
- };
124
-
125
- return (
126
- <SliderWrapper>
127
- <Slider
128
- value={value}
129
- onKeyDownTextField={onKeyDownTextField}
130
- onBlurTextField={onBlurTextField}
131
- onChange={onChangeHandle}
132
- {...args}
133
- />
134
- </SliderWrapper>
135
- );
136
- };
137
-
138
- export const MultipleValues: StoryDouble = {
139
- args: {
140
- view: 'default',
141
- size: 'm',
142
- min: 0,
143
- max: 100,
144
- disabled: false,
145
- label: 'Цена товара',
146
- ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
147
- multipleStepSize: 10,
148
- },
149
- render: (args) => <StoryMultipleValues {...args} />,
150
- };
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIsomorphicLayoutEffect = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- var _utils = /*#__PURE__*/require("../utils");
9
- /**
10
- * Runs effect safely on server.
11
- */
12
- var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = _utils.canUseDOM ? _react.useLayoutEffect : _react.useEffect;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.canUseDOM = void 0;
7
- /**
8
- * This constant tells you whether can DOM be used.
9
- * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
10
- */
11
- var canUseDOM = exports.canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css(["input:disabled + label{opacity:var(--plasma-checkbox-disabled-opacity);}input:disabled + label{cursor:not-allowed;}"]);
@@ -1,20 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { addFocus } from '../../../mixins';
3
- export var base = /*#__PURE__*/css([".checkbox-trigger{", "}input[data-focus-visible-added] + label .checkbox-trigger{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger{", "}"], /*#__PURE__*/addFocus({
4
- outlineOffset: '0',
5
- outlineSize: '0.125rem',
6
- outlineRadius: 'var(--plasma-checkbox-trigger-border-radius)',
7
- outlineColor: 'transparent'
8
- }), /*#__PURE__*/addFocus({
9
- outlineOffset: '-0.188rem',
10
- outlineSize: '0.125rem',
11
- outlineRadius: 'var(--plasma-checkbox-trigger-border-radius)',
12
- outlineColor: 'var(--plasma-checkbox-focus-color)',
13
- customFocusRules: "\n &::before {\n box-shadow: 0 0 0 0.125rem var(--plasma-checkbox-focus-color);\n }\n "
14
- }), /*#__PURE__*/addFocus({
15
- outlineOffset: '-0.125rem',
16
- outlineSize: '0.063rem',
17
- outlineRadius: 'calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem)',
18
- outlineColor: 'var(--plasma-checkbox-focus-color)',
19
- customFocusRules: "\n &::before {\n box-shadow: 0 0 0 0.063rem var(--plasma-checkbox-focus-color);\n }\n "
20
- }));
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css(["input[type='checkbox']:indeterminate + label .checkbox-trigger{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}input:checked + label .checkbox-trigger{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}"]);
@@ -1 +0,0 @@
1
- ["--plasma-checkbox-fill-color", "--plasma-checkbox-icon-color"]
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css(["input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}input:disabled + label{cursor:not-allowed;}"]);
@@ -1,20 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { addFocus } from '../../../mixins';
3
- export var base = /*#__PURE__*/css([".radiobox-trigger{", "}input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .radiobox-trigger{", "}"], /*#__PURE__*/addFocus({
4
- outlineOffset: '0',
5
- outlineSize: '0.125rem',
6
- outlineRadius: 'var(--plasma-radiobox-trigger-border-radius)',
7
- outlineColor: 'transparent'
8
- }), /*#__PURE__*/addFocus({
9
- outlineOffset: '-0.188rem',
10
- outlineSize: '0.125rem',
11
- outlineRadius: 'var(--plasma-radiobox-trigger-border-radius)',
12
- outlineColor: 'var(--plasma-radiobox-focus-color)',
13
- customFocusRules: "\n &::before {\n box-shadow: 0 0 0 0.125rem var(--plasma-radiobox-focus-color);\n }\n "
14
- }), /*#__PURE__*/addFocus({
15
- outlineOffset: '-0.125rem',
16
- outlineSize: '0.063rem',
17
- outlineRadius: 'calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem)',
18
- outlineColor: 'var(--plasma-radiobox-focus-color)',
19
- customFocusRules: "\n &::before {\n box-shadow: 0 0 0 0.063rem var(--plasma-radiobox-focus-color);\n }\n "
20
- }));
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css(["input:checked + label .radiobox-trigger{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}"]);
@@ -1,43 +0,0 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React, { forwardRef } from 'react';
3
- import { base as viewCSS } from './variations/_view/base';
4
- import { base as sizeCSS } from './variations/_size/base';
5
- import { base as disabledCSS } from './variations/_disabled/base';
6
- import { SingleSlider, DoubleSlider } from './components';
7
- var isSingleValueProps = function isSingleValueProps(props) {
8
- return typeof props.value === 'number';
9
- };
10
- export var sliderRoot = function sliderRoot(Root) {
11
- return /*#__PURE__*/forwardRef(function (props, ref) {
12
- if (isSingleValueProps(props)) {
13
- return /*#__PURE__*/React.createElement(Root, _extends({
14
- ref: ref
15
- }, props), /*#__PURE__*/React.createElement(SingleSlider, props));
16
- }
17
- return /*#__PURE__*/React.createElement(Root, _extends({
18
- ref: ref
19
- }, props), /*#__PURE__*/React.createElement(DoubleSlider, props));
20
- });
21
- };
22
- export var sliderConfig = {
23
- name: 'Slider',
24
- tag: 'div',
25
- layout: sliderRoot,
26
- base: '',
27
- variations: {
28
- view: {
29
- css: viewCSS
30
- },
31
- size: {
32
- css: sizeCSS
33
- },
34
- disabled: {
35
- css: disabledCSS,
36
- attrs: true
37
- }
38
- },
39
- defaults: {
40
- view: 'default',
41
- size: 'm'
42
- }
43
- };
@@ -1,71 +0,0 @@
1
- export var classes = {
2
- labelPlacementOuter: 'slider-label-placement-outer',
3
- labelPlacementInner: 'slider-label-placement-inner',
4
- rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
5
- rangeValuesPlacementInner: 'slider-range-values-placement-inner',
6
- maxRangeValue: 'slider-max-range-value',
7
- hideMinValue: 'slider-hide-min-value',
8
- hideMaxValue: 'slider-hide-max-value',
9
- textFieldActive: 'slider-text-field-active',
10
- firstTextField: 'slider-first-text-field',
11
- secondTextField: 'slider-second-text-field',
12
- activeRangeValue: 'slider-active-range-value'
13
- };
14
- export var tokens = {
15
- height: '--plasma-slider-height',
16
- labelWrapperGap: '--plasma-slider-label-wrapper-gap',
17
- labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
18
- labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
19
- labelColor: '--plasma-slider-label-color',
20
- labelFontFamily: '--plasma-slider-label-font-family',
21
- labelFontSize: '--plasma-slider-label-font-size',
22
- labelFontStyle: '--plasma-slider-label-font-style',
23
- labelFontWeight: '--plasma-slider-label-font-weight',
24
- labelLetterSpacing: '--plasma-slider-label-letter-spacing',
25
- labelLineHeight: '--plasma-slider-label-line-height',
26
- rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
27
- rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
28
- rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
29
- rangeValueColor: '--plasma-slider-range-value-color',
30
- rangeValueFontFamily: '--plasma-slider-range-value-font-family',
31
- rangeValueFontSize: '--plasma-slider-range-value-font-size',
32
- rangeValueFontStyle: '--plasma-slider-range-value-font-style',
33
- rangeValueFontWeight: '--plasma-slider-range-value-font-weight',
34
- rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',
35
- rangeValueLineHeight: '--plasma-slider-range-value-line-height',
36
- doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
37
- thumbSize: '--plasma-slider-thumb-size',
38
- thumbBorder: '--plasma-slider-thumb-border',
39
- thumbBorderColor: '--plasma-slider-thumb-border-color',
40
- thumbBackgroundColor: '--plasma-slider-thumb-background-color',
41
- thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
42
- currentValueTopOffset: '--plasma-slider-current-value-top-offset',
43
- currentValueFontFamily: '--plasma-slider-current-value-font-family',
44
- currentValueFontSize: '--plasma-slider-current-value-font-size',
45
- currentValueFontStyle: '--plasma-slider-current-value-font-style',
46
- currentValueFontWeight: '--plasma-slider-current-value-font-weight',
47
- currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
48
- currentValueLineHeight: '--plasma-slider-current-value-line-height',
49
- railBackgroundColor: '--plasma-slider-rail-background-color',
50
- railHeight: '--plasma-slider-rail-height',
51
- railBorderRadius: '--plasma-slider-rail-border-radius',
52
- railIndent: '--plasma-slider-rail-indent',
53
- fillColor: '--plasma-slider-fill-color',
54
- textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',
55
- textFieldFontFamily: '--plasma-slider-text-field-font-family',
56
- textFieldFontSize: '--plasma-slider-text-field-font-size',
57
- textFieldFontStyle: '--plasma-slider-text-field-font-style',
58
- textFieldFontWeight: '--plasma-slider-text-field-font-weight',
59
- textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',
60
- textFieldLineHeight: '--plasma-slider-text-field-line-height',
61
- textFieldHeight: '--plasma-slider-text-field-height',
62
- textFieldPadding: '--plasma-slider-text-field-padding',
63
- textFieldBorderRadius: '--plasma-slider-text-field-border-radius',
64
- textFieldColor: '--plasma-slider-text-field-color',
65
- textFieldActiveColor: '--plasma-slider-text-field-active-color',
66
- textFieldBackgroundColor: '--plasma-slider-text-field-background-color',
67
- textFieldCaretColor: '--plasma-slider-text-field-caret-color',
68
- textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',
69
- textFiledFocusColor: '--plasma-slider-text-field-focus-color',
70
- disabledOpacity: '--plasma-slider-disabled-opacity'
71
- };