@alfalab/core-components 45.3.0-beta.1 → 45.4.0

package/confirmation/modern/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-bf3d2d78.js';
+import '../../../countdown-section-0eefd440.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/desktop/component.desktop.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-bf3d2d78.js';
+import '../countdown-section-0eefd440.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/desktop/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-bf3d2d78.js';
+import '../countdown-section-0eefd440.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/index.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-bf3d2d78.js';
+import './countdown-section-0eefd440.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/mobile/component.mobile.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-bf3d2d78.js';
+import '../countdown-section-0eefd440.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/mobile/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-bf3d2d78.js';
+import '../countdown-section-0eefd440.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-bf3d2d78.js';
+import '../countdown-section-0eefd440.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/file-upload-item/Component.d.ts

@@ -78,6 +78,10 @@ type FileUploadItemProps = {
      * Управление активностью кнопок
      */
     disableButtons?: boolean;
+    /**
+     * Разрешить многострочное название файла
+     */
+    multiline?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/file-upload-item/Component.js

@@ -17,11 +17,11 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"file-upload-item__component_1sj7r","infoSection":"file-upload-item__infoSection_1sj7r","info":"file-upload-item__info_1sj7r","icon":"file-upload-item__icon_1sj7r","errorIcon":"file-upload-item__errorIcon_1sj7r","successIcon":"file-upload-item__successIcon_1sj7r","name":"file-upload-item__name_1sj7r","meta":"file-upload-item__meta_1sj7r","size":"file-upload-item__size_1sj7r","delete":"file-upload-item__delete_1sj7r","download":"file-upload-item__download_1sj7r","errorWrapper":"file-upload-item__errorWrapper_1sj7r","restore":"file-upload-item__restore_1sj7r","spinnerWrapper":"file-upload-item__spinnerWrapper_1sj7r","spinner":"file-upload-item__spinner_1sj7r","uploadPercent":"file-upload-item__uploadPercent_1sj7r"};
+var styles = {"component":"file-upload-item__component_1sj7r","infoSection":"file-upload-item__infoSection_1sj7r","info":"file-upload-item__info_1sj7r","icon":"file-upload-item__icon_1sj7r","errorIcon":"file-upload-item__errorIcon_1sj7r","successIcon":"file-upload-item__successIcon_1sj7r","name":"file-upload-item__name_1sj7r","rowLimit":"file-upload-item__rowLimit_1sj7r","meta":"file-upload-item__meta_1sj7r","size":"file-upload-item__size_1sj7r","delete":"file-upload-item__delete_1sj7r","download":"file-upload-item__download_1sj7r","errorWrapper":"file-upload-item__errorWrapper_1sj7r","restore":"file-upload-item__restore_1sj7r","spinnerWrapper":"file-upload-item__spinnerWrapper_1sj7r","spinner":"file-upload-item__spinner_1sj7r","uploadPercent":"file-upload-item__uploadPercent_1sj7r"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? utils.fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, dataTestId = _a.dataTestId;
+    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? utils.fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, _f = _a.multiline, multiline = _f === void 0 ? false : _f, dataTestId = _a.dataTestId;
     var handleDownload = function (event) {
         if (onDownload) {
             event.preventDefault();
@@ -55,10 +55,11 @@ var FileUploadItem = function (_a) {
         }
     };
     var renderInfoSection = function () {
+        var _a;
         var shouldShownError = uploadStatus === 'ERROR' || !!error;
         var errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
         return (React__default.default.createElement("div", { className: styles.infoSection },
-            React__default.default.createElement("div", { className: styles.name }, name),
+            React__default.default.createElement("div", { className: cn__default.default(styles.name, (_a = {}, _a[styles.rowLimit] = !multiline, _a)) }, name),
             shouldShownError && (React__default.default.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
     };
     var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');

package/file-upload-item/cssm/Component.d.ts

@@ -78,6 +78,10 @@ type FileUploadItemProps = {
      * Управление активностью кнопок
      */
     disableButtons?: boolean;
+    /**
+     * Разрешить многострочное название файла
+     */
+    multiline?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/file-upload-item/cssm/Component.js

@@ -20,7 +20,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var FileUploadItem = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? utils.fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, dataTestId = _a.dataTestId;
+    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? utils.fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, _f = _a.multiline, multiline = _f === void 0 ? false : _f, dataTestId = _a.dataTestId;
     var handleDownload = function (event) {
         if (onDownload) {
             event.preventDefault();
@@ -54,10 +54,11 @@ var FileUploadItem = function (_a) {
         }
     };
     var renderInfoSection = function () {
+        var _a;
         var shouldShownError = uploadStatus === 'ERROR' || !!error;
         var errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
         return (React__default.default.createElement("div", { className: styles__default.default.infoSection },
-            React__default.default.createElement("div", { className: styles__default.default.name }, name),
+            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.name, (_a = {}, _a[styles__default.default.rowLimit] = !multiline, _a)) }, name),
             shouldShownError && (React__default.default.createElement("div", { className: styles__default.default.errorWrapper, role: 'alert' }, errorContent))));
     };
     var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');

package/file-upload-item/cssm/index.module.css

@@ -31,6 +31,7 @@
     font-weight: 400;
 
     display: flex;
+    align-items: flex-start;
     width: 100%;
     padding: var(--gap-xs);
     color: var(--color-light-text-secondary);
@@ -38,6 +39,8 @@
     box-sizing: border-box
 } .component svg {
         display: block;
+    } .component:last-child {
+        box-shadow: none;
     } .infoSection {
     display: flex;
     flex-direction: column;
@@ -61,13 +64,14 @@
     flex-shrink: 0;
     color: var(--color-light-status-positive);
 } .name {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 } .name a {
         display: block;
         margin-bottom: 1px;
+    } .name.rowLimit {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     } .meta {
     display: flex;
     white-space: nowrap;
@@ -98,6 +102,7 @@
     font-weight: 400;
 
     margin-left: var(--gap-s);
+    margin-top: var(--gap-3xs);
 } .spinnerWrapper {
     display: flex;
     justify-content: center;

package/file-upload-item/esm/Component.d.ts

@@ -78,6 +78,10 @@ type FileUploadItemProps = {
      * Управление активностью кнопок
      */
     disableButtons?: boolean;
+    /**
+     * Разрешить многострочное название файла
+     */
+    multiline?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/file-upload-item/esm/Component.js

@@ -15,11 +15,11 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
 import '@alfalab/icons-glyph/DocumentTxtMIcon';
 import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 
-var styles = {"component":"file-upload-item__component_1sj7r","infoSection":"file-upload-item__infoSection_1sj7r","info":"file-upload-item__info_1sj7r","icon":"file-upload-item__icon_1sj7r","errorIcon":"file-upload-item__errorIcon_1sj7r","successIcon":"file-upload-item__successIcon_1sj7r","name":"file-upload-item__name_1sj7r","meta":"file-upload-item__meta_1sj7r","size":"file-upload-item__size_1sj7r","delete":"file-upload-item__delete_1sj7r","download":"file-upload-item__download_1sj7r","errorWrapper":"file-upload-item__errorWrapper_1sj7r","restore":"file-upload-item__restore_1sj7r","spinnerWrapper":"file-upload-item__spinnerWrapper_1sj7r","spinner":"file-upload-item__spinner_1sj7r","uploadPercent":"file-upload-item__uploadPercent_1sj7r"};
+var styles = {"component":"file-upload-item__component_1sj7r","infoSection":"file-upload-item__infoSection_1sj7r","info":"file-upload-item__info_1sj7r","icon":"file-upload-item__icon_1sj7r","errorIcon":"file-upload-item__errorIcon_1sj7r","successIcon":"file-upload-item__successIcon_1sj7r","name":"file-upload-item__name_1sj7r","rowLimit":"file-upload-item__rowLimit_1sj7r","meta":"file-upload-item__meta_1sj7r","size":"file-upload-item__size_1sj7r","delete":"file-upload-item__delete_1sj7r","download":"file-upload-item__download_1sj7r","errorWrapper":"file-upload-item__errorWrapper_1sj7r","restore":"file-upload-item__restore_1sj7r","spinnerWrapper":"file-upload-item__spinnerWrapper_1sj7r","spinner":"file-upload-item__spinner_1sj7r","uploadPercent":"file-upload-item__uploadPercent_1sj7r"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, dataTestId = _a.dataTestId;
+    var className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? '0' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, size = _a.size, _d = _a.icon, Icon = _d === void 0 ? fileIcon(name) : _d, uploadDate = _a.uploadDate, downloadLink = _a.downloadLink, download = _a.download, uploadStatus = _a.uploadStatus, _e = _a.uploadPercent, uploadPercent = _e === void 0 ? 0 : _e, error = _a.error, showDelete = _a.showDelete, showRestore = _a.showRestore, onDelete = _a.onDelete, onDownload = _a.onDownload, onRestore = _a.onRestore, disableButtons = _a.disableButtons, _f = _a.multiline, multiline = _f === void 0 ? false : _f, dataTestId = _a.dataTestId;
     var handleDownload = function (event) {
         if (onDownload) {
             event.preventDefault();
@@ -53,10 +53,11 @@ var FileUploadItem = function (_a) {
         }
     };
     var renderInfoSection = function () {
+        var _a;
         var shouldShownError = uploadStatus === 'ERROR' || !!error;
         var errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
         return (React.createElement("div", { className: styles.infoSection },
-            React.createElement("div", { className: styles.name }, name),
+            React.createElement("div", { className: cn(styles.name, (_a = {}, _a[styles.rowLimit] = !multiline, _a)) }, name),
             shouldShownError && (React.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
     };
     var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');

package/file-upload-item/esm/index.css

@@ -32,6 +32,7 @@
     font-weight: 400;
 
     display: flex;
+    align-items: flex-start;
     width: 100%;
     padding: var(--gap-xs);
     color: var(--color-light-text-secondary);
@@ -39,6 +40,8 @@
     box-sizing: border-box
 } .file-upload-item__component_1sj7r svg {
         display: block;
+    } .file-upload-item__component_1sj7r:last-child {
+        box-shadow: none;
     } .file-upload-item__infoSection_1sj7r {
     display: flex;
     flex-direction: column;
@@ -62,13 +65,14 @@
     flex-shrink: 0;
     color: var(--color-light-status-positive);
 } .file-upload-item__name_1sj7r {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 } .file-upload-item__name_1sj7r a {
         display: block;
         margin-bottom: 1px;
+    } .file-upload-item__name_1sj7r.file-upload-item__rowLimit_1sj7r {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     } .file-upload-item__meta_1sj7r {
     display: flex;
     white-space: nowrap;
@@ -99,6 +103,7 @@
     font-weight: 400;
 
     margin-left: var(--gap-s);
+    margin-top: var(--gap-3xs);
 } .file-upload-item__spinnerWrapper_1sj7r {
     display: flex;
     justify-content: center;

package/file-upload-item/index.css

@@ -32,6 +32,7 @@
     font-weight: 400;
 
     display: flex;
+    align-items: flex-start;
     width: 100%;
     padding: var(--gap-xs);
     color: var(--color-light-text-secondary);
@@ -39,6 +40,8 @@
     box-sizing: border-box
 } .file-upload-item__component_1sj7r svg {
         display: block;
+    } .file-upload-item__component_1sj7r:last-child {
+        box-shadow: none;
     } .file-upload-item__infoSection_1sj7r {
     display: flex;
     flex-direction: column;
@@ -62,13 +65,14 @@
     flex-shrink: 0;
     color: var(--color-light-status-positive);
 } .file-upload-item__name_1sj7r {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 } .file-upload-item__name_1sj7r a {
         display: block;
         margin-bottom: 1px;
+    } .file-upload-item__name_1sj7r.file-upload-item__rowLimit_1sj7r {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     } .file-upload-item__meta_1sj7r {
     display: flex;
     white-space: nowrap;
@@ -99,6 +103,7 @@
     font-weight: 400;
 
     margin-left: var(--gap-s);
+    margin-top: var(--gap-3xs);
 } .file-upload-item__spinnerWrapper_1sj7r {
     display: flex;
     justify-content: center;

package/file-upload-item/modern/Component.d.ts

@@ -78,6 +78,10 @@ type FileUploadItemProps = {
      * Управление активностью кнопок
      */
     disableButtons?: boolean;
+    /**
+     * Разрешить многострочное название файла
+     */
+    multiline?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/file-upload-item/modern/Component.js

@@ -15,10 +15,10 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
 import '@alfalab/icons-glyph/DocumentTxtMIcon';
 import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 
-const styles = {"component":"file-upload-item__component_1sj7r","infoSection":"file-upload-item__infoSection_1sj7r","info":"file-upload-item__info_1sj7r","icon":"file-upload-item__icon_1sj7r","errorIcon":"file-upload-item__errorIcon_1sj7r","successIcon":"file-upload-item__successIcon_1sj7r","name":"file-upload-item__name_1sj7r","meta":"file-upload-item__meta_1sj7r","size":"file-upload-item__size_1sj7r","delete":"file-upload-item__delete_1sj7r","download":"file-upload-item__download_1sj7r","errorWrapper":"file-upload-item__errorWrapper_1sj7r","restore":"file-upload-item__restore_1sj7r","spinnerWrapper":"file-upload-item__spinnerWrapper_1sj7r","spinner":"file-upload-item__spinner_1sj7r","uploadPercent":"file-upload-item__uploadPercent_1sj7r"};
+const styles = {"component":"file-upload-item__component_1sj7r","infoSection":"file-upload-item__infoSection_1sj7r","info":"file-upload-item__info_1sj7r","icon":"file-upload-item__icon_1sj7r","errorIcon":"file-upload-item__errorIcon_1sj7r","successIcon":"file-upload-item__successIcon_1sj7r","name":"file-upload-item__name_1sj7r","rowLimit":"file-upload-item__rowLimit_1sj7r","meta":"file-upload-item__meta_1sj7r","size":"file-upload-item__size_1sj7r","delete":"file-upload-item__delete_1sj7r","download":"file-upload-item__download_1sj7r","errorWrapper":"file-upload-item__errorWrapper_1sj7r","restore":"file-upload-item__restore_1sj7r","spinnerWrapper":"file-upload-item__spinnerWrapper_1sj7r","spinner":"file-upload-item__spinner_1sj7r","uploadPercent":"file-upload-item__uploadPercent_1sj7r"};
 require('./index.css');
 
-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, dataTestId, }) => {
+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, dataTestId, }) => {
     const handleDownload = (event) => {
         if (onDownload) {
             event.preventDefault();
@@ -55,7 +55,7 @@ const FileUploadItem = ({ className, children, id = '0', name = '', size, icon:
         const shouldShownError = uploadStatus === 'ERROR' || !!error;
         const errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
         return (React.createElement("div", { className: styles.infoSection },
-            React.createElement("div", { className: styles.name }, name),
+            React.createElement("div", { className: cn(styles.name, { [styles.rowLimit]: !multiline }) }, name),
             shouldShownError && (React.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
     };
     const showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');

package/file-upload-item/modern/index.css

@@ -32,6 +32,7 @@
     font-weight: 400;
 
     display: flex;
+    align-items: flex-start;
     width: 100%;
     padding: var(--gap-xs);
     color: var(--color-light-text-secondary);
@@ -39,6 +40,8 @@
     box-sizing: border-box
 } .file-upload-item__component_1sj7r svg {
         display: block;
+    } .file-upload-item__component_1sj7r:last-child {
+        box-shadow: none;
     } .file-upload-item__infoSection_1sj7r {
     display: flex;
     flex-direction: column;
@@ -62,13 +65,14 @@
     flex-shrink: 0;
     color: var(--color-light-status-positive);
 } .file-upload-item__name_1sj7r {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 } .file-upload-item__name_1sj7r a {
         display: block;
         margin-bottom: 1px;
+    } .file-upload-item__name_1sj7r.file-upload-item__rowLimit_1sj7r {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     } .file-upload-item__meta_1sj7r {
     display: flex;
     white-space: nowrap;
@@ -99,6 +103,7 @@
     font-weight: 400;
 
     margin-left: var(--gap-s);
+    margin-top: var(--gap-3xs);
 } .file-upload-item__spinnerWrapper_1sj7r {
     display: flex;
     justify-content: center;

package/gallery/components/header/Component.js

@@ -5,7 +5,7 @@ var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
 var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-var components_header_buttons = require('../../buttons-1c0cdc14.js');
+var components_header_buttons = require('../../buttons-18e23a2f.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/gallery/components/header/buttons.js

@@ -8,7 +8,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('../../buttons-1c0cdc14.js');
+var components_header_buttons = require('../../buttons-18e23a2f.js');
 
 
 

package/gallery/components/image-viewer/component.js

@@ -12,7 +12,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_slide = require('../../slide-535aa79e.js');
+var components_imageViewer_slide = require('../../slide-f2e3c7bf.js');
 require('swiper/swiper.min.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/gallery/components/image-viewer/slide.js

@@ -6,7 +6,7 @@ require('../../../typography');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
 require('./paths.js');
-var components_imageViewer_slide = require('../../slide-535aa79e.js');
+var components_imageViewer_slide = require('../../slide-f2e3c7bf.js');
 
 
 

package/gallery/esm/Component.js

@@ -20,13 +20,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import './components/image-preview/paths.js';
 import './components/header-info-block/Component.js';
 import './utils/split-filename.js';
-import './buttons-7e925cf3.js';
+import './buttons-fd4c2149.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-3feace8e.js';
+import './slide-cf9447e4.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/esm/components/header/Component.js

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-7e925cf3.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-fd4c2149.js';
 import '../../../../typography/esm';
 import '../../utils/split-filename.js';
 import 'tslib';

package/gallery/esm/components/header/buttons.js

@@ -6,4 +6,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-7e925cf3.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-fd4c2149.js';

package/gallery/esm/components/header/index.js

@@ -6,7 +6,7 @@ import '../../utils/constants.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/esm';
 import '../../utils/split-filename.js';
-import '../../buttons-7e925cf3.js';
+import '../../buttons-fd4c2149.js';
 import 'tslib';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm/desktop';

package/gallery/esm/components/image-preview/Component.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-3feace8e.js';
+import '../../slide-cf9447e4.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/esm/components/image-preview/index.js

@@ -20,7 +20,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-3feace8e.js';
+import '../../slide-cf9447e4.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './paths.js';

package/gallery/esm/components/image-viewer/component.js

@@ -10,7 +10,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { s as styles, S as Slide } from '../../slide-3feace8e.js';
+import { s as styles, S as Slide } from '../../slide-cf9447e4.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/esm';
 import './paths.js';

package/gallery/esm/components/image-viewer/index.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../slide-3feace8e.js';
+import '../../slide-cf9447e4.js';
 import '../../../../typography/esm';
 import './paths.js';
 import 'swiper/swiper.min.css';

package/gallery/esm/components/image-viewer/slide.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { S as Slide } from '../../slide-3feace8e.js';
+export { S as Slide } from '../../slide-cf9447e4.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/esm/components/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-3feace8e.js';
+import '../slide-cf9447e4.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-7e925cf3.js';
+import '../buttons-fd4c2149.js';

package/gallery/esm/components/navigation-bar/Component.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-3feace8e.js';
+import '../../slide-cf9447e4.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/esm/components/navigation-bar/index.js

@@ -21,7 +21,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-3feace8e.js';
+import '../../slide-cf9447e4.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/esm/index.js

@@ -23,10 +23,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-3feace8e.js';
+import './slide-cf9447e4.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-7e925cf3.js';
+import './buttons-fd4c2149.js';

package/gallery/modern/Component.js

@@ -19,13 +19,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import './components/image-preview/paths.js';
 import './components/header-info-block/Component.js';
 import './utils/split-filename.js';
-import './buttons-d84b4f9a.js';
+import './buttons-d3be09c1.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-c6df0579.js';
+import './slide-e2f7f858.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/modern/components/header/Component.js

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-d84b4f9a.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-d3be09c1.js';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
 import '../../../../icon-button/modern';

package/gallery/modern/components/header/buttons.js

@@ -5,4 +5,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-d84b4f9a.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-d3be09c1.js';