@alfalab/core-components-file-upload-item 5.11.0 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (326) hide show
  1. package/Component.d.ts +7 -92
  2. package/Component.js +41 -65
  3. package/actions-control.module-2b1ea7b3.js +6 -0
  4. package/components/actions-control/actions-control.css +34 -0
  5. package/components/actions-control/actions.d.ts +4 -0
  6. package/components/actions-control/actions.js +24 -0
  7. package/components/actions-control/components/delete-button/delete-button.d.ts +4 -0
  8. package/components/actions-control/components/delete-button/delete-button.js +26 -0
  9. package/components/actions-control/components/delete-button/index.d.ts +1 -0
  10. package/components/actions-control/components/delete-button/index.js +9 -0
  11. package/components/actions-control/components/download-button/download-button.d.ts +4 -0
  12. package/components/actions-control/components/download-button/download-button.js +27 -0
  13. package/components/actions-control/components/download-button/index.d.ts +1 -0
  14. package/components/actions-control/components/download-button/index.js +9 -0
  15. package/components/actions-control/components/restore-button/index.d.ts +1 -0
  16. package/components/actions-control/components/restore-button/index.js +9 -0
  17. package/components/actions-control/components/restore-button/restore-button.d.ts +4 -0
  18. package/components/actions-control/components/restore-button/restore-button.js +26 -0
  19. package/components/actions-control/index.d.ts +1 -0
  20. package/components/actions-control/index.js +9 -0
  21. package/components/content/components/content-error/content-error.css +4 -0
  22. package/components/content/components/content-error/content-error.d.ts +4 -0
  23. package/components/content/components/content-error/content-error.js +27 -0
  24. package/components/content/components/content-error/index.d.ts +1 -0
  25. package/components/content/components/content-error/index.js +9 -0
  26. package/components/content/components/content-subtitle/content-subtitle.css +31 -0
  27. package/components/content/components/content-subtitle/content-subtitle.d.ts +4 -0
  28. package/components/content/components/content-subtitle/content-subtitle.js +62 -0
  29. package/components/content/content.css +50 -0
  30. package/components/content/content.d.ts +4 -0
  31. package/components/content/content.js +35 -0
  32. package/components/content/index.d.ts +1 -0
  33. package/components/content/index.js +9 -0
  34. package/components/content/utils/isError.d.ts +2 -0
  35. package/components/content/utils/isError.js +15 -0
  36. package/components/status-control/components/status-control-icon/index.d.ts +1 -0
  37. package/components/status-control/components/status-control-icon/index.js +9 -0
  38. package/components/status-control/components/status-control-icon/status-control-icon.css +37 -0
  39. package/components/status-control/components/status-control-icon/status-control-icon.d.ts +4 -0
  40. package/components/status-control/components/status-control-icon/status-control-icon.js +70 -0
  41. package/components/status-control/components/status-control-progress-bar/index.d.ts +1 -0
  42. package/components/status-control/components/status-control-progress-bar/index.js +9 -0
  43. package/components/status-control/components/status-control-progress-bar/status-control-progress-bar.d.ts +6 -0
  44. package/components/status-control/components/status-control-progress-bar/status-control-progress-bar.js +22 -0
  45. package/components/status-control/index.d.ts +1 -0
  46. package/components/status-control/index.js +9 -0
  47. package/components/status-control/status-control.css +57 -0
  48. package/components/status-control/status-control.d.ts +4 -0
  49. package/components/status-control/status-control.js +49 -0
  50. package/const/progress-bar.d.ts +3 -0
  51. package/const/progress-bar.js +9 -0
  52. package/context/file-upload-item-context.d.ts +30 -0
  53. package/context/file-upload-item-context.js +32 -0
  54. package/cssm/Component.d.ts +7 -92
  55. package/cssm/Component.js +40 -64
  56. package/cssm/components/actions-control/actions-control.module.css +33 -0
  57. package/cssm/components/actions-control/actions.d.ts +4 -0
  58. package/cssm/components/actions-control/actions.js +25 -0
  59. package/cssm/components/actions-control/components/delete-button/delete-button.d.ts +4 -0
  60. package/cssm/components/actions-control/components/delete-button/delete-button.js +27 -0
  61. package/cssm/components/actions-control/components/delete-button/index.d.ts +1 -0
  62. package/cssm/components/actions-control/components/delete-button/index.js +9 -0
  63. package/cssm/components/actions-control/components/download-button/download-button.d.ts +4 -0
  64. package/cssm/components/actions-control/components/download-button/download-button.js +28 -0
  65. package/cssm/components/actions-control/components/download-button/index.d.ts +1 -0
  66. package/cssm/components/actions-control/components/download-button/index.js +9 -0
  67. package/cssm/components/actions-control/components/restore-button/index.d.ts +1 -0
  68. package/cssm/components/actions-control/components/restore-button/index.js +9 -0
  69. package/cssm/components/actions-control/components/restore-button/restore-button.d.ts +4 -0
  70. package/cssm/components/actions-control/components/restore-button/restore-button.js +27 -0
  71. package/cssm/components/actions-control/index.d.ts +1 -0
  72. package/cssm/components/actions-control/index.js +9 -0
  73. package/cssm/components/content/components/content-error/content-error.d.ts +4 -0
  74. package/cssm/components/content/components/content-error/content-error.js +26 -0
  75. package/cssm/components/content/components/content-error/content-error.module.css +3 -0
  76. package/cssm/components/content/components/content-error/index.d.ts +1 -0
  77. package/cssm/components/content/components/content-error/index.js +9 -0
  78. package/cssm/components/content/components/content-subtitle/content-subtitle.d.ts +4 -0
  79. package/cssm/components/content/components/content-subtitle/content-subtitle.js +61 -0
  80. package/cssm/components/content/components/content-subtitle/content-subtitle.module.css +30 -0
  81. package/cssm/components/content/content.d.ts +4 -0
  82. package/cssm/components/content/content.js +34 -0
  83. package/cssm/components/content/content.module.css +49 -0
  84. package/cssm/components/content/index.d.ts +1 -0
  85. package/cssm/components/content/index.js +9 -0
  86. package/cssm/components/content/utils/isError.d.ts +2 -0
  87. package/cssm/components/content/utils/isError.js +15 -0
  88. package/cssm/components/status-control/components/status-control-icon/index.d.ts +1 -0
  89. package/cssm/components/status-control/components/status-control-icon/index.js +9 -0
  90. package/cssm/components/status-control/components/status-control-icon/status-control-icon.d.ts +4 -0
  91. package/cssm/components/status-control/components/status-control-icon/status-control-icon.js +69 -0
  92. package/cssm/components/status-control/components/status-control-icon/status-control-icon.module.css +36 -0
  93. package/cssm/components/status-control/components/status-control-progress-bar/index.d.ts +1 -0
  94. package/cssm/components/status-control/components/status-control-progress-bar/index.js +9 -0
  95. package/cssm/components/status-control/components/status-control-progress-bar/status-control-progress-bar.d.ts +6 -0
  96. package/cssm/components/status-control/components/status-control-progress-bar/status-control-progress-bar.js +22 -0
  97. package/cssm/components/status-control/index.d.ts +1 -0
  98. package/cssm/components/status-control/index.js +9 -0
  99. package/cssm/components/status-control/status-control.d.ts +4 -0
  100. package/cssm/components/status-control/status-control.js +48 -0
  101. package/cssm/components/status-control/status-control.module.css +56 -0
  102. package/cssm/const/progress-bar.d.ts +3 -0
  103. package/cssm/const/progress-bar.js +9 -0
  104. package/cssm/context/file-upload-item-context.d.ts +30 -0
  105. package/cssm/context/file-upload-item-context.js +32 -0
  106. package/cssm/index.js +1 -0
  107. package/cssm/index.module.css +5 -96
  108. package/cssm/types/file-upload-item-props.d.ts +113 -0
  109. package/cssm/types/file-upload-item-props.js +2 -0
  110. package/cssm/utils.d.ts +6 -3
  111. package/cssm/utils.js +10 -28
  112. package/esm/Component.d.ts +7 -92
  113. package/esm/Component.js +41 -66
  114. package/esm/actions-control.module-8a4353b3.js +4 -0
  115. package/esm/components/actions-control/actions-control.css +34 -0
  116. package/esm/components/actions-control/actions.d.ts +4 -0
  117. package/esm/components/actions-control/actions.js +16 -0
  118. package/esm/components/actions-control/components/delete-button/delete-button.d.ts +4 -0
  119. package/esm/components/actions-control/components/delete-button/delete-button.js +17 -0
  120. package/esm/components/actions-control/components/delete-button/index.d.ts +1 -0
  121. package/esm/components/actions-control/components/delete-button/index.js +1 -0
  122. package/esm/components/actions-control/components/download-button/download-button.d.ts +4 -0
  123. package/esm/components/actions-control/components/download-button/download-button.js +18 -0
  124. package/esm/components/actions-control/components/download-button/index.d.ts +1 -0
  125. package/esm/components/actions-control/components/download-button/index.js +1 -0
  126. package/esm/components/actions-control/components/restore-button/index.d.ts +1 -0
  127. package/esm/components/actions-control/components/restore-button/index.js +1 -0
  128. package/esm/components/actions-control/components/restore-button/restore-button.d.ts +4 -0
  129. package/esm/components/actions-control/components/restore-button/restore-button.js +17 -0
  130. package/esm/components/actions-control/index.d.ts +1 -0
  131. package/esm/components/actions-control/index.js +1 -0
  132. package/esm/components/content/components/content-error/content-error.css +4 -0
  133. package/esm/components/content/components/content-error/content-error.d.ts +4 -0
  134. package/esm/components/content/components/content-error/content-error.js +19 -0
  135. package/esm/components/content/components/content-error/index.d.ts +1 -0
  136. package/esm/components/content/components/content-error/index.js +1 -0
  137. package/esm/components/content/components/content-subtitle/content-subtitle.css +31 -0
  138. package/esm/components/content/components/content-subtitle/content-subtitle.d.ts +4 -0
  139. package/esm/components/content/components/content-subtitle/content-subtitle.js +53 -0
  140. package/esm/components/content/content.css +50 -0
  141. package/esm/components/content/content.d.ts +4 -0
  142. package/esm/components/content/content.js +26 -0
  143. package/esm/components/content/index.d.ts +1 -0
  144. package/esm/components/content/index.js +1 -0
  145. package/esm/components/content/utils/isError.d.ts +2 -0
  146. package/esm/components/content/utils/isError.js +11 -0
  147. package/esm/components/status-control/components/status-control-icon/index.d.ts +1 -0
  148. package/esm/components/status-control/components/status-control-icon/index.js +1 -0
  149. package/esm/components/status-control/components/status-control-icon/status-control-icon.css +37 -0
  150. package/esm/components/status-control/components/status-control-icon/status-control-icon.d.ts +4 -0
  151. package/esm/components/status-control/components/status-control-icon/status-control-icon.js +60 -0
  152. package/esm/components/status-control/components/status-control-progress-bar/index.d.ts +1 -0
  153. package/esm/components/status-control/components/status-control-progress-bar/index.js +1 -0
  154. package/esm/components/status-control/components/status-control-progress-bar/status-control-progress-bar.d.ts +6 -0
  155. package/esm/components/status-control/components/status-control-progress-bar/status-control-progress-bar.js +14 -0
  156. package/esm/components/status-control/index.d.ts +1 -0
  157. package/esm/components/status-control/index.js +1 -0
  158. package/esm/components/status-control/status-control.css +57 -0
  159. package/esm/components/status-control/status-control.d.ts +4 -0
  160. package/esm/components/status-control/status-control.js +40 -0
  161. package/esm/const/progress-bar.d.ts +3 -0
  162. package/esm/const/progress-bar.js +4 -0
  163. package/esm/context/file-upload-item-context.d.ts +30 -0
  164. package/esm/context/file-upload-item-context.js +28 -0
  165. package/esm/index.css +8 -99
  166. package/esm/index.js +1 -1
  167. package/esm/types/file-upload-item-props.d.ts +113 -0
  168. package/esm/types/file-upload-item-props.js +1 -0
  169. package/esm/utils.d.ts +6 -3
  170. package/esm/utils.js +6 -28
  171. package/index.css +8 -99
  172. package/index.js +1 -0
  173. package/modern/Component.d.ts +7 -92
  174. package/modern/Component.js +40 -66
  175. package/modern/actions-control.module-594eefc0.js +4 -0
  176. package/modern/components/actions-control/actions-control.css +34 -0
  177. package/modern/components/actions-control/actions.d.ts +4 -0
  178. package/modern/components/actions-control/actions.js +16 -0
  179. package/modern/components/actions-control/components/delete-button/delete-button.d.ts +4 -0
  180. package/modern/components/actions-control/components/delete-button/delete-button.js +17 -0
  181. package/modern/components/actions-control/components/delete-button/index.d.ts +1 -0
  182. package/modern/components/actions-control/components/delete-button/index.js +1 -0
  183. package/modern/components/actions-control/components/download-button/download-button.d.ts +4 -0
  184. package/modern/components/actions-control/components/download-button/download-button.js +18 -0
  185. package/modern/components/actions-control/components/download-button/index.d.ts +1 -0
  186. package/modern/components/actions-control/components/download-button/index.js +1 -0
  187. package/modern/components/actions-control/components/restore-button/index.d.ts +1 -0
  188. package/modern/components/actions-control/components/restore-button/index.js +1 -0
  189. package/modern/components/actions-control/components/restore-button/restore-button.d.ts +4 -0
  190. package/modern/components/actions-control/components/restore-button/restore-button.js +17 -0
  191. package/modern/components/actions-control/index.d.ts +1 -0
  192. package/modern/components/actions-control/index.js +1 -0
  193. package/modern/components/content/components/content-error/content-error.css +4 -0
  194. package/modern/components/content/components/content-error/content-error.d.ts +4 -0
  195. package/modern/components/content/components/content-error/content-error.js +19 -0
  196. package/modern/components/content/components/content-error/index.d.ts +1 -0
  197. package/modern/components/content/components/content-error/index.js +1 -0
  198. package/modern/components/content/components/content-subtitle/content-subtitle.css +31 -0
  199. package/modern/components/content/components/content-subtitle/content-subtitle.d.ts +4 -0
  200. package/modern/components/content/components/content-subtitle/content-subtitle.js +52 -0
  201. package/modern/components/content/content.css +50 -0
  202. package/modern/components/content/content.d.ts +4 -0
  203. package/modern/components/content/content.js +25 -0
  204. package/modern/components/content/index.d.ts +1 -0
  205. package/modern/components/content/index.js +1 -0
  206. package/modern/components/content/utils/isError.d.ts +2 -0
  207. package/modern/components/content/utils/isError.js +11 -0
  208. package/modern/components/status-control/components/status-control-icon/index.d.ts +1 -0
  209. package/modern/components/status-control/components/status-control-icon/index.js +1 -0
  210. package/modern/components/status-control/components/status-control-icon/status-control-icon.css +37 -0
  211. package/modern/components/status-control/components/status-control-icon/status-control-icon.d.ts +4 -0
  212. package/modern/components/status-control/components/status-control-icon/status-control-icon.js +59 -0
  213. package/modern/components/status-control/components/status-control-progress-bar/index.d.ts +1 -0
  214. package/modern/components/status-control/components/status-control-progress-bar/index.js +1 -0
  215. package/modern/components/status-control/components/status-control-progress-bar/status-control-progress-bar.d.ts +6 -0
  216. package/modern/components/status-control/components/status-control-progress-bar/status-control-progress-bar.js +11 -0
  217. package/modern/components/status-control/index.d.ts +1 -0
  218. package/modern/components/status-control/index.js +1 -0
  219. package/modern/components/status-control/status-control.css +57 -0
  220. package/modern/components/status-control/status-control.d.ts +4 -0
  221. package/modern/components/status-control/status-control.js +36 -0
  222. package/modern/const/progress-bar.d.ts +3 -0
  223. package/modern/const/progress-bar.js +4 -0
  224. package/modern/context/file-upload-item-context.d.ts +30 -0
  225. package/modern/context/file-upload-item-context.js +28 -0
  226. package/modern/index.css +8 -99
  227. package/modern/index.js +1 -1
  228. package/modern/types/file-upload-item-props.d.ts +113 -0
  229. package/modern/types/file-upload-item-props.js +1 -0
  230. package/modern/utils.d.ts +6 -3
  231. package/modern/utils.js +6 -28
  232. package/moderncssm/Component.d.ts +7 -92
  233. package/moderncssm/Component.js +39 -65
  234. package/moderncssm/components/actions-control/actions-control.module.css +23 -0
  235. package/moderncssm/components/actions-control/actions.d.ts +4 -0
  236. package/moderncssm/components/actions-control/actions.js +16 -0
  237. package/moderncssm/components/actions-control/components/delete-button/delete-button.d.ts +4 -0
  238. package/moderncssm/components/actions-control/components/delete-button/delete-button.js +17 -0
  239. package/moderncssm/components/actions-control/components/delete-button/index.d.ts +1 -0
  240. package/moderncssm/components/actions-control/components/delete-button/index.js +1 -0
  241. package/moderncssm/components/actions-control/components/download-button/download-button.d.ts +4 -0
  242. package/moderncssm/components/actions-control/components/download-button/download-button.js +18 -0
  243. package/moderncssm/components/actions-control/components/download-button/index.d.ts +1 -0
  244. package/moderncssm/components/actions-control/components/download-button/index.js +1 -0
  245. package/moderncssm/components/actions-control/components/restore-button/index.d.ts +1 -0
  246. package/moderncssm/components/actions-control/components/restore-button/index.js +1 -0
  247. package/moderncssm/components/actions-control/components/restore-button/restore-button.d.ts +4 -0
  248. package/moderncssm/components/actions-control/components/restore-button/restore-button.js +17 -0
  249. package/moderncssm/components/actions-control/index.d.ts +1 -0
  250. package/moderncssm/components/actions-control/index.js +1 -0
  251. package/moderncssm/components/content/components/content-error/content-error.d.ts +4 -0
  252. package/moderncssm/components/content/components/content-error/content-error.js +17 -0
  253. package/moderncssm/components/content/components/content-error/content-error.module.css +3 -0
  254. package/moderncssm/components/content/components/content-error/index.d.ts +1 -0
  255. package/moderncssm/components/content/components/content-error/index.js +1 -0
  256. package/moderncssm/components/content/components/content-subtitle/content-subtitle.d.ts +4 -0
  257. package/moderncssm/components/content/components/content-subtitle/content-subtitle.js +50 -0
  258. package/moderncssm/components/content/components/content-subtitle/content-subtitle.module.css +15 -0
  259. package/moderncssm/components/content/content.d.ts +4 -0
  260. package/moderncssm/components/content/content.js +23 -0
  261. package/moderncssm/components/content/content.module.css +37 -0
  262. package/moderncssm/components/content/index.d.ts +1 -0
  263. package/moderncssm/components/content/index.js +1 -0
  264. package/moderncssm/components/content/utils/isError.d.ts +2 -0
  265. package/moderncssm/components/content/utils/isError.js +11 -0
  266. package/moderncssm/components/status-control/components/status-control-icon/index.d.ts +1 -0
  267. package/moderncssm/components/status-control/components/status-control-icon/index.js +1 -0
  268. package/moderncssm/components/status-control/components/status-control-icon/status-control-icon.d.ts +4 -0
  269. package/moderncssm/components/status-control/components/status-control-icon/status-control-icon.js +57 -0
  270. package/moderncssm/components/status-control/components/status-control-icon/status-control-icon.module.css +22 -0
  271. package/moderncssm/components/status-control/components/status-control-progress-bar/index.d.ts +1 -0
  272. package/moderncssm/components/status-control/components/status-control-progress-bar/index.js +1 -0
  273. package/moderncssm/components/status-control/components/status-control-progress-bar/status-control-progress-bar.d.ts +6 -0
  274. package/moderncssm/components/status-control/components/status-control-progress-bar/status-control-progress-bar.js +11 -0
  275. package/moderncssm/components/status-control/index.d.ts +1 -0
  276. package/moderncssm/components/status-control/index.js +1 -0
  277. package/moderncssm/components/status-control/status-control.d.ts +4 -0
  278. package/moderncssm/components/status-control/status-control.js +34 -0
  279. package/moderncssm/components/status-control/status-control.module.css +48 -0
  280. package/moderncssm/const/progress-bar.d.ts +3 -0
  281. package/moderncssm/const/progress-bar.js +4 -0
  282. package/moderncssm/context/file-upload-item-context.d.ts +30 -0
  283. package/moderncssm/context/file-upload-item-context.js +28 -0
  284. package/moderncssm/index.js +1 -1
  285. package/moderncssm/index.module.css +2 -117
  286. package/moderncssm/types/file-upload-item-props.d.ts +113 -0
  287. package/moderncssm/types/file-upload-item-props.js +1 -0
  288. package/moderncssm/utils.d.ts +6 -3
  289. package/moderncssm/utils.js +6 -28
  290. package/package.json +5 -4
  291. package/src/Component.tsx +60 -251
  292. package/src/components/actions-control/actions-control.module.css +23 -0
  293. package/src/components/actions-control/actions.tsx +23 -0
  294. package/src/components/actions-control/components/delete-button/delete-button.tsx +29 -0
  295. package/src/components/actions-control/components/delete-button/index.ts +1 -0
  296. package/src/components/actions-control/components/download-button/download-button.tsx +40 -0
  297. package/src/components/actions-control/components/download-button/index.ts +1 -0
  298. package/src/components/actions-control/components/restore-button/index.ts +1 -0
  299. package/src/components/actions-control/components/restore-button/restore-button.tsx +29 -0
  300. package/src/components/actions-control/index.ts +1 -0
  301. package/src/components/content/components/content-error/content-error.module.css +3 -0
  302. package/src/components/content/components/content-error/content-error.tsx +42 -0
  303. package/src/components/content/components/content-error/index.ts +1 -0
  304. package/src/components/content/components/content-subtitle/content-subtitle.module.css +15 -0
  305. package/src/components/content/components/content-subtitle/content-subtitle.tsx +92 -0
  306. package/src/components/content/content.module.css +37 -0
  307. package/src/components/content/content.tsx +46 -0
  308. package/src/components/content/index.ts +1 -0
  309. package/src/components/content/utils/isError.ts +11 -0
  310. package/src/components/status-control/components/status-control-icon/index.ts +1 -0
  311. package/src/components/status-control/components/status-control-icon/status-control-icon.module.css +22 -0
  312. package/src/components/status-control/components/status-control-icon/status-control-icon.tsx +75 -0
  313. package/src/components/status-control/components/status-control-progress-bar/index.ts +1 -0
  314. package/src/components/status-control/components/status-control-progress-bar/status-control-progress-bar.tsx +37 -0
  315. package/src/components/status-control/index.ts +1 -0
  316. package/src/components/status-control/status-control.module.css +45 -0
  317. package/src/components/status-control/status-control.tsx +52 -0
  318. package/src/const/progress-bar.ts +2 -0
  319. package/src/context/file-upload-item-context.tsx +51 -0
  320. package/src/index.module.css +2 -113
  321. package/src/types/file-upload-item-props.ts +133 -0
  322. package/src/utils.ts +5 -28
  323. package/types/file-upload-item-props.d.ts +113 -0
  324. package/types/file-upload-item-props.js +2 -0
  325. package/utils.d.ts +6 -3
  326. package/utils.js +10 -28
package/index.css CHANGED
@@ -1,13 +1,6 @@
1
- /* hash: 1e0ny */
1
+ /* hash: 1l4ho */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } /* deprecated */ :root {
4
- --color-light-neutral-300: #e7e8eb;
5
- --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
6
- --color-light-status-negative: #ff4837;
7
- --color-light-status-positive: #0cc44d;
8
- --color-light-text-negative: #ec2d20;
9
- --color-light-text-primary: rgba(3, 3, 6, 0.88);
10
- --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
12
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
6
  } :root {
@@ -21,105 +14,21 @@
21
14
 
22
15
  /* новые значения, используйте их */
23
16
  } :root {
24
- --gap-3xs: 2px; /* deprecated */
25
- --gap-2xs: 4px; /* deprecated */
26
- --gap-xs: 8px; /* deprecated */
27
- --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
28
- --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+ --gap-3xs: 2px; /* deprecated */ /* deprecated */ /* deprecated */
18
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
29
19
 
30
20
  /* новые значения, используйте их */
31
- --gap-0: 0;
32
21
  --gap-2: var(--gap-3xs);
33
- --gap-4: var(--gap-2xs);
34
- --gap-8: var(--gap-xs);
35
22
  --gap-12: var(--gap-s);
36
- --gap-24: var(--gap-xl);
37
23
  } :root {
38
24
  } :root {
39
- } /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__component_hpnx3 {
40
- font-size: 13px;
41
- line-height: 16px;
42
- font-weight: 400;
43
-
25
+ } /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__component_143gr {
26
+ box-sizing: border-box;
44
27
  display: flex;
45
28
  align-items: flex-start;
46
29
  width: 100%;
47
- padding: var(--gap-8);
48
- color: var(--color-light-text-secondary);
49
- box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
50
- box-sizing: border-box
51
- } .file-upload-item__component_hpnx3 svg {
52
- display: block;
53
- } .file-upload-item__component_hpnx3:last-child {
54
- box-shadow: none;
55
- } .file-upload-item__infoSection_hpnx3 {
56
- display: flex;
57
- flex-direction: column;
58
- flex: 1;
59
- margin-top: var(--gap-4);
60
- margin-left: var(--gap-12);
61
- min-width: 40%;
62
- } .file-upload-item__info_hpnx3 {
63
- display: flex;
64
- flex-wrap: wrap;
65
- flex: 1;
66
- overflow: hidden;
67
- } .file-upload-item__icon_hpnx3 {
68
- display: block;
69
- flex-shrink: 0;
70
- color: var(--color-light-neutral-translucent-1300);
71
- } .file-upload-item__errorIcon_hpnx3 {
72
- flex-shrink: 0;
73
- color: var(--color-light-status-negative);
74
- } .file-upload-item__successIcon_hpnx3 {
75
- flex-shrink: 0;
76
- color: var(--color-light-status-positive);
77
- } .file-upload-item__name_hpnx3 {
78
- color: var(--color-light-text-primary)
79
- } .file-upload-item__name_hpnx3 a {
80
- display: block;
81
- margin-bottom: 1px;
82
- } .file-upload-item__name_hpnx3.file-upload-item__rowLimit_hpnx3 {
83
- white-space: nowrap;
84
- overflow: hidden;
85
- text-overflow: ellipsis;
86
- } .file-upload-item__meta_hpnx3 {
87
- display: flex;
88
- white-space: nowrap;
89
- margin-right: var(--gap-4);
90
- margin-left: 36px;
91
- padding: var(--gap-4) var(--gap-0)
92
- } .file-upload-item__meta_hpnx3 > * {
93
- margin-right: var(--gap-12)
94
- } .file-upload-item__meta_hpnx3 > *:last-child {
95
- margin-right: var(--gap-0);
96
- } .file-upload-item__size_hpnx3 {
97
- text-align: right;
98
- } .file-upload-item__delete_hpnx3,
99
- .file-upload-item__download_hpnx3 {
100
- height: 24px;
101
- width: 24px;
102
- margin-left: var(--gap-8);
103
- } .file-upload-item__errorWrapper_hpnx3 {
104
- margin-top: var(--gap-4);
105
- color: var(--color-light-text-negative);
106
- } .file-upload-item__restore_hpnx3 {
107
- font-size: 14px;
108
- line-height: 20px;
109
- font-weight: 400;
110
-
30
+ min-height: 48px;
31
+ } .file-upload-item__restore_143gr {
111
32
  margin-left: var(--gap-12);
112
33
  margin-top: var(--gap-2);
113
- } .file-upload-item__spinnerWrapper_hpnx3 {
114
- display: flex;
115
- justify-content: center;
116
- align-items: center;
117
- width: 24px;
118
- height: 24px;
119
- } .file-upload-item__spinner_hpnx3 {
120
- width: 20px;
121
- height: 20px;
122
- } .file-upload-item__uploadPercent_hpnx3 {
123
- margin-top: var(--gap-4);
124
- margin-left: var(--gap-24);
125
34
  }
package/index.js CHANGED
@@ -7,3 +7,4 @@ var Component = require('./Component.js');
7
7
 
8
8
 
9
9
  exports.FileUploadItem = Component.FileUploadItem;
10
+ exports.FileUploadItemComponent = Component.FileUploadItemComponent;
@@ -1,95 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { ElementType, HTMLAttributeAnchorTarget, MouseEvent, ReactNode } from "react";
4
- type FileStatuses = 'ERROR' | 'SUCCESS' | 'LOADING' | 'UPLOADING';
5
- type FileUploadItemProps = {
6
- /**
7
- * Дополнительный класс
8
- */
9
- className?: string;
10
- /**
11
- * Идентификатор элемента
12
- */
13
- id?: string;
14
- /**
15
- * Имя файла с расширением
16
- */
17
- name?: string;
18
- /**
19
- * Размер файла
20
- */
21
- size?: string | number;
22
- /**
23
- * Дата загрузки файла
24
- */
25
- uploadDate?: string;
26
- /**
27
- * Ссылка на файл. Если прокидывается этот параметр, то появляется кнопка скачивания
28
- */
29
- downloadLink?: string;
30
- /**
31
- * Рекомендует браузеру скачивать контент по ссылке.
32
- * В проп может быть передано рекомендуемое название скачиваемого файла.
33
- */
34
- download?: string | true;
35
- /**
36
- * Отображение кнопки удаления
37
- */
38
- showDelete?: boolean;
39
- /**
40
- * Отображение кнопки восстановления
41
- */
42
- showRestore?: boolean;
43
- /**
44
- * Процент загрузки файла
45
- */
46
- uploadPercent?: number;
47
- /**
48
- * Статус загрузки файла
49
- */
50
- uploadStatus?: FileStatuses;
51
- /**
52
- * Сообщение об ошибке
53
- */
54
- error?: ReactNode;
55
- /**
56
- * Дочерние элементы
57
- */
58
- children?: React.ReactNode;
59
- /**
60
- * Компонент кастомной иконки
61
- */
62
- icon?: ElementType<{
63
- className?: string;
64
- }>;
65
- /**
66
- * Обработчик загрузки файла
67
- */
68
- onDownload?: (id: string) => void;
69
- /**
70
- * Обработчик удаления файла
71
- */
72
- onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;
73
- /**
74
- * Обработчик восстановления файла
75
- */
76
- onRestore?: (id: string) => void;
77
- /**
78
- * Управление активностью кнопок
79
- */
80
- disableButtons?: boolean;
81
- /**
82
- * Разрешить многострочное название файла
83
- */
84
- multiline?: boolean;
85
- /**
86
- * Указывает, где открыть скачиваемый документ
87
- */
88
- target?: HTMLAttributeAnchorTarget;
89
- /**
90
- * Идентификатор для систем автоматизированного тестирования
91
- */
92
- dataTestId?: string;
3
+ import { FileUploadItemProps } from "./types/file-upload-item-props";
4
+ declare const FileUploadItemComponent: React.FC<FileUploadItemProps>;
5
+ declare const FileUploadItem: React.FC<FileUploadItemProps> & {
6
+ StatusControl: () => React.JSX.Element;
7
+ Content: () => React.JSX.Element;
8
+ Actions: () => React.JSX.Element;
93
9
  };
94
- declare const FileUploadItem: React.FC<FileUploadItemProps>;
95
- export { FileStatuses, FileUploadItemProps, FileUploadItem };
10
+ export { FileUploadItemComponent, FileUploadItem };
@@ -1,72 +1,46 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { IconButton } from '@alfalab/core-components-icon-button/modern';
4
- import { Link } from '@alfalab/core-components-link/modern';
5
- import { Spinner } from '@alfalab/core-components-spinner/modern';
6
- import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
7
- import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
- import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
9
- import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
10
- import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
11
- import { humanFileSize, fileIcon } from './utils.js';
3
+ import { Actions } from './components/actions-control/actions.js';
4
+ import { Content } from './components/content/content.js';
5
+ import { StatusControl } from './components/status-control/status-control.js';
6
+ import { FileUploadItemContext } from './context/file-upload-item-context.js';
12
7
 
13
- const styles = {"component":"file-upload-item__component_hpnx3","infoSection":"file-upload-item__infoSection_hpnx3","info":"file-upload-item__info_hpnx3","icon":"file-upload-item__icon_hpnx3","errorIcon":"file-upload-item__errorIcon_hpnx3","successIcon":"file-upload-item__successIcon_hpnx3","name":"file-upload-item__name_hpnx3","rowLimit":"file-upload-item__rowLimit_hpnx3","meta":"file-upload-item__meta_hpnx3","size":"file-upload-item__size_hpnx3","delete":"file-upload-item__delete_hpnx3","download":"file-upload-item__download_hpnx3","errorWrapper":"file-upload-item__errorWrapper_hpnx3","restore":"file-upload-item__restore_hpnx3","spinnerWrapper":"file-upload-item__spinnerWrapper_hpnx3","spinner":"file-upload-item__spinner_hpnx3","uploadPercent":"file-upload-item__uploadPercent_hpnx3"};
8
+ const styles = {"component":"file-upload-item__component_143gr","restore":"file-upload-item__restore_143gr"};
14
9
  require('./index.css')
15
10
 
16
- const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error, showDelete, showRestore, onDelete, onDownload, onRestore, disableButtons, multiline = false, target, dataTestId, }) => {
17
- const handleDownload = (event) => {
18
- if (onDownload) {
19
- event.preventDefault();
20
- onDownload(id);
21
- }
22
- };
23
- const handleDelete = (event) => {
24
- if (onDelete)
25
- onDelete(id, event);
26
- };
27
- const handleRestore = () => {
28
- if (onRestore)
29
- onRestore(id);
30
- };
31
- const renderIcon = () => {
32
- if (showRestore) {
33
- return React.createElement(ClockMIcon, { className: styles.restoreIcon });
34
- }
35
- switch (uploadStatus) {
36
- case 'ERROR':
37
- return React.createElement(AlertCircleMIcon, { className: styles.errorIcon });
38
- case 'SUCCESS':
39
- return React.createElement(CheckmarkCircleMIcon, { className: styles.successIcon });
40
- case 'LOADING':
41
- case 'UPLOADING':
42
- return (React.createElement("div", { className: styles.spinnerWrapper },
43
- React.createElement(Spinner, { visible: true, className: styles.spinner })));
44
- default: {
45
- return React.createElement(Icon, { className: styles.icon });
46
- }
47
- }
48
- };
49
- const renderInfoSection = () => {
50
- const shouldShownError = uploadStatus === 'ERROR' || !!error;
51
- const errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
52
- return (React.createElement("div", { className: styles.infoSection },
53
- React.createElement("div", { className: cn(styles.name, { [styles.rowLimit]: !multiline }) }, name),
54
- shouldShownError && (React.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
55
- };
56
- const showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
57
- const showDownload = Boolean(downloadLink) && !showRestore;
58
- return (React.createElement("div", { className: cn(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
59
- React.createElement("div", { className: styles.info },
60
- renderIcon(),
61
- renderInfoSection(),
62
- children,
63
- uploadStatus === 'UPLOADING' && (React.createElement("span", { className: styles.uploadPercent }, `${Math.round(uploadPercent)}%`)),
64
- showMeta && (React.createElement("div", { className: styles.meta },
65
- uploadDate && React.createElement("span", { key: uploadDate }, uploadDate),
66
- size && (React.createElement("span", { key: size, className: styles.size }, humanFileSize(size)))))),
67
- showRestore && (React.createElement(Link, { pseudo: true, className: styles.restore, onClick: handleRestore }, "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C")),
68
- showDownload && (React.createElement(IconButton, { size: 'xxs', icon: PointerDownSIcon, className: styles.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, disabled: disableButtons, download: download, target: target })),
69
- showDelete && !showRestore && (React.createElement(IconButton, { size: 'xxs', icon: CrossSIcon, onClick: handleDelete, disabled: disableButtons, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
70
- };
11
+ const FileUploadItemComponent = ({ className, children, id = '0', title = '', subtitle, size, uploadDate, downloadLink, download, uploadStatus, error, showDelete, showRestore, onDelete, onDownload, onRestore, disableButtons, target, dataTestId, customIcon, iconStyle = 'gray', progressBar = 0, customContent, truncate, imageUrl, }) => (React.createElement("div", { className: cn(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
12
+ React.createElement(FileUploadItemContext.Provider
13
+ // eslint-disable-next-line react/jsx-no-constructed-context-values
14
+ , {
15
+ // eslint-disable-next-line react/jsx-no-constructed-context-values
16
+ value: {
17
+ showRestore,
18
+ uploadStatus,
19
+ error,
20
+ title,
21
+ subtitle,
22
+ uploadDate,
23
+ size,
24
+ id,
25
+ onDownload,
26
+ onDelete,
27
+ onRestore,
28
+ downloadLink,
29
+ download,
30
+ disableButtons,
31
+ target,
32
+ showDelete,
33
+ customIcon,
34
+ iconStyle,
35
+ progressBar,
36
+ customContent,
37
+ truncate,
38
+ imageUrl,
39
+ } }, children)));
40
+ const FileUploadItem = Object.assign(FileUploadItemComponent, {
41
+ StatusControl,
42
+ Content,
43
+ Actions,
44
+ });
71
45
 
72
- export { FileUploadItem };
46
+ export { FileUploadItem, FileUploadItemComponent };
@@ -0,0 +1,4 @@
1
+ const styles = {"container":"file-upload-item__container_oqhkl","icon":"file-upload-item__icon_oqhkl","deleteIconColor":"file-upload-item__deleteIconColor_oqhkl","downloadIconColor":"file-upload-item__downloadIconColor_oqhkl","restoreIconColor":"file-upload-item__restoreIconColor_oqhkl"};
2
+ require('./components/actions-control/actions-control.css')
3
+
4
+ export { styles as s };
@@ -0,0 +1,34 @@
1
+ /* hash: 1su52 */
2
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } /* deprecated */ :root {
4
+ --color-light-text-tertiary: rgba(5, 8, 29, 0.38); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
+ } :root {
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
20
+ } :root {
21
+ } :root {
22
+ } /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__container_oqhkl {
23
+ display: flex;
24
+ max-width: 144px
25
+ } .file-upload-item__container_oqhkl .file-upload-item__icon_oqhkl {
26
+ width: 48px;
27
+ height: 48px;
28
+ } .file-upload-item__deleteIconColor_oqhkl {
29
+ fill: var(--color-light-text-tertiary);
30
+ } .file-upload-item__downloadIconColor_oqhkl {
31
+ fill: var(--color-light-text-tertiary);
32
+ } .file-upload-item__restoreIconColor_oqhkl {
33
+ fill: var(--color-light-text-tertiary);
34
+ }
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ declare const Actions: () => React.JSX.Element;
4
+ export { Actions };
@@ -0,0 +1,16 @@
1
+ import React, { useContext } from 'react';
2
+ import { FileUploadItemContext } from '../../context/file-upload-item-context.js';
3
+ import { DeleteButton } from './components/delete-button/delete-button.js';
4
+ import { DownloadButton } from './components/download-button/download-button.js';
5
+ import { RestoreButton } from './components/restore-button/restore-button.js';
6
+ import { s as styles } from '../../actions-control.module-594eefc0.js';
7
+
8
+ const Actions = () => {
9
+ const { showRestore, downloadLink, showDelete } = useContext(FileUploadItemContext);
10
+ return (React.createElement("div", { className: styles.container },
11
+ showRestore && React.createElement(RestoreButton, null),
12
+ Boolean(downloadLink) && !showRestore && React.createElement(DownloadButton, null),
13
+ showDelete && !showRestore && React.createElement(DeleteButton, null)));
14
+ };
15
+
16
+ export { Actions };
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ declare const DeleteButton: () => React.JSX.Element;
4
+ export { DeleteButton };
@@ -0,0 +1,17 @@
1
+ import React, { useContext } from 'react';
2
+ import { IconButton } from '@alfalab/core-components-icon-button/modern';
3
+ import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
4
+ import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
5
+ import { s as styles } from '../../../../actions-control.module-594eefc0.js';
6
+
7
+ const DeleteButton = () => {
8
+ const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);
9
+ const handleDelete = (e) => {
10
+ if (onDelete) {
11
+ onDelete(id, e);
12
+ }
13
+ };
14
+ return (React.createElement(IconButton, { className: styles.icon, size: 'xxs', "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C', icon: React.createElement(CrossMIcon, { className: styles.deleteIconColor }), disabled: disableButtons, onClick: handleDelete }));
15
+ };
16
+
17
+ export { DeleteButton };
@@ -0,0 +1 @@
1
+ export { DeleteButton } from "./delete-button";
@@ -0,0 +1 @@
1
+ export { DeleteButton } from './delete-button.js';
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ declare const DownloadButton: () => React.JSX.Element;
4
+ export { DownloadButton };
@@ -0,0 +1,18 @@
1
+ import React, { useContext } from 'react';
2
+ import { IconButton } from '@alfalab/core-components-icon-button/modern';
3
+ import ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
4
+ import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
5
+ import { s as styles } from '../../../../actions-control.module-594eefc0.js';
6
+
7
+ const DownloadButton = () => {
8
+ const { id = '0', downloadLink, download, disableButtons, target, onDownload, } = useContext(FileUploadItemContext);
9
+ const handleDownload = (e) => {
10
+ if (onDownload) {
11
+ e.preventDefault();
12
+ onDownload(id);
13
+ }
14
+ };
15
+ return (React.createElement(IconButton, { className: styles.icon, size: 'xxs', "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', icon: React.createElement(ArrowDownLineDownCompactMIcon, { className: styles.downloadIconColor }), disabled: disableButtons, href: downloadLink, download: download, target: target, onClick: handleDownload }));
16
+ };
17
+
18
+ export { DownloadButton };
@@ -0,0 +1 @@
1
+ export { DownloadButton } from "./download-button";
@@ -0,0 +1 @@
1
+ export { DownloadButton } from './download-button.js';
@@ -0,0 +1 @@
1
+ export { RestoreButton } from "./restore-button";
@@ -0,0 +1 @@
1
+ export { RestoreButton } from './restore-button.js';
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ declare const RestoreButton: () => React.JSX.Element;
4
+ export { RestoreButton };
@@ -0,0 +1,17 @@
1
+ import React, { useContext } from 'react';
2
+ import { IconButton } from '@alfalab/core-components-icon-button/modern';
3
+ import ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
4
+ import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
5
+ import { s as styles } from '../../../../actions-control.module-594eefc0.js';
6
+
7
+ const RestoreButton = () => {
8
+ const { id = '0', disableButtons, onRestore } = useContext(FileUploadItemContext);
9
+ const handleRestore = () => {
10
+ if (onRestore) {
11
+ onRestore(id);
12
+ }
13
+ };
14
+ return (React.createElement(IconButton, { className: styles.icon, size: 'xxs', "aria-label": '\u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C', icon: React.createElement(ArrowsCwCompactMIcon, { className: styles.restoreIconColor }), disabled: disableButtons, onClick: handleRestore }));
15
+ };
16
+
17
+ export { RestoreButton };
@@ -0,0 +1 @@
1
+ export { Actions } from "./actions";