@hh.ru/magritte-ui-upload 4.0.4 → 4.0.6

package/FileName.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 
-var styles = {"file-name-body":"magritte-file-name-body___PTTMc_4-0-4","fileNameBody":"magritte-file-name-body___PTTMc_4-0-4","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-0-4","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-0-4","file-name":"magritte-file-name___ZSL2g_4-0-4","fileName":"magritte-file-name___ZSL2g_4-0-4"};
+var styles = {"file-name-body":"magritte-file-name-body___PTTMc_4-0-6","fileNameBody":"magritte-file-name-body___PTTMc_4-0-6","file-name-body_medium":"magritte-file-name-body_medium___sfmmq_4-0-6","fileNameBodyMedium":"magritte-file-name-body_medium___sfmmq_4-0-6","file-name":"magritte-file-name___ZSL2g_4-0-6","fileName":"magritte-file-name___ZSL2g_4-0-6"};
 
 const parse = (file) => {
     const name = file.name;

package/FileView.js

@@ -9,7 +9,7 @@ import { FileName } from './FileName.js';
 import { getUploadIcon, bytes2mb } from './utils.js';
 import 'classnames';
 
-var styles = {"file-info-body":"magritte-file-info-body___HmfXd_4-0-4","fileInfoBody":"magritte-file-info-body___HmfXd_4-0-4","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-0-4","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-0-4","file-info-container":"magritte-file-info-container___WFab8_4-0-4","fileInfoContainer":"magritte-file-info-container___WFab8_4-0-4","file-info":"magritte-file-info___HrqiB_4-0-4","fileInfo":"magritte-file-info___HrqiB_4-0-4","controls":"magritte-controls___WdH7A_4-0-4"};
+var styles = {"file-info-body":"magritte-file-info-body___HmfXd_4-0-6","fileInfoBody":"magritte-file-info-body___HmfXd_4-0-6","file-info-and-controls":"magritte-file-info-and-controls___61iyY_4-0-6","fileInfoAndControls":"magritte-file-info-and-controls___61iyY_4-0-6","file-info-container":"magritte-file-info-container___WFab8_4-0-6","fileInfoContainer":"magritte-file-info-container___WFab8_4-0-6","file-info":"magritte-file-info___HrqiB_4-0-6","fileInfo":"magritte-file-info___HrqiB_4-0-6","controls":"magritte-controls___WdH7A_4-0-6"};
 
 const FileView = ({ uploadType, loadedFile, preview, renderFileInfo, onFileDelete, 'aria-label': ariaLabel, isLast = false, }) => {
     const isLoading = Boolean(loadedFile?.loading);

package/FileViewWithPreview.js

@@ -12,7 +12,7 @@ import './FileName.js';
 import 'classnames';
 import 'react';
 
-var styles = {"item":"magritte-item___vVDG-_4-0-4"};
+var styles = {"item":"magritte-item___vVDG-_4-0-6"};
 
 const FileViewWithPreview = ({ loadedFile, ...otherProps }) => {
     const uploadType = getFileType(loadedFile.data.type);

package/MultiUpload.js

@@ -8,7 +8,7 @@ import { Placeholder } from './Placeholder.js';
 import { useDropActions } from './useDropActions.js';
 import { useDropButtons } from './useDropButtons.js';
 import { getAvaliableFileTypes, getUploadIcon, DEFAULT_ACCEPT, RenderFileInfoDefault } from './utils.js';
-import { s as styles } from './upload-C7Yq85R_.js';
+import { s as styles } from './upload-D-rfJu90.js';
 import './FileView.js';
 import '@hh.ru/magritte-ui-avatar';
 import '@hh.ru/magritte-ui-divider';
@@ -38,7 +38,7 @@ const MultiUpload = ({ files, trls, size, accept = DEFAULT_ACCEPT, selectFileBut
     return (jsxs(Fragment, { children: [jsxs("div", { className: classnames(styles.root, styles[`root_${size}`], { [styles.dragActive]: isDragActive }), ...getRootProps(), "data-qa": "magritte-multiple-upload", children: [jsx("input", { ...getInputProps(), "data-qa": "magritte-multiple-upload-input" }), jsx("div", { className: styles.background }), jsxs("div", { className: styles.body, children: [getUploadIcon(uploadType, undefined, false), jsx(VSpacing, { default: 16 }), jsx(Placeholder, { trls: trls, selectFileButton: selectFileButton })] })] }), files.length > 0 && (jsx("div", { className: styles.fileList, children: files.map((loadedFile, indexFile) => {
                     return (jsx(FileViewWithPreview, { loadedFile: loadedFile, renderFileInfo: renderFileInfo, onFileDelete: (event) => {
                             onFileDelete(event, loadedFile, indexFile);
-                        }, "aria-label": ariaLabel || '', isLast: files.length - 1 === indexFile }, loadedFile.data.name));
+                        }, "aria-label": ariaLabel || '', isLast: files.length - 1 === indexFile }, `${loadedFile.data.name}${loadedFile.data.size}${loadedFile.data.lastModified}`));
                 }) }))] }));
 };
 

package/MultiUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiUpload.js","sources":["../src/MultiUpload.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport classnames from 'classnames';\n\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { FileViewWithPreview } from '@hh.ru/magritte-ui-upload/FileViewWithPreview';\nimport { Placeholder } from '@hh.ru/magritte-ui-upload/Placeholder';\nimport { UploadProps } from '@hh.ru/magritte-ui-upload/types';\nimport { useDropActions } from '@hh.ru/magritte-ui-upload/useDropActions';\nimport { useDropButtons } from '@hh.ru/magritte-ui-upload/useDropButtons';\nimport {\n    getUploadIcon,\n    getAvaliableFileTypes,\n    RenderFileInfoDefault,\n    DEFAULT_ACCEPT,\n} from '@hh.ru/magritte-ui-upload/utils';\n\nimport styles from './upload.less';\n\nconst MultiUpload = ({\n    files,\n    trls,\n    size,\n    accept = DEFAULT_ACCEPT,\n    selectFileButton: _selectFileButton,\n    renderFileInfo = RenderFileInfoDefault,\n    onDropAccepted: onDropAcceptedExternal,\n    onDropRejected: onDropRejectedExternal,\n    onFileDelete: onFileDeleteExternal,\n    'aria-label': ariaLabel,\n    ...dropzoneProps\n}: Omit<UploadProps, 'multiple'>): ReactElement => {\n    const uploadType = getAvaliableFileTypes(accept);\n    const { onDropAccepted, onDropRejected, onFileDelete } = useDropActions({\n        onDropAccepted: onDropAcceptedExternal,\n        onDropRejected: onDropRejectedExternal,\n        onFileDelete: onFileDeleteExternal,\n    });\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n        ...dropzoneProps,\n        accept,\n        onDropAccepted,\n        onDropRejected,\n        multiple: true,\n    });\n    const { selectFileButton } = useDropButtons({ selectFileButton: _selectFileButton });\n    return (\n        <>\n            <div\n                className={classnames(styles.root, styles[`root_${size}`], { [styles.dragActive]: isDragActive })}\n                {...getRootProps()}\n                data-qa=\"magritte-multiple-upload\"\n            >\n                <input {...getInputProps()} data-qa=\"magritte-multiple-upload-input\" />\n                <div className={styles.background} />\n                <div className={styles.body}>\n                    {getUploadIcon(uploadType, undefined, false)}\n                    <VSpacing default={16} />\n                    <Placeholder trls={trls} selectFileButton={selectFileButton} />\n                </div>\n            </div>\n            {files.length > 0 && (\n                <div className={styles.fileList}>\n                    {files.map((loadedFile, indexFile) => {\n                        return (\n                            <FileViewWithPreview\n                                key={loadedFile.data.name}\n                                loadedFile={loadedFile}\n                                renderFileInfo={renderFileInfo}\n                                onFileDelete={(event) => {\n                                    onFileDelete(event, loadedFile, indexFile);\n                                }}\n                                aria-label={ariaLabel || ''}\n                                isLast={files.length - 1 === indexFile}\n                            />\n                        );\n                    })}\n                </div>\n            )}\n        </>\n    );\n};\n\nexport { MultiUpload };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,WAAW,GAAG,CAAC,EACjB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,GAAG,cAAc,EACvB,gBAAgB,EAAE,iBAAiB,EACnC,cAAc,GAAG,qBAAqB,EACtC,cAAc,EAAE,sBAAsB,EACtC,cAAc,EAAE,sBAAsB,EACtC,YAAY,EAAE,oBAAoB,EAClC,YAAY,EAAE,SAAS,EACvB,GAAG,aAAa,EACY,KAAkB;AAC9C,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;AACpE,QAAA,cAAc,EAAE,sBAAsB;AACtC,QAAA,cAAc,EAAE,sBAAsB;AACtC,QAAA,YAAY,EAAE,oBAAoB;AACrC,KAAA,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;AAC9D,QAAA,GAAG,aAAa;QAChB,MAAM;QACN,cAAc;QACd,cAAc;AACd,QAAA,QAAQ,EAAE,IAAI;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,CAAC,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC,CAAC;IACrF,QACIA,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,GAAG,YAAY,EAAE,CAAC,EAAA,GAC7F,YAAY,EAAE,EACV,SAAA,EAAA,0BAA0B,aAElCE,GAAW,CAAA,OAAA,EAAA,EAAA,GAAA,aAAa,EAAE,EAAA,SAAA,EAAU,gCAAgC,EAAA,CAAG,EACvEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,EAAI,CAAA,EACrCF,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,aAAa,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,EAC5CE,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAA,CAAI,EACzBA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAC7D,EAAA,CAAA,CAAA,EAAA,CACJ,EACL,KAAK,CAAC,MAAM,GAAG,CAAC,KACbA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,QAAA,EAAA,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,SAAS,KAAI;AACjC,oBAAA,QACIA,GAAC,CAAA,mBAAmB,EAEhB,EAAA,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,CAAC,KAAK,KAAI;AACpB,4BAAA,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;yBAC9C,EAAA,YAAA,EACW,SAAS,IAAI,EAAE,EAC3B,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,SAAS,IAPjC,UAAU,CAAC,IAAI,CAAC,IAAI,CAQ3B,EACJ;AACN,iBAAC,CAAC,EAAA,CACA,CACT,CAAA,EAAA,CACF,EACL;AACN;;;;"}
+{"version":3,"file":"MultiUpload.js","sources":["../src/MultiUpload.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport classnames from 'classnames';\n\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { FileViewWithPreview } from '@hh.ru/magritte-ui-upload/FileViewWithPreview';\nimport { Placeholder } from '@hh.ru/magritte-ui-upload/Placeholder';\nimport { UploadProps } from '@hh.ru/magritte-ui-upload/types';\nimport { useDropActions } from '@hh.ru/magritte-ui-upload/useDropActions';\nimport { useDropButtons } from '@hh.ru/magritte-ui-upload/useDropButtons';\nimport {\n    getUploadIcon,\n    getAvaliableFileTypes,\n    RenderFileInfoDefault,\n    DEFAULT_ACCEPT,\n} from '@hh.ru/magritte-ui-upload/utils';\n\nimport styles from './upload.less';\n\nconst MultiUpload = ({\n    files,\n    trls,\n    size,\n    accept = DEFAULT_ACCEPT,\n    selectFileButton: _selectFileButton,\n    renderFileInfo = RenderFileInfoDefault,\n    onDropAccepted: onDropAcceptedExternal,\n    onDropRejected: onDropRejectedExternal,\n    onFileDelete: onFileDeleteExternal,\n    'aria-label': ariaLabel,\n    ...dropzoneProps\n}: Omit<UploadProps, 'multiple'>): ReactElement => {\n    const uploadType = getAvaliableFileTypes(accept);\n    const { onDropAccepted, onDropRejected, onFileDelete } = useDropActions({\n        onDropAccepted: onDropAcceptedExternal,\n        onDropRejected: onDropRejectedExternal,\n        onFileDelete: onFileDeleteExternal,\n    });\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n        ...dropzoneProps,\n        accept,\n        onDropAccepted,\n        onDropRejected,\n        multiple: true,\n    });\n    const { selectFileButton } = useDropButtons({ selectFileButton: _selectFileButton });\n    return (\n        <>\n            <div\n                className={classnames(styles.root, styles[`root_${size}`], { [styles.dragActive]: isDragActive })}\n                {...getRootProps()}\n                data-qa=\"magritte-multiple-upload\"\n            >\n                <input {...getInputProps()} data-qa=\"magritte-multiple-upload-input\" />\n                <div className={styles.background} />\n                <div className={styles.body}>\n                    {getUploadIcon(uploadType, undefined, false)}\n                    <VSpacing default={16} />\n                    <Placeholder trls={trls} selectFileButton={selectFileButton} />\n                </div>\n            </div>\n            {files.length > 0 && (\n                <div className={styles.fileList}>\n                    {files.map((loadedFile, indexFile) => {\n                        return (\n                            <FileViewWithPreview\n                                key={`${loadedFile.data.name}${loadedFile.data.size}${loadedFile.data.lastModified}`}\n                                loadedFile={loadedFile}\n                                renderFileInfo={renderFileInfo}\n                                onFileDelete={(event) => {\n                                    onFileDelete(event, loadedFile, indexFile);\n                                }}\n                                aria-label={ariaLabel || ''}\n                                isLast={files.length - 1 === indexFile}\n                            />\n                        );\n                    })}\n                </div>\n            )}\n        </>\n    );\n};\n\nexport { MultiUpload };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,WAAW,GAAG,CAAC,EACjB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,GAAG,cAAc,EACvB,gBAAgB,EAAE,iBAAiB,EACnC,cAAc,GAAG,qBAAqB,EACtC,cAAc,EAAE,sBAAsB,EACtC,cAAc,EAAE,sBAAsB,EACtC,YAAY,EAAE,oBAAoB,EAClC,YAAY,EAAE,SAAS,EACvB,GAAG,aAAa,EACY,KAAkB;AAC9C,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;AACpE,QAAA,cAAc,EAAE,sBAAsB;AACtC,QAAA,cAAc,EAAE,sBAAsB;AACtC,QAAA,YAAY,EAAE,oBAAoB;AACrC,KAAA,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;AAC9D,QAAA,GAAG,aAAa;QAChB,MAAM;QACN,cAAc;QACd,cAAc;AACd,QAAA,QAAQ,EAAE,IAAI;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,CAAC,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC,CAAC;IACrF,QACIA,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,GAAG,YAAY,EAAE,CAAC,EAAA,GAC7F,YAAY,EAAE,EACV,SAAA,EAAA,0BAA0B,aAElCE,GAAW,CAAA,OAAA,EAAA,EAAA,GAAA,aAAa,EAAE,EAAA,SAAA,EAAU,gCAAgC,EAAA,CAAG,EACvEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,EAAI,CAAA,EACrCF,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,aAAa,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,EAC5CE,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAA,CAAI,EACzBA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAC7D,EAAA,CAAA,CAAA,EAAA,CACJ,EACL,KAAK,CAAC,MAAM,GAAG,CAAC,KACbA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,QAAA,EAAA,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,SAAS,KAAI;AACjC,oBAAA,QACIA,GAAC,CAAA,mBAAmB,EAEhB,EAAA,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,CAAC,KAAK,KAAI;AACpB,4BAAA,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAC/C,yBAAC,gBACW,SAAS,IAAI,EAAE,EAC3B,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,SAAS,EAAA,EAPjC,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAG,EAAA,UAAU,CAAC,IAAI,CAAC,IAAI,CAAA,EAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAE,CAAA,CAQtF,EACJ;AACN,iBAAC,CAAC,EAAA,CACA,CACT,CAAA,EAAA,CACF,EACL;AACN;;;;"}

package/SingleUpload.js

@@ -14,7 +14,7 @@ import { useDropActions } from './useDropActions.js';
 import { useDropButtons } from './useDropButtons.js';
 import { useFilePreview } from './useFilePreview.js';
 import { getAvaliableFileTypes, getUploadIcon, bytes2mb, DEFAULT_ACCEPT, RenderFileInfoDefault } from './utils.js';
-import { s as styles } from './upload-C7Yq85R_.js';
+import { s as styles } from './upload-D-rfJu90.js';
 import '@hh.ru/magritte-ui-divider';
 import '@hh.ru/magritte-ui-breakpoint';
 import 'react';

package/Upload.js

@@ -20,7 +20,7 @@ import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-typography';
 import './useDropActions.js';
 import './useDropButtons.js';
-import './upload-C7Yq85R_.js';
+import './upload-D-rfJu90.js';
 
 const Upload = ({ multiple, noDragEventsBubbling = true, ...uploadProps }) => {
     if (multiple) {

package/index.css

@@ -1,185 +1,189 @@
 :root{
-  --magritte-typography-label-2-regular-font-family-v22-1-0:"hh sans";
-  --magritte-typography-label-2-regular-font-weight-v22-1-0:400;
-  --magritte-typography-label-2-regular-line-height-v22-1-0:22px;
-  --magritte-typography-label-2-regular-font-size-v22-1-0:16px;
-  --magritte-typography-label-2-regular-letter-spacing-v22-1-0:0em;
-  --magritte-typography-label-2-regular-text-indent-v22-1-0:0px;
-  --magritte-typography-label-2-regular-text-transform-v22-1-0:none;
-  --magritte-typography-label-2-regular-text-decoration-v22-1-0:none;
-}
-.magritte-file-name-body___PTTMc_4-0-4{
+  --magritte-typography-label-2-regular-font-family-v23-0-0:"hh sans";
+  --magritte-typography-label-2-regular-font-weight-v23-0-0:400;
+  --magritte-typography-label-2-regular-line-height-v23-0-0:22px;
+  --magritte-typography-label-2-regular-font-size-v23-0-0:16px;
+  --magritte-typography-label-2-regular-letter-spacing-v23-0-0:0em;
+  --magritte-typography-label-2-regular-text-indent-v23-0-0:0px;
+  --magritte-typography-label-2-regular-text-transform-v23-0-0:none;
+  --magritte-typography-label-2-regular-text-decoration-v23-0-0:none;
+}
+.magritte-file-name-body___PTTMc_4-0-6{
   display:flex;
   width:100%;
   overflow:hidden;
-  font-family:var(--magritte-typography-label-2-regular-font-family-v22-1-0);
-  font-weight:var(--magritte-typography-label-2-regular-font-weight-v22-1-0);
-  line-height:var(--magritte-typography-label-2-regular-line-height-v22-1-0);
-  font-size:var(--magritte-typography-label-2-regular-font-size-v22-1-0);
-  letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v22-1-0);
-  text-indent:var(--magritte-typography-label-2-regular-text-indent-v22-1-0);
-  text-transform:var(--magritte-typography-label-2-regular-text-transform-v22-1-0);
-  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v22-1-0);
-}
-.magritte-file-name-body_medium___sfmmq_4-0-4{
+  font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
+  font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
+  line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
+  font-size:var(--magritte-typography-label-2-regular-font-size-v23-0-0);
+  letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-0-0);
+  text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-0-0);
+  text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-0-0);
+  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-0-0);
+}
+.magritte-file-name-body_medium___sfmmq_4-0-6{
   justify-content:center;
 }
-.magritte-file-name___ZSL2g_4-0-4{
+.magritte-file-name___ZSL2g_4-0-6{
   overflow:hidden;
   text-overflow:ellipsis;
 }
 
 :root{
-  --magritte-typography-label-4-regular-font-family-v22-1-0:"hh sans";
-  --magritte-typography-label-4-regular-font-weight-v22-1-0:400;
-  --magritte-typography-label-4-regular-line-height-v22-1-0:18px;
-  --magritte-typography-label-4-regular-font-size-v22-1-0:12px;
-  --magritte-typography-label-4-regular-letter-spacing-v22-1-0:0.01em;
-  --magritte-typography-label-4-regular-text-indent-v22-1-0:0px;
-  --magritte-typography-label-4-regular-text-transform-v22-1-0:none;
-  --magritte-typography-label-4-regular-text-decoration-v22-1-0:none;
-  --magritte-static-space-100-v22-1-0:4px;
-  --magritte-static-space-400-v22-1-0:16px;
-}
-.magritte-file-info-body___HmfXd_4-0-4{
+  --magritte-typography-label-4-regular-font-family-v23-0-0:"hh sans";
+  --magritte-typography-label-4-regular-font-weight-v23-0-0:400;
+  --magritte-typography-label-4-regular-line-height-v23-0-0:18px;
+  --magritte-typography-label-4-regular-font-size-v23-0-0:12px;
+  --magritte-typography-label-4-regular-letter-spacing-v23-0-0:0.01em;
+  --magritte-typography-label-4-regular-text-indent-v23-0-0:0px;
+  --magritte-typography-label-4-regular-text-transform-v23-0-0:none;
+  --magritte-typography-label-4-regular-text-decoration-v23-0-0:none;
+  --magritte-static-space-100-v23-0-0:4px;
+  --magritte-static-space-400-v23-0-0:16px;
+}
+.magritte-file-info-body___HmfXd_4-0-6{
   flex-grow:1;
 }
-.magritte-file-info-and-controls___61iyY_4-0-4{
+.magritte-file-info-and-controls___61iyY_4-0-6{
   display:flex;
-  gap:var(--magritte-static-space-400-v22-1-0);
+  gap:var(--magritte-static-space-400-v23-0-0);
 }
-.magritte-file-info-container___WFab8_4-0-4{
+.magritte-file-info-container___WFab8_4-0-6{
   flex-grow:1;
   width:50px;
 }
-.magritte-file-info___HrqiB_4-0-4{
+.magritte-file-info___HrqiB_4-0-6{
   display:flex;
-  gap:var(--magritte-static-space-100-v22-1-0);
-  font-family:var(--magritte-typography-label-4-regular-font-family-v22-1-0);
-  font-weight:var(--magritte-typography-label-4-regular-font-weight-v22-1-0);
-  line-height:var(--magritte-typography-label-4-regular-line-height-v22-1-0);
-  font-size:var(--magritte-typography-label-4-regular-font-size-v22-1-0);
-  letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v22-1-0);
-  text-indent:var(--magritte-typography-label-4-regular-text-indent-v22-1-0);
-  text-transform:var(--magritte-typography-label-4-regular-text-transform-v22-1-0);
-  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v22-1-0);
-}
-.magritte-controls___WdH7A_4-0-4{
+  gap:var(--magritte-static-space-100-v23-0-0);
+  font-family:var(--magritte-typography-label-4-regular-font-family-v23-0-0);
+  font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-0-0);
+  line-height:var(--magritte-typography-label-4-regular-line-height-v23-0-0);
+  font-size:var(--magritte-typography-label-4-regular-font-size-v23-0-0);
+  letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-0-0);
+  text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-0-0);
+  text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-0-0);
+  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-0-0);
+}
+.magritte-controls___WdH7A_4-0-6{
   display:flex;
   align-items:center;
   margin-left:auto;
-  margin-right:var(--magritte-static-space-400-v22-1-0);
+  margin-right:var(--magritte-static-space-400-v23-0-0);
 }
 
 :root{
-  --magritte-static-space-400-v22-1-0:16px;
+  --magritte-static-space-400-v23-0-0:16px;
 }
-.magritte-item___vVDG-_4-0-4{
+
+.magritte-item___vVDG-_4-0-6{
   display:flex;
   width:100%;
-  gap:var(--magritte-static-space-400-v22-1-0);
+  gap:var(--magritte-static-space-400-v23-0-0);
 }
 
 :root{
-  --magritte-color-background-primary-v22-1-0:#ffffff;
-  --magritte-color-stroke-neutral-v22-1-0:#DCE3EB;
-  --magritte-color-stroke-accent-v22-1-0:#0070ff;
-  --magritte-color-stroke-state-focused-accessible-v22-1-0:#0070ff7a;
-  --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
+  --magritte-color-background-primary-v23-0-0:#ffffff;
+  --magritte-color-stroke-neutral-v23-0-0:#DCE3EB;
+  --magritte-color-stroke-accent-v23-0-0:#0070ff;
+  --magritte-color-stroke-state-focused-accessible-v23-0-0:#0070ff7a;
+  --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
 }
+
 :root{
-  --magritte-static-space-300-v22-1-0:12px;
-  --magritte-static-space-400-v22-1-0:16px;
-  --magritte-static-space-500-v22-1-0:20px;
-  --magritte-static-space-600-v22-1-0:24px;
-  --magritte-static-border-radius-600-v22-1-0:24px;
+  --magritte-static-space-300-v23-0-0:12px;
+  --magritte-static-space-400-v23-0-0:16px;
+  --magritte-static-space-500-v23-0-0:20px;
+  --magritte-static-space-600-v23-0-0:24px;
+  --magritte-static-border-radius-600-v23-0-0:24px;
 }
+
 .magritte-night-theme{
-  --magritte-color-background-primary-v22-1-0:#1B1B1B;
-  --magritte-color-stroke-neutral-v22-1-0:#303030;
-  --magritte-color-stroke-accent-v22-1-0:#2b7fff;
-  --magritte-color-stroke-state-focused-accessible-v22-1-0:#0070ff7a;
-  --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
+  --magritte-color-background-primary-v23-0-0:#1B1B1B;
+  --magritte-color-stroke-neutral-v23-0-0:#303030;
+  --magritte-color-stroke-accent-v23-0-0:#2b7fff;
+  --magritte-color-stroke-state-focused-accessible-v23-0-0:#0070ff7a;
+  --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
 }
+
 .magritte-zp-day-theme{
-  --magritte-color-background-primary-v22-1-0:#ffffff;
-  --magritte-color-stroke-neutral-v22-1-0:#DCE3EB;
-  --magritte-color-stroke-accent-v22-1-0:#7195AF;
-  --magritte-color-stroke-state-focused-accessible-v22-1-0:#0070ff7a;
-  --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
+  --magritte-color-background-primary-v23-0-0:#ffffff;
+  --magritte-color-stroke-neutral-v23-0-0:#DCE3EB;
+  --magritte-color-stroke-accent-v23-0-0:#7195AF;
+  --magritte-color-stroke-state-focused-accessible-v23-0-0:#0070ff7a;
+  --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
 }
-.magritte-root___FV1tC_4-0-4{
+.magritte-root___FV1tC_4-0-6{
   position:relative;
   display:flex;
   overflow:hidden;
-  border-radius:var(--magritte-static-border-radius-600-v22-1-0);
-  background-color:var(--magritte-color-background-primary-v22-1-0);
+  border-radius:var(--magritte-static-border-radius-600-v23-0-0);
+  background-color:var(--magritte-color-background-primary-v23-0-0);
 }
-.magritte-root___FV1tC_4-0-4:hover{
+.magritte-root___FV1tC_4-0-6:hover{
   cursor:pointer;
 }
-.magritte-root___FV1tC_4-0-4:hover .magritte-background___RfZ0U_4-0-4{
-  border-color:var(--magritte-color-stroke-accent-v22-1-0);
+.magritte-root___FV1tC_4-0-6:hover .magritte-background___RfZ0U_4-0-6{
+  border-color:var(--magritte-color-stroke-accent-v23-0-0);
 }
-.magritte-root___FV1tC_4-0-4.magritte-drag-active___dihBL_4-0-4 .magritte-background___RfZ0U_4-0-4{
-  border-color:var(--magritte-color-stroke-accent-v22-1-0);
+.magritte-root___FV1tC_4-0-6.magritte-drag-active___dihBL_4-0-6 .magritte-background___RfZ0U_4-0-6{
+  border-color:var(--magritte-color-stroke-accent-v23-0-0);
 }
-.magritte-root___FV1tC_4-0-4.focus-visible{
-  outline:var(--magritte-color-stroke-state-focused-accessible-v22-1-0) solid 4px;
+.magritte-root___FV1tC_4-0-6.focus-visible{
+  outline:var(--magritte-color-stroke-state-focused-accessible-v23-0-0) solid 4px;
 }
-.magritte-root___FV1tC_4-0-4.focus-visible .magritte-background___RfZ0U_4-0-4{
-  border-color:var(--magritte-color-stroke-accent-v22-1-0);
+.magritte-root___FV1tC_4-0-6.focus-visible .magritte-background___RfZ0U_4-0-6{
+  border-color:var(--magritte-color-stroke-accent-v23-0-0);
 }
-.magritte-root___FV1tC_4-0-4.magritte-load___MghDA_4-0-4 .magritte-background___RfZ0U_4-0-4,
-.magritte-root___FV1tC_4-0-4.magritte-loading___9E3p-_4-0-4 .magritte-background___RfZ0U_4-0-4{
+.magritte-root___FV1tC_4-0-6.magritte-load___MghDA_4-0-6 .magritte-background___RfZ0U_4-0-6,
+.magritte-root___FV1tC_4-0-6.magritte-loading___9E3p-_4-0-6 .magritte-background___RfZ0U_4-0-6{
   border-style:solid;
   border-width:7px;
 }
-.magritte-root___FV1tC_4-0-4.magritte-invalid___Rt10-_4-0-4.focus-visible{
-  outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0) solid 4px;
+.magritte-root___FV1tC_4-0-6.magritte-invalid___Rt10-_4-0-6.focus-visible{
+  outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0) solid 4px;
 }
-.magritte-root___FV1tC_4-0-4.magritte-invalid___Rt10-_4-0-4 .magritte-background___RfZ0U_4-0-4{
-  border-color:var(--magritte-color-stroke-neutral-v22-1-0);
+.magritte-root___FV1tC_4-0-6.magritte-invalid___Rt10-_4-0-6 .magritte-background___RfZ0U_4-0-6{
+  border-color:var(--magritte-color-stroke-neutral-v23-0-0);
 }
-.magritte-root_medium___67WJa_4-0-4{
+.magritte-root_medium___67WJa_4-0-6{
   justify-content:center;
-  padding:var(--magritte-static-space-600-v22-1-0);
+  padding:var(--magritte-static-space-600-v23-0-0);
 }
-.magritte-root_medium___67WJa_4-0-4 .magritte-body___O7ROl_4-0-4{
+.magritte-root_medium___67WJa_4-0-6 .magritte-body___O7ROl_4-0-6{
   flex-direction:column;
   align-items:center;
   justify-content:center;
 }
-.magritte-root_small___dkUYq_4-0-4{
-  padding-top:var(--magritte-static-space-400-v22-1-0);
-  padding-bottom:var(--magritte-static-space-400-v22-1-0);
-  padding-left:var(--magritte-static-space-400-v22-1-0);
+.magritte-root_small___dkUYq_4-0-6{
+  padding-top:var(--magritte-static-space-400-v23-0-0);
+  padding-bottom:var(--magritte-static-space-400-v23-0-0);
+  padding-left:var(--magritte-static-space-400-v23-0-0);
 }
-.magritte-root_small___dkUYq_4-0-4 .magritte-body___O7ROl_4-0-4{
-  gap:var(--magritte-static-space-400-v22-1-0);
+.magritte-root_small___dkUYq_4-0-6 .magritte-body___O7ROl_4-0-6{
+  gap:var(--magritte-static-space-400-v23-0-0);
 }
-.magritte-background___RfZ0U_4-0-4{
+.magritte-background___RfZ0U_4-0-6{
   position:absolute;
   border-width:8px;
   border-style:dashed;
-  border-color:var(--magritte-color-stroke-neutral-v22-1-0);
+  border-color:var(--magritte-color-stroke-neutral-v23-0-0);
   top:-6px;
   bottom:-6px;
   left:-6px;
   right:-6px;
-  border-radius:calc(var(--magritte-static-border-radius-600-v22-1-0) + 6px);
+  border-radius:calc(var(--magritte-static-border-radius-600-v23-0-0) + 6px);
   background-position:center;
   background-size:100%;
 }
-.magritte-body___O7ROl_4-0-4{
+.magritte-body___O7ROl_4-0-6{
   display:flex;
   width:100%;
 }
-.magritte-loader___XYpWg_4-0-4{
+.magritte-loader___XYpWg_4-0-6{
   position:relative;
   display:flex;
 }
-.magritte-cancel___tQ-yX_4-0-4{
+.magritte-cancel___tQ-yX_4-0-6{
   position:absolute;
   top:0;
   left:0;
@@ -189,37 +193,37 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-image-controls___vLf94_4-0-4{
+.magritte-image-controls___vLf94_4-0-6{
   display:flex;
-  gap:var(--magritte-static-space-300-v22-1-0);
+  gap:var(--magritte-static-space-300-v23-0-0);
   align-items:flex-end;
   justify-content:flex-end;
   width:100%;
 }
-.magritte-small-controls___Qn9TP_4-0-4{
+.magritte-small-controls___Qn9TP_4-0-6{
   display:flex;
   align-items:center;
   margin-left:auto;
-  margin-right:var(--magritte-static-space-500-v22-1-0);
+  margin-right:var(--magritte-static-space-500-v23-0-0);
 }
-.magritte-file-list___L9uHt_4-0-4{
-  margin-top:var(--magritte-static-space-300-v22-1-0);
-  box-shadow:inset 0 0 0 1px var(--magritte-color-stroke-neutral-v22-1-0);
-  border-radius:var(--magritte-static-border-radius-600-v22-1-0);
-  padding-top:var(--magritte-static-space-400-v22-1-0);
+.magritte-file-list___L9uHt_4-0-6{
+  margin-top:var(--magritte-static-space-300-v23-0-0);
+  box-shadow:inset 0 0 0 1px var(--magritte-color-stroke-neutral-v23-0-0);
+  border-radius:var(--magritte-static-border-radius-600-v23-0-0);
+  padding-top:var(--magritte-static-space-400-v23-0-0);
   padding-right:0;
-  padding-bottom:var(--magritte-static-space-400-v22-1-0);
-  padding-left:var(--magritte-static-space-400-v22-1-0);
+  padding-bottom:var(--magritte-static-space-400-v23-0-0);
+  padding-left:var(--magritte-static-space-400-v23-0-0);
 }
-.magritte-file-icon___oetLK_4-0-4{
+.magritte-file-icon___oetLK_4-0-6{
   display:inline-flex;
 }
-.magritte-file-info___Y3vyi_4-0-4{
+.magritte-file-info___Y3vyi_4-0-6{
   display:inline-flex;
   width:100%;
   flex-direction:column;
   align-items:center;
 }
-.magritte-hidden-file-info___92c69_4-0-4{
+.magritte-hidden-file-info___92c69_4-0-6{
   visibility:hidden;
 }

package/index.js

@@ -20,6 +20,6 @@ import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-typography';
 import './useDropActions.js';
 import './useDropButtons.js';
-import './upload-C7Yq85R_.js';
+import './upload-D-rfJu90.js';
 import './SingleUpload.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-upload",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -26,18 +26,18 @@
     "react": ">=18.2.0"
   },
   "dependencies": {
-    "@hh.ru/magritte-design-tokens": "22.1.0",
-    "@hh.ru/magritte-ui-avatar": "7.0.1",
+    "@hh.ru/magritte-design-tokens": "23.0.0",
+    "@hh.ru/magritte-ui-avatar": "7.0.2",
     "@hh.ru/magritte-ui-breakpoint": "6.0.0",
-    "@hh.ru/magritte-ui-button": "6.0.2",
-    "@hh.ru/magritte-ui-button-stack": "2.1.72",
-    "@hh.ru/magritte-ui-divider": "3.0.0",
-    "@hh.ru/magritte-ui-icon": "12.1.0",
-    "@hh.ru/magritte-ui-loader": "2.0.1",
+    "@hh.ru/magritte-ui-button": "6.0.4",
+    "@hh.ru/magritte-ui-button-stack": "2.1.74",
+    "@hh.ru/magritte-ui-divider": "3.0.1",
+    "@hh.ru/magritte-ui-icon": "12.2.1",
+    "@hh.ru/magritte-ui-loader": "2.0.3",
     "@hh.ru/magritte-ui-mock-component": "1.1.4",
-    "@hh.ru/magritte-ui-spacing": "2.0.58",
-    "@hh.ru/magritte-ui-typography": "4.1.0",
+    "@hh.ru/magritte-ui-spacing": "2.0.59",
+    "@hh.ru/magritte-ui-typography": "4.1.1",
     "react-dropzone": "14.3.5"
   },
-  "gitHead": "84be7fb81c268510672bdaa32f856319f7022df8"
+  "gitHead": "759fe057f9c0fbf62497dea6dc4f996f8c5d9a84"
 }

package/upload-D-rfJu90.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"root":"magritte-root___FV1tC_4-0-6","background":"magritte-background___RfZ0U_4-0-6","drag-active":"magritte-drag-active___dihBL_4-0-6","dragActive":"magritte-drag-active___dihBL_4-0-6","load":"magritte-load___MghDA_4-0-6","loading":"magritte-loading___9E3p-_4-0-6","invalid":"magritte-invalid___Rt10-_4-0-6","root_medium":"magritte-root_medium___67WJa_4-0-6","rootMedium":"magritte-root_medium___67WJa_4-0-6","body":"magritte-body___O7ROl_4-0-6","root_small":"magritte-root_small___dkUYq_4-0-6","rootSmall":"magritte-root_small___dkUYq_4-0-6","loader":"magritte-loader___XYpWg_4-0-6","cancel":"magritte-cancel___tQ-yX_4-0-6","image-controls":"magritte-image-controls___vLf94_4-0-6","imageControls":"magritte-image-controls___vLf94_4-0-6","small-controls":"magritte-small-controls___Qn9TP_4-0-6","smallControls":"magritte-small-controls___Qn9TP_4-0-6","file-list":"magritte-file-list___L9uHt_4-0-6","fileList":"magritte-file-list___L9uHt_4-0-6","file-icon":"magritte-file-icon___oetLK_4-0-6","fileIcon":"magritte-file-icon___oetLK_4-0-6","file-info":"magritte-file-info___Y3vyi_4-0-6","fileInfo":"magritte-file-info___Y3vyi_4-0-6","hidden-file-info":"magritte-hidden-file-info___92c69_4-0-6","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-0-6"};
+
+export { styles as s };
+//# sourceMappingURL=upload-D-rfJu90.js.map

package/upload-D-rfJu90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-D-rfJu90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/upload-C7Yq85R_.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"root":"magritte-root___FV1tC_4-0-4","background":"magritte-background___RfZ0U_4-0-4","drag-active":"magritte-drag-active___dihBL_4-0-4","dragActive":"magritte-drag-active___dihBL_4-0-4","load":"magritte-load___MghDA_4-0-4","loading":"magritte-loading___9E3p-_4-0-4","invalid":"magritte-invalid___Rt10-_4-0-4","root_medium":"magritte-root_medium___67WJa_4-0-4","rootMedium":"magritte-root_medium___67WJa_4-0-4","body":"magritte-body___O7ROl_4-0-4","root_small":"magritte-root_small___dkUYq_4-0-4","rootSmall":"magritte-root_small___dkUYq_4-0-4","loader":"magritte-loader___XYpWg_4-0-4","cancel":"magritte-cancel___tQ-yX_4-0-4","image-controls":"magritte-image-controls___vLf94_4-0-4","imageControls":"magritte-image-controls___vLf94_4-0-4","small-controls":"magritte-small-controls___Qn9TP_4-0-4","smallControls":"magritte-small-controls___Qn9TP_4-0-4","file-list":"magritte-file-list___L9uHt_4-0-4","fileList":"magritte-file-list___L9uHt_4-0-4","file-icon":"magritte-file-icon___oetLK_4-0-4","fileIcon":"magritte-file-icon___oetLK_4-0-4","file-info":"magritte-file-info___Y3vyi_4-0-4","fileInfo":"magritte-file-info___Y3vyi_4-0-4","hidden-file-info":"magritte-hidden-file-info___92c69_4-0-4","hiddenFileInfo":"magritte-hidden-file-info___92c69_4-0-4"};
-
-export { styles as s };
-//# sourceMappingURL=upload-C7Yq85R_.js.map

package/upload-C7Yq85R_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-C7Yq85R_.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}