@salutejs/plasma-new-hope 0.195.0-canary.1534.11913376384.0 → 0.195.0-canary.1546.11930615455.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (372) hide show
  1. package/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -333
  2. package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  3. package/cjs/components/Badge/Badge.css +4 -4
  4. package/cjs/components/Badge/Badge.js +17 -7
  5. package/cjs/components/Badge/Badge.js.map +1 -1
  6. package/cjs/components/Badge/Badge.tokens.js +10 -5
  7. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  8. package/cjs/components/Badge/variations/_clear/base.js +1 -1
  9. package/cjs/components/Badge/variations/_clear/base.js.map +1 -1
  10. package/cjs/components/Badge/variations/_clear/base_wiboj8.css +1 -0
  11. package/cjs/components/Badge/variations/_size/base.js +1 -1
  12. package/cjs/components/Badge/variations/_size/base.js.map +1 -1
  13. package/{es/components/Badge/variations/_size/base_to0y5x.css → cjs/components/Badge/variations/_size/base_bu5opk.css} +1 -1
  14. package/cjs/components/Badge/variations/_transparent/base.js +1 -1
  15. package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
  16. package/cjs/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
  17. package/cjs/components/Badge/variations/_view/base.js +1 -1
  18. package/cjs/components/Badge/variations/_view/base.js.map +1 -1
  19. package/cjs/components/Badge/variations/_view/base_j3xzf3.css +1 -0
  20. package/cjs/components/Combobox/ComboboxNew/Combobox.js +18 -4
  21. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  22. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  23. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  24. package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -4
  25. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -4
  26. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -4
  27. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -4
  28. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -4
  29. package/cjs/components/Dropdown/Dropdown.css +5 -4
  30. package/cjs/components/Dropdown/Dropdown.js +4 -2
  31. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  32. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -4
  33. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
  34. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  35. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +7 -1
  36. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  37. package/cjs/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_1b439rx.css → DropdownItem.styles_14yih1y.css} +1 -0
  38. package/cjs/components/Select/Select.js +0 -1
  39. package/cjs/components/Select/Select.js.map +1 -1
  40. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  41. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  42. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +18 -3
  43. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  44. package/cjs/index.css +9 -22
  45. package/cjs/index.js +0 -6
  46. package/cjs/index.js.map +1 -1
  47. package/emotion/cjs/components/Badge/Badge.js +17 -7
  48. package/emotion/cjs/components/Badge/Badge.template-doc.mdx +40 -16
  49. package/emotion/cjs/components/Badge/Badge.tokens.js +10 -6
  50. package/emotion/cjs/components/Badge/variations/_clear/base.js +1 -1
  51. package/emotion/cjs/components/Badge/variations/_size/base.js +2 -1
  52. package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
  53. package/emotion/cjs/components/Badge/variations/_view/base.js +1 -1
  54. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -4
  55. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  56. package/emotion/cjs/components/Dropdown/Dropdown.js +4 -2
  57. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
  58. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -11
  59. package/emotion/cjs/components/Select/Select.js +0 -1
  60. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  61. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +24 -3
  62. package/emotion/cjs/components/_Icon/index.js +1 -8
  63. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
  64. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  65. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -14
  66. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  67. package/emotion/cjs/index.js +0 -11
  68. package/emotion/es/components/Badge/Badge.js +18 -8
  69. package/emotion/es/components/Badge/Badge.template-doc.mdx +40 -16
  70. package/emotion/es/components/Badge/Badge.tokens.js +9 -5
  71. package/emotion/es/components/Badge/variations/_clear/base.js +2 -2
  72. package/emotion/es/components/Badge/variations/_size/base.js +3 -2
  73. package/emotion/es/components/Badge/variations/_transparent/base.js +2 -2
  74. package/emotion/es/components/Badge/variations/_view/base.js +2 -2
  75. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +22 -4
  76. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  77. package/emotion/es/components/Dropdown/Dropdown.js +4 -2
  78. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
  79. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -11
  80. package/emotion/es/components/Select/Select.js +0 -1
  81. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  82. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +24 -3
  83. package/emotion/es/components/_Icon/index.js +1 -2
  84. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
  85. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  86. package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -14
  87. package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  88. package/emotion/es/index.js +1 -2
  89. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -332
  90. package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  91. package/es/components/Badge/Badge.css +4 -4
  92. package/es/components/Badge/Badge.js +20 -10
  93. package/es/components/Badge/Badge.js.map +1 -1
  94. package/es/components/Badge/Badge.tokens.js +10 -6
  95. package/es/components/Badge/Badge.tokens.js.map +1 -1
  96. package/es/components/Badge/variations/_clear/base.js +1 -1
  97. package/es/components/Badge/variations/_clear/base.js.map +1 -1
  98. package/es/components/Badge/variations/_clear/base_wiboj8.css +1 -0
  99. package/es/components/Badge/variations/_size/base.js +1 -1
  100. package/es/components/Badge/variations/_size/base.js.map +1 -1
  101. package/{cjs/components/Badge/variations/_size/base_to0y5x.css → es/components/Badge/variations/_size/base_bu5opk.css} +1 -1
  102. package/es/components/Badge/variations/_transparent/base.js +1 -1
  103. package/es/components/Badge/variations/_transparent/base.js.map +1 -1
  104. package/es/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
  105. package/es/components/Badge/variations/_view/base.js +1 -1
  106. package/es/components/Badge/variations/_view/base.js.map +1 -1
  107. package/es/components/Badge/variations/_view/base_j3xzf3.css +1 -0
  108. package/es/components/Combobox/ComboboxNew/Combobox.js +19 -5
  109. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  110. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  111. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  112. package/es/components/Combobox/ComboboxOld/Combobox.css +5 -4
  113. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -4
  114. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -4
  115. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -4
  116. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -4
  117. package/es/components/Dropdown/Dropdown.css +5 -4
  118. package/es/components/Dropdown/Dropdown.js +4 -2
  119. package/es/components/Dropdown/Dropdown.js.map +1 -1
  120. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -4
  121. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
  122. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  123. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +7 -2
  124. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  125. package/es/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_1b439rx.css → DropdownItem.styles_14yih1y.css} +1 -0
  126. package/es/components/Select/Select.js +0 -1
  127. package/es/components/Select/Select.js.map +1 -1
  128. package/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  129. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  130. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +19 -4
  131. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  132. package/es/index.css +9 -22
  133. package/es/index.js +0 -2
  134. package/es/index.js.map +1 -1
  135. package/package.json +5 -4
  136. package/styled-components/cjs/components/Badge/Badge.js +17 -7
  137. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +40 -16
  138. package/styled-components/cjs/components/Badge/Badge.tokens.js +10 -6
  139. package/styled-components/cjs/components/Badge/variations/_clear/base.js +1 -1
  140. package/styled-components/cjs/components/Badge/variations/_size/base.js +2 -1
  141. package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
  142. package/styled-components/cjs/components/Badge/variations/_view/base.js +1 -1
  143. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -4
  144. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  145. package/styled-components/cjs/components/Dropdown/Dropdown.js +4 -2
  146. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
  147. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -2
  148. package/styled-components/cjs/components/Select/Select.js +0 -1
  149. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  150. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +24 -3
  151. package/styled-components/cjs/components/_Icon/index.js +1 -8
  152. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
  153. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  154. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +5 -5
  155. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  156. package/styled-components/cjs/index.js +0 -11
  157. package/styled-components/es/components/Badge/Badge.js +18 -8
  158. package/styled-components/es/components/Badge/Badge.template-doc.mdx +40 -16
  159. package/styled-components/es/components/Badge/Badge.tokens.js +9 -5
  160. package/styled-components/es/components/Badge/variations/_clear/base.js +2 -2
  161. package/styled-components/es/components/Badge/variations/_size/base.js +3 -2
  162. package/styled-components/es/components/Badge/variations/_transparent/base.js +2 -2
  163. package/styled-components/es/components/Badge/variations/_view/base.js +2 -2
  164. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +22 -4
  165. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  166. package/styled-components/es/components/Dropdown/Dropdown.js +4 -2
  167. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
  168. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -2
  169. package/styled-components/es/components/Select/Select.js +0 -1
  170. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
  171. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +24 -3
  172. package/styled-components/es/components/_Icon/index.js +1 -2
  173. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
  174. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  175. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +5 -5
  176. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  177. package/styled-components/es/index.js +1 -2
  178. package/types/components/Badge/Badge.d.ts.map +1 -1
  179. package/types/components/Badge/Badge.tokens.d.ts +8 -4
  180. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  181. package/types/components/Badge/Badge.types.d.ts +18 -5
  182. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  183. package/types/components/Badge/variations/_clear/base.d.ts.map +1 -1
  184. package/types/components/Badge/variations/_size/base.d.ts.map +1 -1
  185. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  186. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -2
  187. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  188. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  189. package/types/components/Dropdown/Dropdown.d.ts +50 -2
  190. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  191. package/types/components/Dropdown/Dropdown.types.d.ts +11 -6
  192. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  193. package/types/components/Dropdown/index.d.ts +1 -0
  194. package/types/components/Dropdown/index.d.ts.map +1 -1
  195. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  196. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +1 -0
  197. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  198. package/types/components/Select/Select.d.ts.map +1 -1
  199. package/types/components/Select/Select.types.d.ts +1 -2
  200. package/types/components/Select/Select.types.d.ts.map +1 -1
  201. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  202. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  203. package/types/components/_Icon/index.d.ts +0 -1
  204. package/types/components/_Icon/index.d.ts.map +1 -1
  205. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  206. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +61 -4
  207. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  208. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +25 -1
  209. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
  210. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
  211. package/types/examples/plasma_web/components/Badge/Badge.d.ts +61 -4
  212. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  213. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +25 -1
  214. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
  215. package/types/index.d.ts +0 -1
  216. package/types/index.d.ts.map +1 -1
  217. package/cjs/components/Badge/variations/_clear/base_oopyb7.css +0 -1
  218. package/cjs/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
  219. package/cjs/components/Badge/variations/_view/base_qlxank.css +0 -1
  220. package/cjs/components/Dropzone/Dropzone.css +0 -15
  221. package/cjs/components/Dropzone/Dropzone.js +0 -252
  222. package/cjs/components/Dropzone/Dropzone.js.map +0 -1
  223. package/cjs/components/Dropzone/Dropzone.styles.js +0 -47
  224. package/cjs/components/Dropzone/Dropzone.styles.js.map +0 -1
  225. package/cjs/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
  226. package/cjs/components/Dropzone/Dropzone.tokens.js +0 -47
  227. package/cjs/components/Dropzone/Dropzone.tokens.js.map +0 -1
  228. package/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  229. package/cjs/components/Dropzone/variations/_disabled/base.js.map +0 -1
  230. package/cjs/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
  231. package/cjs/components/Dropzone/variations/_size/base.js +0 -9
  232. package/cjs/components/Dropzone/variations/_size/base.js.map +0 -1
  233. package/cjs/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
  234. package/cjs/components/Dropzone/variations/_view/base.js +0 -9
  235. package/cjs/components/Dropzone/variations/_view/base.js.map +0 -1
  236. package/cjs/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
  237. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -24
  238. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
  239. package/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -23
  240. package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
  241. package/emotion/cjs/components/Dropzone/Dropzone.js +0 -271
  242. package/emotion/cjs/components/Dropzone/Dropzone.styles.js +0 -67
  243. package/emotion/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  244. package/emotion/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
  245. package/emotion/cjs/components/Dropzone/Dropzone.types.js +0 -5
  246. package/emotion/cjs/components/Dropzone/index.js +0 -31
  247. package/emotion/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  248. package/emotion/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
  249. package/emotion/cjs/components/Dropzone/variations/_size/base.js +0 -10
  250. package/emotion/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
  251. package/emotion/cjs/components/Dropzone/variations/_view/base.js +0 -10
  252. package/emotion/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
  253. package/emotion/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
  254. package/emotion/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
  255. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
  256. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
  257. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  258. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
  259. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
  260. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  261. package/emotion/es/components/Dropzone/Dropzone.js +0 -263
  262. package/emotion/es/components/Dropzone/Dropzone.styles.js +0 -60
  263. package/emotion/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  264. package/emotion/es/components/Dropzone/Dropzone.tokens.js +0 -38
  265. package/emotion/es/components/Dropzone/Dropzone.types.js +0 -1
  266. package/emotion/es/components/Dropzone/index.js +0 -2
  267. package/emotion/es/components/Dropzone/variations/_disabled/base.js +0 -3
  268. package/emotion/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
  269. package/emotion/es/components/Dropzone/variations/_size/base.js +0 -4
  270. package/emotion/es/components/Dropzone/variations/_size/tokens.json +0 -19
  271. package/emotion/es/components/Dropzone/variations/_view/base.js +0 -4
  272. package/emotion/es/components/Dropzone/variations/_view/tokens.json +0 -9
  273. package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
  274. package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
  275. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
  276. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
  277. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  278. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
  279. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
  280. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  281. package/es/components/Badge/variations/_clear/base_oopyb7.css +0 -1
  282. package/es/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
  283. package/es/components/Badge/variations/_view/base_qlxank.css +0 -1
  284. package/es/components/Dropzone/Dropzone.css +0 -15
  285. package/es/components/Dropzone/Dropzone.js +0 -247
  286. package/es/components/Dropzone/Dropzone.js.map +0 -1
  287. package/es/components/Dropzone/Dropzone.styles.js +0 -37
  288. package/es/components/Dropzone/Dropzone.styles.js.map +0 -1
  289. package/es/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
  290. package/es/components/Dropzone/Dropzone.tokens.js +0 -41
  291. package/es/components/Dropzone/Dropzone.tokens.js.map +0 -1
  292. package/es/components/Dropzone/variations/_disabled/base.js +0 -5
  293. package/es/components/Dropzone/variations/_disabled/base.js.map +0 -1
  294. package/es/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
  295. package/es/components/Dropzone/variations/_size/base.js +0 -5
  296. package/es/components/Dropzone/variations/_size/base.js.map +0 -1
  297. package/es/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
  298. package/es/components/Dropzone/variations/_view/base.js +0 -5
  299. package/es/components/Dropzone/variations/_view/base.js.map +0 -1
  300. package/es/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
  301. package/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -20
  302. package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
  303. package/es/components/_Icon/Icons/IconArrowBarDown.js +0 -19
  304. package/es/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
  305. package/styled-components/cjs/components/Dropzone/Dropzone.js +0 -271
  306. package/styled-components/cjs/components/Dropzone/Dropzone.styles.js +0 -29
  307. package/styled-components/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  308. package/styled-components/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
  309. package/styled-components/cjs/components/Dropzone/Dropzone.types.js +0 -5
  310. package/styled-components/cjs/components/Dropzone/index.js +0 -31
  311. package/styled-components/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  312. package/styled-components/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
  313. package/styled-components/cjs/components/Dropzone/variations/_size/base.js +0 -10
  314. package/styled-components/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
  315. package/styled-components/cjs/components/Dropzone/variations/_view/base.js +0 -10
  316. package/styled-components/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
  317. package/styled-components/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
  318. package/styled-components/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
  319. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
  320. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
  321. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  322. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
  323. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
  324. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  325. package/styled-components/es/components/Dropzone/Dropzone.js +0 -263
  326. package/styled-components/es/components/Dropzone/Dropzone.styles.js +0 -21
  327. package/styled-components/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  328. package/styled-components/es/components/Dropzone/Dropzone.tokens.js +0 -38
  329. package/styled-components/es/components/Dropzone/Dropzone.types.js +0 -1
  330. package/styled-components/es/components/Dropzone/index.js +0 -2
  331. package/styled-components/es/components/Dropzone/variations/_disabled/base.js +0 -3
  332. package/styled-components/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
  333. package/styled-components/es/components/Dropzone/variations/_size/base.js +0 -4
  334. package/styled-components/es/components/Dropzone/variations/_size/tokens.json +0 -19
  335. package/styled-components/es/components/Dropzone/variations/_view/base.js +0 -4
  336. package/styled-components/es/components/Dropzone/variations/_view/tokens.json +0 -9
  337. package/styled-components/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
  338. package/styled-components/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
  339. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
  340. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
  341. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  342. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
  343. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
  344. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  345. package/types/components/Dropzone/Dropzone.d.ts +0 -59
  346. package/types/components/Dropzone/Dropzone.d.ts.map +0 -1
  347. package/types/components/Dropzone/Dropzone.styles.d.ts +0 -9
  348. package/types/components/Dropzone/Dropzone.styles.d.ts.map +0 -1
  349. package/types/components/Dropzone/Dropzone.tokens.d.ts +0 -39
  350. package/types/components/Dropzone/Dropzone.tokens.d.ts.map +0 -1
  351. package/types/components/Dropzone/Dropzone.types.d.ts +0 -77
  352. package/types/components/Dropzone/Dropzone.types.d.ts.map +0 -1
  353. package/types/components/Dropzone/index.d.ts +0 -3
  354. package/types/components/Dropzone/index.d.ts.map +0 -1
  355. package/types/components/Dropzone/variations/_disabled/base.d.ts +0 -2
  356. package/types/components/Dropzone/variations/_disabled/base.d.ts.map +0 -1
  357. package/types/components/Dropzone/variations/_size/base.d.ts +0 -2
  358. package/types/components/Dropzone/variations/_size/base.d.ts.map +0 -1
  359. package/types/components/Dropzone/variations/_view/base.d.ts +0 -2
  360. package/types/components/Dropzone/variations/_view/base.d.ts.map +0 -1
  361. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts +0 -4
  362. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts.map +0 -1
  363. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts +0 -4
  364. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts.map +0 -1
  365. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts +0 -18
  366. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts.map +0 -1
  367. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts +0 -29
  368. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts.map +0 -1
  369. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts +0 -18
  370. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts.map +0 -1
  371. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts +0 -29
  372. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts.map +0 -1
@@ -1,38 +0,0 @@
1
- export var classes = {
2
- stretch: 'dropzone-stretch',
3
- active: 'dropzone-active',
4
- verticalContentPlacing: 'dropzone-vertical-content-placing',
5
- disabled: 'dropzone-disabled'
6
- };
7
- export var privateTokens = {
8
- width: '--plasma_private-dropzone-width',
9
- height: '--plasma_private-dropzone-height'
10
- };
11
- export var tokens = {
12
- background: '--plasma-dropzone-background',
13
- backgroundHover: '--plasma-dropzone-background-hover',
14
- overlayColorActive: '--plasma-dropzone-overlay-color-active',
15
- border: '--plasma-dropzone-border-color',
16
- borderColorHover: '--plasma-dropzone-border-color-hover',
17
- borderColorActive: '--plasma-dropzone-border-color-active',
18
- titleColor: '--plasma-dropzone-title-color',
19
- descriptionColor: '--plasma-dropzone-description-color',
20
- padding: '--plasma-dropzone-padding',
21
- borderRadius: '--plasma-dropzone-border-radius',
22
- contentGap: '--plasma-dropzone-content-gap',
23
- titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',
24
- titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',
25
- titleFontFamily: '--plasma-dropzone-title-font-family',
26
- titleFontSize: '--plasma-dropzone-title-font-size',
27
- titleFontStyle: '--plasma-dropzone-title-font-style',
28
- titleFontWeight: '--plasma-dropzone-title-font-weight',
29
- titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',
30
- titleLineHeight: '--plasma-dropzone-title-line-height',
31
- descriptionFontFamily: '--plasma-dropzone-description-font-family',
32
- descriptionFontSize: '--plasma-dropzone-description-font-size',
33
- descriptionFontStyle: '--plasma-dropzone-description-font-style',
34
- descriptionFontWeight: '--plasma-dropzone-description-font-weight',
35
- descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',
36
- descriptionLineHeight: '--plasma-dropzone-description-line-height',
37
- disabledOpacity: '--plasma-dropzone-disabled-opacity'
38
- };
@@ -1,2 +0,0 @@
1
- export { dropzoneRoot, dropzoneConfig } from './Dropzone';
2
- export { classes as dropzoneClasses, tokens as dropzoneTokens } from './Dropzone.tokens';
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../Dropzone.tokens';
3
- export var base = /*#__PURE__*/css(["&.", "{opacity:var(", ");cursor:not-allowed;}"], classes.disabled, tokens.disabledOpacity);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-dropzone-disabled-opacity"]
4
- }
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, privateTokens, tokens } from '../../Dropzone.tokens';
3
- import { Content, Description, DropzoneHandlerOverlay, Title, TitleWrapper } from '../../Dropzone.styles';
4
- export var base = /*#__PURE__*/css(["padding:var(", ");border-radius:var(", ");height:var(", ");width:var(", ");&.", "{width:100%;}", "{border-radius:var(", ");}", "{gap:var(", ");}", "{display:flex;align-items:center;justify-content:center;gap:var(", ");&.", "{flex-direction:column;gap:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], tokens.padding, tokens.borderRadius, privateTokens.height, privateTokens.width, classes.stretch, DropzoneHandlerOverlay, tokens.borderRadius, Content, tokens.contentGap, TitleWrapper, tokens.titleWrapperGap, classes.verticalContentPlacing, tokens.titleWrapperGapColumn, Title, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, Description, tokens.descriptionFontFamily, tokens.descriptionFontSize, tokens.descriptionFontStyle, tokens.descriptionFontWeight, tokens.descriptionLetterSpacing, tokens.descriptionLineHeight);
@@ -1,19 +0,0 @@
1
- [
2
- "--plasma-dropzone-padding",
3
- "--plasma-dropzone-border-radius",
4
- "--plasma-dropzone-content-gap",
5
- "--plasma-dropzone-title-wrapper-gap",
6
- "--plasma-dropzone-title-wrapper-gap",
7
- "--plasma-dropzone-title-font-family",
8
- "--plasma-dropzone-title-font-size",
9
- "--plasma-dropzone-title-font-style",
10
- "--plasma-dropzone-title-font-weight",
11
- "--plasma-dropzone-title-letter-spacing",
12
- "--plasma-dropzone-title-line-height",
13
- "--plasma-dropzone-description-font-family",
14
- "--plasma-dropzone-description-font-size",
15
- "--plasma-dropzone-description-font-style",
16
- "--plasma-dropzone-description-font-weight",
17
- "--plasma-dropzone-description-letter-spacing",
18
- "--plasma-dropzone-description-line-height"
19
- ]
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../Dropzone.tokens';
3
- import { Description, DropzoneHandlerOverlay, TitleWrapper } from '../../Dropzone.styles';
4
- export var base = /*#__PURE__*/css(["background:var(", ");border:var(", ");&:not(.", "):hover,&:not(.", "):focus-within{background:var(", ");border-color:var(", ");outline:none;}&.", "{border-color:var(", ");", "{background:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}"], tokens.background, tokens.border, classes.active, classes.active, tokens.backgroundHover, tokens.borderColorHover, classes.active, tokens.borderColorActive, DropzoneHandlerOverlay, tokens.overlayColorActive, TitleWrapper, tokens.titleColor, Description, tokens.descriptionColor);
@@ -1,9 +0,0 @@
1
- [
2
- "--plasma-dropzone-background",
3
- "--plasma-dropzone-overlay-color-active",
4
- "--plasma-dropzone-border-color",
5
- "--plasma-dropzone-border-color-hover",
6
- "--plasma-dropzone-border-color-active",
7
- "--plasma-dropzone-title-color",
8
- "--plasma-dropzone-description-color"
9
- ]
@@ -1,16 +0,0 @@
1
- var _path;
2
- 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); }
3
- import React from 'react';
4
- export var ArrowBarDown = function ArrowBarDown(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- width: "100%",
7
- viewBox: "0 0 16 16",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg"
10
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
- fillRule: "evenodd",
12
- clipRule: "evenodd",
13
- d: "M7.95833 1.875C8.23448 1.875 8.45833 2.09886 8.45833 2.375V10.4043L11.2686 7.54868C11.4623 7.35186 11.7789 7.34933 11.9757 7.54302C12.1725 7.73672 12.1751 8.05329 11.9814 8.25011L8.3147 11.9759C8.21782 12.0744 8.08453 12.1283 7.94645 12.1251C7.80837 12.1218 7.67779 12.0615 7.5857 11.9586L4.25237 8.23278C4.06824 8.02698 4.08582 7.71088 4.29162 7.52676C4.49742 7.34264 4.81351 7.36021 4.99763 7.56601L7.45833 10.3164V2.375C7.45833 2.09886 7.68219 1.875 7.95833 1.875ZM2.5 14.0001C2.5 13.724 2.72386 13.5001 3 13.5001H13C13.2761 13.5001 13.5 13.724 13.5 14.0001C13.5 14.2763 13.2761 14.5001 13 14.5001H3C2.72386 14.5001 2.5 14.2763 2.5 14.0001Z",
14
- fill: "currentColor"
15
- })));
16
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { ArrowBarDown } from '../Icon.assets/ArrowBarDown';
3
- import { IconRoot } from '../IconRoot';
4
- export var IconArrowBarDown = function IconArrowBarDown(_ref) {
5
- var _ref$size = _ref.size,
6
- size = _ref$size === void 0 ? 'xs' : _ref$size,
7
- color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
10
- className: className,
11
- size: size,
12
- color: color,
13
- icon: ArrowBarDown
14
- });
15
- };
@@ -1,19 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { dropzoneTokens } from '../../../../components/Dropzone';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--surface-solid-card-hover);", ":var(--overlay-soft);", ":0.063rem dashed var(--outline-secondary);", ":var(--outline-secondary-hover);", ":var(--outline-accent);", ":var(--text-primary);", ":var(--text-secondary);"], dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.border, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
11
- },
12
- size: {
13
- m: /*#__PURE__*/css(["", ":1.5rem;", ":1.25rem;", ":0.75rem;", ":0.375rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":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);"], dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentGap, dropzoneTokens.titleWrapperGap, dropzoneTokens.titleWrapperGapColumn, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
14
- },
15
- disabled: {
16
- "true": /*#__PURE__*/css(["", ":0.4;"], dropzoneTokens.disabledOpacity)
17
- }
18
- }
19
- };
@@ -1,5 +0,0 @@
1
- import { dropzoneConfig } from '../../../../components/Dropzone';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Dropzone.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
5
- export var Dropzone = /*#__PURE__*/component(mergedConfig);
@@ -1,57 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Dropzone } from './Dropzone';
9
-
10
- const onDragEnter = action('onDragEnter');
11
- const onDragLeave = action('onDragLeave');
12
- const onDrop = action('onDrop');
13
- const onChange = action('onChange');
14
- const onChoseFiles = action('onChoseFiles');
15
-
16
- const iconPlacements = ['top', 'left'];
17
-
18
- const meta: Meta<typeof Dropzone> = {
19
- title: 'plasma_b2c/Dropzone',
20
- component: Dropzone,
21
- decorators: [WithTheme],
22
- argTypes: {
23
- iconPlacement: {
24
- options: iconPlacements,
25
- control: {
26
- type: 'inline-radio',
27
- },
28
- defaultValue: 'top',
29
- },
30
- ...disableProps(['view', 'size']),
31
- },
32
- };
33
-
34
- export default meta;
35
-
36
- type StoryPropsDefault = ComponentProps<typeof Dropzone>;
37
-
38
- export const Default: StoryObj<StoryPropsDefault> = {
39
- args: {
40
- iconPlacement: 'top',
41
- width: 400,
42
- height: 280,
43
- disabled: false,
44
- title: 'Click to upload',
45
- description: 'or drag and drop files here',
46
- },
47
- render: (args) => (
48
- <Dropzone
49
- {...args}
50
- onDragEnter={onDragEnter}
51
- onDragLeave={onDragLeave}
52
- onDrop={onDrop}
53
- onChange={onChange}
54
- onChoseFiles={onChoseFiles}
55
- />
56
- ),
57
- };
@@ -1,19 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { dropzoneTokens } from '../../../../components/Dropzone';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--surface-solid-card-hover);", ":var(--overlay-soft);", ":0.063rem dashed var(--outline-secondary);", ":var(--outline-secondary-hover);", ":var(--outline-accent);", ":var(--text-primary);", ":var(--text-secondary);"], dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.border, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
11
- },
12
- size: {
13
- m: /*#__PURE__*/css(["", ":1.5rem;", ":1.25rem;", ":0.75rem;", ":0.375rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":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);"], dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentGap, dropzoneTokens.titleWrapperGap, dropzoneTokens.titleWrapperGapColumn, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
14
- },
15
- disabled: {
16
- "true": /*#__PURE__*/css(["", ":0.4;"], dropzoneTokens.disabledOpacity)
17
- }
18
- }
19
- };
@@ -1,5 +0,0 @@
1
- import { dropzoneConfig } from '../../../../components/Dropzone';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Dropzone.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
5
- export var Dropzone = /*#__PURE__*/component(mergedConfig);
@@ -1,57 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Dropzone } from './Dropzone';
9
-
10
- const onDragEnter = action('onDragEnter');
11
- const onDragLeave = action('onDragLeave');
12
- const onDrop = action('onDrop');
13
- const onChange = action('onChange');
14
- const onChoseFiles = action('onChoseFiles');
15
-
16
- const iconPlacements = ['top', 'left'];
17
-
18
- const meta: Meta<typeof Dropzone> = {
19
- title: 'plasma_web/Dropzone',
20
- component: Dropzone,
21
- decorators: [WithTheme],
22
- argTypes: {
23
- iconPlacement: {
24
- options: iconPlacements,
25
- control: {
26
- type: 'inline-radio',
27
- },
28
- defaultValue: 'top',
29
- },
30
- ...disableProps(['view', 'size']),
31
- },
32
- };
33
-
34
- export default meta;
35
-
36
- type StoryPropsDefault = ComponentProps<typeof Dropzone>;
37
-
38
- export const Default: StoryObj<StoryPropsDefault> = {
39
- args: {
40
- iconPlacement: 'top',
41
- width: 400,
42
- height: 280,
43
- disabled: false,
44
- title: 'Click to upload',
45
- description: 'or drag and drop files here',
46
- },
47
- render: (args) => (
48
- <Dropzone
49
- {...args}
50
- onDragEnter={onDragEnter}
51
- onDragLeave={onDragLeave}
52
- onDrop={onDrop}
53
- onChange={onChange}
54
- onChoseFiles={onChoseFiles}
55
- />
56
- ),
57
- };
@@ -1,59 +0,0 @@
1
- import React from 'react';
2
- import type { RootProps } from '../../engines';
3
- import type { DropzoneRootProps, FileProcessHandler } from './Dropzone.types';
4
- export declare const dropzoneRoot: (Root: RootProps<HTMLDivElement, DropzoneRootProps>) => React.ForwardRefExoticComponent<{
5
- multiple?: boolean | undefined;
6
- title?: string | undefined;
7
- description?: React.ReactNode;
8
- icon?: React.ReactNode;
9
- iconPlacement?: "left" | "top" | undefined;
10
- size?: string | undefined;
11
- view?: string | undefined;
12
- disabled?: boolean | undefined;
13
- stretch?: boolean | undefined;
14
- onDragEnter?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
15
- onDragLeave?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
16
- onDragOver?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
17
- validator?: ((files: File[]) => import("./Dropzone.types").ValidatorReturnType) | undefined;
18
- onDrop?: FileProcessHandler | undefined;
19
- onChoseFiles?: FileProcessHandler | undefined;
20
- } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
21
- export declare const dropzoneConfig: {
22
- name: string;
23
- tag: string;
24
- layout: (Root: RootProps<HTMLDivElement, DropzoneRootProps>) => React.ForwardRefExoticComponent<{
25
- multiple?: boolean | undefined;
26
- title?: string | undefined;
27
- description?: React.ReactNode;
28
- icon?: React.ReactNode;
29
- iconPlacement?: "left" | "top" | undefined;
30
- size?: string | undefined;
31
- view?: string | undefined;
32
- disabled?: boolean | undefined;
33
- stretch?: boolean | undefined;
34
- onDragEnter?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
35
- onDragLeave?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
36
- onDragOver?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
37
- validator?: ((files: File[]) => import("./Dropzone.types").ValidatorReturnType) | undefined;
38
- onDrop?: FileProcessHandler | undefined;
39
- onChoseFiles?: FileProcessHandler | undefined;
40
- } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
41
- base: import("@linaria/core").LinariaClassName;
42
- variations: {
43
- view: {
44
- css: import("@linaria/core").LinariaClassName;
45
- };
46
- size: {
47
- css: import("@linaria/core").LinariaClassName;
48
- };
49
- disabled: {
50
- css: import("@linaria/core").LinariaClassName;
51
- attrs: boolean;
52
- };
53
- };
54
- defaults: {
55
- view: string;
56
- size: string;
57
- };
58
- };
59
- //# sourceMappingURL=Dropzone.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAiB,iBAAiB,EAAY,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAevG,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;wFAyM1E,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA3MQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgO9E,CAAC"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const base: import("@linaria/core").LinariaClassName;
3
- export declare const DropzoneHandlerOverlay: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
- export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
- export declare const TitleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
- export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
7
- export declare const Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
8
- export declare const HiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
9
- //# sourceMappingURL=Dropzone.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropzone.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/Dropzone.styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAOlC,CAAC;AAEF,eAAO,MAAM,OAAO,qKAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAAe,CAAC;AAEzC,eAAO,MAAM,KAAK,uKAAgB,CAAC;AAEnC,eAAO,MAAM,WAAW,uKAAgB,CAAC;AAEzC,eAAO,MAAM,WAAW,8KAEvB,CAAC"}
@@ -1,39 +0,0 @@
1
- export declare const classes: {
2
- stretch: string;
3
- active: string;
4
- verticalContentPlacing: string;
5
- disabled: string;
6
- };
7
- export declare const privateTokens: {
8
- width: string;
9
- height: string;
10
- };
11
- export declare const tokens: {
12
- background: string;
13
- backgroundHover: string;
14
- overlayColorActive: string;
15
- border: string;
16
- borderColorHover: string;
17
- borderColorActive: string;
18
- titleColor: string;
19
- descriptionColor: string;
20
- padding: string;
21
- borderRadius: string;
22
- contentGap: string;
23
- titleWrapperGap: string;
24
- titleWrapperGapColumn: string;
25
- titleFontFamily: string;
26
- titleFontSize: string;
27
- titleFontStyle: string;
28
- titleFontWeight: string;
29
- titleLetterSpacing: string;
30
- titleLineHeight: string;
31
- descriptionFontFamily: string;
32
- descriptionFontSize: string;
33
- descriptionFontStyle: string;
34
- descriptionFontWeight: string;
35
- descriptionLetterSpacing: string;
36
- descriptionLineHeight: string;
37
- disabledOpacity: string;
38
- };
39
- //# sourceMappingURL=Dropzone.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropzone.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/Dropzone.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClB,CAAC"}
@@ -1,77 +0,0 @@
1
- import type { InputHTMLAttributes, DragEvent, ReactNode, HTMLAttributes } from 'react';
2
- export declare type FileArgs = {
3
- acceptedFiles: File[];
4
- rejectedFiles?: File[];
5
- error?: string;
6
- };
7
- export declare type ValidatorReturnType = Promise<FileArgs>;
8
- export declare type FileProcessHandler = (files: FileArgs) => Promise<void> | void;
9
- export declare type DropzoneProps = {
10
- /**
11
- * Позовляет выбирать несколько файлов для загрузки
12
- */
13
- multiple?: boolean;
14
- /**
15
- * Слот для Title
16
- */
17
- title?: string;
18
- /**
19
- * Слот для описания
20
- */
21
- description?: ReactNode;
22
- /**
23
- * Слот для иконки
24
- */
25
- icon?: ReactNode;
26
- /**
27
- * Расположение иконки
28
- * @default 'left'
29
- */
30
- iconPlacement?: 'top' | 'left';
31
- /**
32
- * Размер компонента
33
- */
34
- size?: string;
35
- /**
36
- * Вид компонента
37
- */
38
- view?: string;
39
- /**
40
- * Компонент неактивен
41
- */
42
- disabled?: boolean;
43
- /**
44
- * Компонент растягивается на всю доступную ширину
45
- */
46
- stretch?: boolean;
47
- /**
48
- * Функция, вызываемая в момент вхождения (один раз) курсора внутрь границ Dropzone
49
- */
50
- onDragEnter?: (event: DragEvent<HTMLDivElement>) => void;
51
- /**
52
- * Функция, вызываемая в момент выхода (один раз) курсора из Dropzone
53
- */
54
- onDragLeave?: (event: DragEvent<HTMLDivElement>) => void;
55
- /**
56
- * Функция, вызываемая при движении курсора с файлами внутри Dropzone
57
- */
58
- onDragOver?: (event: DragEvent<HTMLDivElement>) => void;
59
- /**
60
- * Функция, вызываемая для валидации файлов, перед onDrop или onChoseFiles
61
- */
62
- validator?: (files: File[]) => ValidatorReturnType;
63
- /**
64
- * Функция, вызываемая при drop файлов
65
- */
66
- onDrop?: FileProcessHandler;
67
- /**
68
- * Функция, вызываемая при выборе файлов
69
- */
70
- onChoseFiles?: FileProcessHandler;
71
- } & InputHTMLAttributes<HTMLInputElement>;
72
- export declare type DropzoneRootProps = {
73
- view?: string;
74
- size?: string;
75
- disabled?: boolean;
76
- } & HTMLAttributes<HTMLDivElement>;
77
- //# sourceMappingURL=Dropzone.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropzone.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/Dropzone.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvF,oBAAY,QAAQ,GAAG;IACnB,aAAa,EAAE,IAAI,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,mBAAmB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AACpD,oBAAY,kBAAkB,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAE3E,oBAAY,aAAa,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,mBAAmB,CAAC;IACnD;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACrC,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1C,oBAAY,iBAAiB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
@@ -1,3 +0,0 @@
1
- export { dropzoneRoot, dropzoneConfig } from './Dropzone';
2
- export { classes as dropzoneClasses, tokens as dropzoneTokens } from './Dropzone.tokens';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropzone/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropzone/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAgDhB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropzone/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA0BhB,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const ArrowBarDown: React.FC<IconProps>;
4
- //# sourceMappingURL=ArrowBarDown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArrowBarDown.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icon.assets/ArrowBarDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAS5C,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const IconArrowBarDown: React.FC<IconProps>;
4
- //# sourceMappingURL=IconArrowBarDown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconArrowBarDown.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconArrowBarDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEhD,CAAC"}
@@ -1,18 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@linaria/core").LinariaClassName;
9
- };
10
- size: {
11
- m: import("@linaria/core").LinariaClassName;
12
- };
13
- disabled: {
14
- true: import("@linaria/core").LinariaClassName;
15
- };
16
- };
17
- };
18
- //# sourceMappingURL=Dropzone.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropzone.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Dropzone/Dropzone.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA+ClB,CAAC"}
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Dropzone: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- };
6
- size: {
7
- m: import("@linaria/core").LinariaClassName;
8
- };
9
- disabled: {
10
- true: import("@linaria/core").LinariaClassName;
11
- };
12
- }> & {
13
- multiple?: boolean | undefined;
14
- title?: string | undefined;
15
- description?: import("react").ReactNode;
16
- icon?: import("react").ReactNode;
17
- iconPlacement?: "left" | "top" | undefined;
18
- size?: string | undefined;
19
- view?: string | undefined;
20
- disabled?: boolean | undefined;
21
- stretch?: boolean | undefined;
22
- onDragEnter?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
23
- onDragLeave?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
24
- onDragOver?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
25
- validator?: ((files: File[]) => import("../../../../components/Dropzone/Dropzone.types").ValidatorReturnType) | undefined;
26
- onDrop?: import("../../../../components/Dropzone/Dropzone.types").FileProcessHandler | undefined;
27
- onChoseFiles?: import("../../../../components/Dropzone/Dropzone.types").FileProcessHandler | undefined;
28
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
29
- //# sourceMappingURL=Dropzone.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Dropzone/Dropzone.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;4GAA0B,CAAC"}