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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (332) hide show
  1. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  2. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  3. package/cjs/components/Slider/Slider.css +69 -0
  4. package/cjs/components/Slider/Slider.js +48 -0
  5. package/cjs/components/Slider/Slider.js.map +1 -0
  6. package/cjs/components/Slider/Slider.tokens.js +79 -0
  7. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  8. package/cjs/components/Slider/components/Double/Double.css +62 -0
  9. package/cjs/components/Slider/components/Double/Double.js +288 -0
  10. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  11. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  12. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  13. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  14. package/cjs/components/Slider/components/Single/Single.css +16 -0
  15. package/cjs/components/Slider/components/Single/Single.js +164 -0
  16. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  17. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  18. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  19. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  20. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  21. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  22. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  23. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  24. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  25. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  26. package/cjs/components/Slider/ui/Handler/Handler.css +4 -0
  27. package/cjs/components/Slider/ui/Handler/Handler.js +174 -0
  28. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -0
  29. package/cjs/components/Slider/ui/Handler/Handler.styles.js +21 -0
  30. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -0
  31. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  32. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  33. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  34. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  35. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  36. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  37. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  38. package/cjs/components/Slider/utils/index.js +56 -0
  39. package/cjs/components/Slider/utils/index.js.map +1 -0
  40. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  41. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  42. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  43. package/cjs/components/Slider/variations/_size/base.js +9 -0
  44. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  45. package/cjs/components/Slider/variations/_size/base_x642ct.css +1 -0
  46. package/cjs/components/Slider/variations/_view/base.js +9 -0
  47. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  48. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  49. package/cjs/components/TextField/TextField.js +12 -3
  50. package/cjs/components/TextField/TextField.js.map +1 -1
  51. package/cjs/engines/common.js +4 -0
  52. package/cjs/engines/common.js.map +1 -1
  53. package/cjs/engines/index.js.map +1 -1
  54. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  55. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  56. package/cjs/index.css +25 -0
  57. package/cjs/index.js +14 -0
  58. package/cjs/index.js.map +1 -1
  59. package/cjs/utils/canUseDOM.js +12 -0
  60. package/cjs/utils/canUseDOM.js.map +1 -0
  61. package/cjs/utils/index.js.map +1 -1
  62. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  63. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  64. package/es/components/Slider/Slider.css +69 -0
  65. package/es/components/Slider/Slider.js +43 -0
  66. package/es/components/Slider/Slider.js.map +1 -0
  67. package/es/components/Slider/Slider.tokens.js +74 -0
  68. package/es/components/Slider/Slider.tokens.js.map +1 -0
  69. package/es/components/Slider/components/Double/Double.css +62 -0
  70. package/es/components/Slider/components/Double/Double.js +284 -0
  71. package/es/components/Slider/components/Double/Double.js.map +1 -0
  72. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  73. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  74. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  75. package/es/components/Slider/components/Single/Single.css +16 -0
  76. package/es/components/Slider/components/Single/Single.js +160 -0
  77. package/es/components/Slider/components/Single/Single.js.map +1 -0
  78. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  79. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  80. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  81. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  82. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  83. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  84. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  85. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  86. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  87. package/es/components/Slider/ui/Handler/Handler.css +4 -0
  88. package/es/components/Slider/ui/Handler/Handler.js +170 -0
  89. package/es/components/Slider/ui/Handler/Handler.js.map +1 -0
  90. package/es/components/Slider/ui/Handler/Handler.styles.js +16 -0
  91. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -0
  92. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  93. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  94. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  95. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  96. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  97. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  98. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  99. package/es/components/Slider/utils/index.js +50 -0
  100. package/es/components/Slider/utils/index.js.map +1 -0
  101. package/es/components/Slider/variations/_disabled/base.js +5 -0
  102. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  103. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  104. package/es/components/Slider/variations/_size/base.js +5 -0
  105. package/es/components/Slider/variations/_size/base.js.map +1 -0
  106. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  107. package/es/components/Slider/variations/_view/base.js +5 -0
  108. package/es/components/Slider/variations/_view/base.js.map +1 -0
  109. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  110. package/es/components/TextField/TextField.js +12 -3
  111. package/es/components/TextField/TextField.js.map +1 -1
  112. package/es/engines/common.js +4 -0
  113. package/es/engines/common.js.map +1 -1
  114. package/es/engines/index.js.map +1 -1
  115. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  116. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  117. package/es/index.css +25 -0
  118. package/es/index.js +8 -0
  119. package/es/index.js.map +1 -1
  120. package/es/utils/canUseDOM.js +8 -0
  121. package/es/utils/canUseDOM.js.map +1 -0
  122. package/es/utils/index.js.map +1 -1
  123. package/package.json +3 -2
  124. package/styled-components/cjs/components/Avatar/Avatar.template-doc.mdx +1 -3
  125. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +9 -9
  126. package/styled-components/cjs/components/Button/Button.template-doc.mdx +9 -8
  127. package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +2 -2
  128. package/styled-components/cjs/components/Chip/Chip.template-doc.mdx +1 -1
  129. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +14 -14
  130. package/styled-components/cjs/components/Counter/Counter.template-doc.mdx +5 -5
  131. package/styled-components/cjs/components/Drawer/Drawer.template-doc.mdx +3 -3
  132. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +261 -262
  133. package/styled-components/cjs/components/Image/Image.template-doc.mdx +1 -1
  134. package/styled-components/cjs/components/Link/Link.template-doc.mdx +4 -4
  135. package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +33 -85
  136. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +2 -1
  137. package/styled-components/cjs/components/Popover/Popover.template-doc.mdx +3 -3
  138. package/styled-components/cjs/components/Popup/Popup.template-doc.mdx +74 -70
  139. package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx +1 -2
  140. package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +2 -2
  141. package/styled-components/cjs/components/Skeleton/Skeleton.template-doc.mdx +4 -4
  142. package/styled-components/cjs/components/Slider/Slider.js +47 -0
  143. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  144. package/styled-components/cjs/components/Slider/Slider.types.js +5 -0
  145. package/styled-components/cjs/components/Slider/components/Double/Double.js +300 -0
  146. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  147. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
  148. package/styled-components/cjs/components/Slider/components/Single/Single.js +176 -0
  149. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  150. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  151. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  152. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  153. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  154. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  155. package/styled-components/cjs/components/Slider/index.js +32 -0
  156. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +183 -0
  157. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -0
  158. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +5 -0
  159. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  160. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
  161. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  162. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  163. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  164. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  165. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  166. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  167. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  168. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  169. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  170. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +1 -1
  171. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  172. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +2 -2
  173. package/styled-components/cjs/engines/common.js +4 -0
  174. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  175. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
  176. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +164 -0
  177. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  178. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
  179. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +163 -0
  180. package/styled-components/cjs/hooks/index.js +8 -1
  181. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  182. package/styled-components/cjs/index.js +11 -0
  183. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  184. package/styled-components/cjs/utils/index.js +7 -0
  185. package/styled-components/es/components/Avatar/Avatar.template-doc.mdx +1 -3
  186. package/styled-components/es/components/Badge/Badge.template-doc.mdx +9 -9
  187. package/styled-components/es/components/Button/Button.template-doc.mdx +9 -8
  188. package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +2 -2
  189. package/styled-components/es/components/Chip/Chip.template-doc.mdx +1 -1
  190. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +14 -14
  191. package/styled-components/es/components/Counter/Counter.template-doc.mdx +5 -5
  192. package/styled-components/es/components/Drawer/Drawer.template-doc.mdx +3 -3
  193. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +261 -262
  194. package/styled-components/es/components/Image/Image.template-doc.mdx +1 -1
  195. package/styled-components/es/components/Link/Link.template-doc.mdx +4 -4
  196. package/styled-components/es/components/Modal/Modal.template-doc.mdx +33 -85
  197. package/styled-components/es/components/Notification/Notification.template-doc.mdx +2 -1
  198. package/styled-components/es/components/Popover/Popover.template-doc.mdx +3 -3
  199. package/styled-components/es/components/Popup/Popup.template-doc.mdx +74 -70
  200. package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx +1 -2
  201. package/styled-components/es/components/Segment/Segment.template-doc.mdx +2 -2
  202. package/styled-components/es/components/Skeleton/Skeleton.template-doc.mdx +4 -4
  203. package/styled-components/es/components/Slider/Slider.js +38 -0
  204. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  205. package/styled-components/es/components/Slider/Slider.types.js +1 -0
  206. package/styled-components/es/components/Slider/components/Double/Double.js +292 -0
  207. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  208. package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
  209. package/styled-components/es/components/Slider/components/Single/Single.js +168 -0
  210. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  211. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  212. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  213. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  214. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  215. package/styled-components/es/components/Slider/components/index.js +3 -0
  216. package/styled-components/es/components/Slider/index.js +3 -0
  217. package/styled-components/es/components/Slider/ui/Handler/Handler.js +174 -0
  218. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -0
  219. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +1 -0
  220. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  221. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  222. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  223. package/styled-components/es/components/Slider/ui/index.js +5 -0
  224. package/styled-components/es/components/Slider/utils/index.js +47 -0
  225. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  226. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  227. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  228. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  229. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  230. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  231. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +1 -1
  232. package/styled-components/es/components/TextField/TextField.js +12 -3
  233. package/styled-components/es/components/TextField/TextField.template-doc.mdx +2 -2
  234. package/styled-components/es/engines/common.js +4 -0
  235. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  236. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
  237. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +164 -0
  238. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  239. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
  240. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +163 -0
  241. package/styled-components/es/hooks/index.js +2 -1
  242. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  243. package/styled-components/es/index.js +2 -1
  244. package/styled-components/es/utils/canUseDOM.js +5 -0
  245. package/styled-components/es/utils/index.js +1 -0
  246. package/types/components/Slider/Slider.d.ts +27 -0
  247. package/types/components/Slider/Slider.d.ts.map +1 -0
  248. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  249. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  250. package/types/components/Slider/Slider.types.d.ts +3 -0
  251. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  252. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  253. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  254. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  255. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  256. package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
  257. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  258. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  259. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  260. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  261. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  262. package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
  263. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  264. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  265. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  266. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  267. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  268. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  269. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  270. package/types/components/Slider/components/index.d.ts +6 -0
  271. package/types/components/Slider/components/index.d.ts.map +1 -0
  272. package/types/components/Slider/index.d.ts +6 -0
  273. package/types/components/Slider/index.d.ts.map +1 -0
  274. package/types/components/Slider/ui/Handler/Handler.d.ts +9 -0
  275. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -0
  276. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +4 -0
  277. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -0
  278. package/types/components/Slider/ui/Handler/Handler.types.d.ts +24 -0
  279. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -0
  280. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  281. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  282. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  283. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  284. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  285. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  286. package/types/components/Slider/ui/index.d.ts +6 -0
  287. package/types/components/Slider/ui/index.d.ts.map +1 -0
  288. package/types/components/Slider/utils/index.d.ts +33 -0
  289. package/types/components/Slider/utils/index.d.ts.map +1 -0
  290. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  291. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  292. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  293. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  294. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  295. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  296. package/types/components/TextField/TextField.d.ts.map +1 -1
  297. package/types/engines/common.d.ts +3 -3
  298. package/types/engines/common.d.ts.map +1 -1
  299. package/types/engines/index.d.ts +1 -1
  300. package/types/engines/index.d.ts.map +1 -1
  301. package/types/engines/types.d.ts +4 -0
  302. package/types/engines/types.d.ts.map +1 -1
  303. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  304. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  305. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
  306. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  307. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  308. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  309. package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
  310. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  311. package/types/hooks/index.d.ts +1 -0
  312. package/types/hooks/index.d.ts.map +1 -1
  313. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  314. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  315. package/types/index.d.ts +1 -0
  316. package/types/index.d.ts.map +1 -1
  317. package/types/utils/canUseDOM.d.ts +6 -0
  318. package/types/utils/canUseDOM.d.ts.map +1 -0
  319. package/types/utils/index.d.ts +1 -0
  320. package/types/utils/index.d.ts.map +1 -1
  321. package/styled-components/cjs/components/Cell/Cell.template-doc.mdx +0 -68
  322. package/styled-components/cjs/components/Divider/Divider.template-docs.mdx +0 -57
  323. package/styled-components/cjs/components/IconButton/IconButton.template-doc.mdx +0 -156
  324. package/styled-components/cjs/components/Pagination/Pagination.template-doc.mdx +0 -130
  325. package/styled-components/cjs/components/Progress/Progress.template-doc.mdx +0 -33
  326. package/styled-components/cjs/components/Toolbar/Toolbar.template-doc.mdx +0 -120
  327. package/styled-components/es/components/Cell/Cell.template-doc.mdx +0 -68
  328. package/styled-components/es/components/Divider/Divider.template-docs.mdx +0 -57
  329. package/styled-components/es/components/IconButton/IconButton.template-doc.mdx +0 -156
  330. package/styled-components/es/components/Pagination/Pagination.template-doc.mdx +0 -130
  331. package/styled-components/es/components/Progress/Progress.template-doc.mdx +0 -33
  332. package/styled-components/es/components/Toolbar/Toolbar.template-doc.mdx +0 -120
@@ -3,21 +3,20 @@ id: dropdown
3
3
  title: Dropdown
4
4
  ---
5
5
 
6
- import { PropsTable, Description } from '@site/src/components';
6
+ import { PropsTable, Description, StorybookLink } from '@site/src/components';
7
7
  import Tabs from '@theme/Tabs';
8
8
  import TabItem from '@theme/TabItem';
9
9
 
10
10
  # Dropdown
11
11
  Выпадающий многоуровневый список.
12
12
 
13
+ <StorybookLink name="Dropdown" />
14
+
13
15
  <Description name="Dropdown" />
14
16
  <PropsTable name="Dropdown" />
15
17
 
16
18
  ## Использование
17
- Обязательным параметром является только массив `items`.
18
- Внутри items может быть такой же вложенный массив items.
19
-
20
- Формат следующий:
19
+ Обязательным параметром является только массив `items`. Внутри items может быть такой же вложенный массив items. Формат следующий:
21
20
 
22
21
  ```tsx
23
22
  type Items = Array<{
@@ -69,272 +68,272 @@ type Items = Array<{
69
68
  <TabItem value="default" label="Default" default>
70
69
  ```tsx live
71
70
  import React from 'react';
72
- import { Button, Dropdown } from '@salutejs/{{ package }}';
71
+ import { Button, Dropdown } from '@salutejs/plasma-web';
73
72
 
74
73
  export function App() {
75
- const items = [
76
- {
77
- value: 'north_america',
78
- label: 'Северная Америка',
79
- },
80
- {
81
- value: 'south_america',
82
- label: 'Южная Америка',
83
- items: [
84
- {
85
- value: 'brazil',
86
- label: 'Бразилия',
87
- items: [
88
- {
89
- value: 'rio_de_janeiro',
90
- label: 'Рио-де-Жанейро',
91
- },
92
- {
93
- value: 'sao_paulo',
94
- label: 'Сан-Паулу',
95
- },
96
- ],
97
- },
98
- {
99
- value: 'argentina',
100
- label: 'Аргентина',
101
- },
102
- ],
103
- },
104
- ];
105
-
106
-
107
- return (
108
- <div style=\{{ height:"300px" }}>
109
- <Dropdown
110
- items={items}
111
- >
112
- <Button text="Список стран" />
113
- </Dropdown>
114
- </div>
115
- );
116
- }
117
- ```
118
- </TabItem>
119
-
120
- <TabItem value="size" label="Size">
121
- Размер `Dropdown` задается с помощью свойства `size`.<br />
122
- Возможные значения свойства: `"l"`, `"m"`, `"s"` или `"xs"`.
123
-
124
- ```tsx live
125
- import React from 'react';
126
- import { Button, Dropdown } from '@salutejs/{{ package }}';
127
-
128
- export function App() {
129
- const items = [
130
- {
131
- value: 'north_america',
132
- label: 'Северная Америка',
133
- },
134
- {
135
- value: 'south_america',
136
- label: 'Южная Америка',
137
- items: [
138
- {
139
- value: 'brazil',
140
- label: 'Бразилия',
141
- items: [
142
- {
143
- value: 'rio_de_janeiro',
144
- label: 'Рио-де-Жанейро',
145
- },
146
- {
147
- value: 'sao_paulo',
148
- label: 'Сан-Паулу',
149
- },
150
- ],
151
- },
152
- {
153
- value: 'argentina',
154
- label: 'Аргентина',
155
- },
156
- ],
157
- },
158
- ];
159
-
160
- return (
161
- <div style=\{{ height: "300px", display: "flex", gap: "50px" }}>
162
- <Dropdown
163
- items={items}
164
- size="l"
165
- >
166
- <Button text="Список стран" />
167
- </Dropdown>
168
-
169
- <Dropdown
170
- items={items}
171
- size="m" // default
172
- >
173
- <Button text="Список стран" />
174
- </Dropdown>
175
-
176
- <Dropdown
177
- items={items}
178
- size="s"
179
- >
180
- <Button text="Список стран" />
181
- </Dropdown>
182
-
183
- <Dropdown
184
- items={items}
185
- size="xs"
186
- >
187
- <Button text="Список стран" />
188
- </Dropdown>
189
- </div>
190
- );
191
- }
192
- ```
193
- </TabItem>
194
-
195
- <TabItem value="placement" label="Placement">
196
- Параметр `placement` принимает либо строку: `"top"`, `"right"`, `"bottom"`, `"left"`, `"auto"`, либо массив этих же значений, например: `["top", "bottom"]`.<br />
197
- Default value для placement - `"bottom"`.
198
-
199
- ```tsx live
200
- import React from 'react';
201
- import { Button, Dropdown } from '@salutejs/{{ package }}';
202
-
203
- export function App() {
204
- const items = [
205
- {
206
- value: 'north_america',
207
- label: 'Северная Америка',
208
- },
209
- {
210
- value: 'south_america',
211
- label: 'Южная Америка',
212
- items: [
213
- {
214
- value: 'brazil',
215
- label: 'Бразилия',
216
- items: [
217
- {
218
- value: 'rio_de_janeiro',
219
- label: 'Рио-де-Жанейро',
220
- },
221
- {
222
- value: 'sao_paulo',
223
- label: 'Сан-Паулу',
224
- },
225
- ],
226
- },
227
- {
228
- value: 'argentina',
229
- label: 'Аргентина',
230
- },
231
- ],
232
- },
233
- ];
234
-
235
- return (
236
- <div style=\{{ height: "300px", display: "flex", gap: "50px" }}>
237
- <Dropdown
238
- items={items}
239
- >
240
- <Button text="Список стран" />
241
- </Dropdown>
242
-
243
- <Dropdown
244
- items={items}
245
- placement="right"
246
- >
247
- <Button text="Список стран" />
248
- </Dropdown>
249
-
250
- <Dropdown
251
- items={items}
252
- placement="left"
253
- >
254
- <Button text="Список стран" />
255
- </Dropdown>
256
-
257
- <Dropdown
258
- items={items}
259
- placement={['top', 'bottom']}
260
- >
261
- <Button text="Список стран" />
262
- </Dropdown>
263
- </div>
264
- );
265
- }
266
- ```
267
- </TabItem>
268
-
269
- <TabItem value="trigger" label="Trigger">
270
- Параметр `trigger` принимает строку: `"click"` или `"hover"`.<br />
271
- Default value - `"click"`.<br />
272
- Для примера показано значение `"hover"`.
273
-
274
- ```tsx live
275
- import React from 'react';
276
- import { Button, Dropdown } from '@salutejs/{{ package }}';
277
-
278
- export function App() {
279
- const items = [
280
- {
281
- value: 'north_america',
282
- label: 'Северная Америка',
283
- },
284
- {
285
- value: 'south_america',
286
- label: 'Южная Америка',
287
- items: [
288
- {
289
- value: 'brazil',
290
- label: 'Бразилия',
291
- items: [
292
- {
293
- value: 'rio_de_janeiro',
294
- label: 'Рио-де-Жанейро',
295
- },
296
- {
297
- value: 'sao_paulo',
298
- label: 'Сан-Паулу',
299
- },
300
- ],
301
- },
302
- {
303
- value: 'argentina',
304
- label: 'Аргентина',
305
- },
306
- ],
307
- },
308
- ];
309
-
310
-
311
- return (
312
- <div style=\{{ height:"300px" }}>
313
- <Dropdown
314
- items={items}
315
- trigger="hover"
316
- >
317
- <Button text="Список стран" />
318
- </Dropdown>
319
- </div>
320
- );
321
- }
322
- ```
323
- </TabItem>
74
+ const items = [
75
+ {
76
+ value: 'north_america',
77
+ label: 'Северная Америка',
78
+ },
79
+ {
80
+ value: 'south_america',
81
+ label: 'Южная Америка',
82
+ items: [
83
+ {
84
+ value: 'brazil',
85
+ label: 'Бразилия',
86
+ items: [
87
+ {
88
+ value: 'rio_de_janeiro',
89
+ label: 'Рио-де-Жанейро',
90
+ },
91
+ {
92
+ value: 'sao_paulo',
93
+ label: 'Сан-Паулу',
94
+ },
95
+ ],
96
+ },
97
+ {
98
+ value: 'argentina',
99
+ label: 'Аргентина',
100
+ },
101
+ ],
102
+ },
103
+ ];
104
+
105
+
106
+ return (
107
+ <div style={{ height:"300px" }}>
108
+ <Dropdown
109
+ items={items}
110
+ >
111
+ <Button text="Список стран" />
112
+ </Dropdown>
113
+ </div>
114
+ );
115
+ }
116
+ ```
117
+ </TabItem>
118
+
119
+ <TabItem value="size" label="Size">
120
+ Размер `Dropdown` задается с помощью свойства `size`.<br />
121
+ Возможные значения свойства: `"l"`, `"m"`, `"s"` или `"xs"`.
122
+
123
+ ```tsx live
124
+ import React from 'react';
125
+ import { Button, Dropdown } from '@salutejs/plasma-web';
126
+
127
+ export function App() {
128
+ const items = [
129
+ {
130
+ value: 'north_america',
131
+ label: 'Северная Америка',
132
+ },
133
+ {
134
+ value: 'south_america',
135
+ label: 'Южная Америка',
136
+ items: [
137
+ {
138
+ value: 'brazil',
139
+ label: 'Бразилия',
140
+ items: [
141
+ {
142
+ value: 'rio_de_janeiro',
143
+ label: 'Рио-де-Жанейро',
144
+ },
145
+ {
146
+ value: 'sao_paulo',
147
+ label: 'Сан-Паулу',
148
+ },
149
+ ],
150
+ },
151
+ {
152
+ value: 'argentina',
153
+ label: 'Аргентина',
154
+ },
155
+ ],
156
+ },
157
+ ];
158
+
159
+ return (
160
+ <div style={{ height: "300px", display: "flex", gap: "50px" }}>
161
+ <Dropdown
162
+ items={items}
163
+ size="l"
164
+ >
165
+ <Button text="Список стран" />
166
+ </Dropdown>
167
+
168
+ <Dropdown
169
+ items={items}
170
+ size="m" // default
171
+ >
172
+ <Button text="Список стран" />
173
+ </Dropdown>
174
+
175
+ <Dropdown
176
+ items={items}
177
+ size="s"
178
+ >
179
+ <Button text="Список стран" />
180
+ </Dropdown>
181
+
182
+ <Dropdown
183
+ items={items}
184
+ size="xs"
185
+ >
186
+ <Button text="Список стран" />
187
+ </Dropdown>
188
+ </div>
189
+ );
190
+ }
191
+ ```
192
+ </TabItem>
193
+
194
+ <TabItem value="placement" label="Placement">
195
+ Параметр `placement` принимает либо строку: `"top"`, `"right"`, `"bottom"`, `"left"`, `"auto"`, либо массив этих же значений, например: `["top", "bottom"]`.<br />
196
+ Default value для placement - `"bottom"`.
197
+
198
+ ```tsx live
199
+ import React from 'react';
200
+ import { Button, Dropdown } from '@salutejs/plasma-web';
201
+
202
+ export function App() {
203
+ const items = [
204
+ {
205
+ value: 'north_america',
206
+ label: 'Северная Америка',
207
+ },
208
+ {
209
+ value: 'south_america',
210
+ label: 'Южная Америка',
211
+ items: [
212
+ {
213
+ value: 'brazil',
214
+ label: 'Бразилия',
215
+ items: [
216
+ {
217
+ value: 'rio_de_janeiro',
218
+ label: 'Рио-де-Жанейро',
219
+ },
220
+ {
221
+ value: 'sao_paulo',
222
+ label: 'Сан-Паулу',
223
+ },
224
+ ],
225
+ },
226
+ {
227
+ value: 'argentina',
228
+ label: 'Аргентина',
229
+ },
230
+ ],
231
+ },
232
+ ];
233
+
234
+ return (
235
+ <div style={{ height: "300px", display: "flex", gap: "50px" }}>
236
+ <Dropdown
237
+ items={items}
238
+ >
239
+ <Button text="Список стран" />
240
+ </Dropdown>
241
+
242
+ <Dropdown
243
+ items={items}
244
+ placement="right"
245
+ >
246
+ <Button text="Список стран" />
247
+ </Dropdown>
248
+
249
+ <Dropdown
250
+ items={items}
251
+ placement="left"
252
+ >
253
+ <Button text="Список стран" />
254
+ </Dropdown>
255
+
256
+ <Dropdown
257
+ items={items}
258
+ placement={['top', 'bottom']}
259
+ >
260
+ <Button text="Список стран" />
261
+ </Dropdown>
262
+ </div>
263
+ );
264
+ }
265
+ ```
266
+ </TabItem>
267
+
268
+ <TabItem value="trigger" label="Trigger">
269
+ Параметр `trigger` принимает строку: `"click"` или `"hover"`.<br />
270
+ Default value - `"click"`.<br />
271
+ Для примера показано значение `"hover"`.
272
+
273
+ ```tsx live
274
+ import React from 'react';
275
+ import { Button, Dropdown } from '@salutejs/plasma-web';
276
+
277
+ export function App() {
278
+ const items = [
279
+ {
280
+ value: 'north_america',
281
+ label: 'Северная Америка',
282
+ },
283
+ {
284
+ value: 'south_america',
285
+ label: 'Южная Америка',
286
+ items: [
287
+ {
288
+ value: 'brazil',
289
+ label: 'Бразилия',
290
+ items: [
291
+ {
292
+ value: 'rio_de_janeiro',
293
+ label: 'Рио-де-Жанейро',
294
+ },
295
+ {
296
+ value: 'sao_paulo',
297
+ label: 'Сан-Паулу',
298
+ },
299
+ ],
300
+ },
301
+ {
302
+ value: 'argentina',
303
+ label: 'Аргентина',
304
+ },
305
+ ],
306
+ },
307
+ ];
308
+
309
+
310
+ return (
311
+ <div style={{ height:"300px" }}>
312
+ <Dropdown
313
+ items={items}
314
+ trigger="hover"
315
+ >
316
+ <Button text="Список стран" />
317
+ </Dropdown>
318
+ </div>
319
+ );
320
+ }
321
+ ```
322
+ </TabItem>
324
323
  </Tabs>
325
324
 
326
325
  ## Клавиатурная навигация
327
326
 
328
327
  Данный компонент соответствует требования W3C: [Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) и частично [TreeView](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/).
329
328
 
330
- - `Tab` - закрывает dropdown. Перемещает фокус на следующий элемент на странице;
331
- - `Enter` - открывает/закрывает dropdown. Если на элементе - выбирает его;
332
- - `Space` - открывает/закрывает dropdown. Если на элементе - выбирает его;
333
- - `Home` - открывает dropdown и перемещает фокус на первый элемент;
334
- - `End` - открывает dropdown и перемещает фокус на последний элемент;
329
+ - `Tab` - закрывает дропдаун. Перемещает фокус на следующий элемент на странице;
330
+ - `Enter` - открывает/закрывает дропдаун. Если на элементе - выбирает его;
331
+ - `Space` - открывает/закрывает дропдаун. Если на элементе - выбирает его;
332
+ - `Home` - открывает дропдаун и перемещает фокус на первый элемент;
333
+ - `End` - открывает дропдаун и перемещает фокус на последний элемент;
335
334
  - `PageUp` - перемещает фокус на 10 элементов выше либо в начало списка;
336
335
  - `PageDown` - перемещает фокус на 10 элементов ниже либо в конце списка;
337
- - `ArrowUp` - открывает dropdown и перемещает фокус на первый элемент. Перемещает фокус на один элемент выше;
338
- - `ArrowDown` - открывает dropdown и перемещает фокус на первый элемент. Перемещает фокус на один элемент ниже;
336
+ - `ArrowUp` - открывает дропдаун и перемещает фокус на первый элемент. Перемещает фокус на один элемент выше;
337
+ - `ArrowDown` - открывает дропдаун и перемещает фокус на первый элемент. Перемещает фокус на один элемент ниже;
339
338
  - `ArrowRight` - если фокус на элементе вложенного списка - открывает его и перемещает фокус на первый элемент;
340
339
  - `ArrowLeft` - закрывает текущий список и перемещает фокус на предыдущий;
@@ -16,7 +16,7 @@ import { Image } from '@salutejs/{{ package }}';
16
16
  export function App() {
17
17
  return (
18
18
  <Image
19
- src="/{{ package }}/images/320_320_9.jpg"
19
+ src="/web/images/320_320_9.jpg"
20
20
  width="320px"
21
21
  height="320px"
22
22
  alt="Картинка для примера фоном"
@@ -11,13 +11,13 @@ import { PropsTable, Description } from '@site/src/components';
11
11
 
12
12
  ```tsx live
13
13
  import React from 'react';
14
- import { TextS, Link } from '@salutejs/{{ package }}';
14
+ import { P1, Link } from '@salutejs/{{ package }}';
15
15
 
16
16
  export function App() {
17
17
  return (
18
- <TextS>
19
- Скачайте <Link href="/" target="_blank">приложение.</Link>
20
- </TextS>
18
+ <P1>
19
+ Скачайте <Link href="/" target="_blank">приложение</Link>.
20
+ </P1>
21
21
  );
22
22
  }
23
23
  ```