@alfalab/core-components 37.4.0-beta.1 → 37.4.1

package/drawer/modern/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1tn4c {
+.drawer__component_1w4wn {
     position: fixed;
     top: 0;
     height: 100%;
@@ -26,73 +26,73 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__rightPlacement_1tn4c {
+.drawer__rightPlacement_1w4wn {
     right: 0;
     align-self: flex-end;
 }
-.drawer__leftPlacement_1tn4c {
+.drawer__leftPlacement_1w4wn {
     left: 0;
     align-self: flex-start;
 }
-.drawer__content_1tn4c {
+.drawer__content_1w4wn {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.drawer__simplebar_1tn4c {
+.drawer__simplebar_1w4wn {
     height: 100vh;
 }
 /* enter */
-.drawer__enterRight_1tn4c {
+.drawer__enterRight_1w4wn {
     transform: translateX(100%);
 }
-.drawer__enterLeft_1tn4c {
+.drawer__enterLeft_1w4wn {
     transform: translateX(-100%);
 }
-.drawer__contentEnter_1tn4c {
+.drawer__contentEnter_1w4wn {
     opacity: 0;
 }
-.drawer__backdropEnter_1tn4c {
+.drawer__backdropEnter_1w4wn {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1tn4c {
+.drawer__enterActive_1w4wn {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1tn4c,
-.drawer__backdropEnterDone_1tn4c {
+.drawer__backdropEnterActive_1w4wn,
+.drawer__backdropEnterDone_1w4wn {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1tn4c {
+.drawer__contentEnterActive_1w4wn {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1tn4c {
+.drawer__exit_1w4wn {
     transform: translateX(0);
 }
-.drawer__backdropExit_1tn4c {
+.drawer__backdropExit_1w4wn {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1tn4c {
+.drawer__contentExit_1w4wn {
     opacity: 1;
 }
-.drawer__exitActiveRight_1tn4c {
+.drawer__exitActiveRight_1w4wn {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__exitActiveLeft_1tn4c {
+.drawer__exitActiveLeft_1w4wn {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
 }
-.drawer__backdropExitActive_1tn4c,
-.drawer__backdropExitDone_1tn4c {
+.drawer__backdropExitActive_1w4wn,
+.drawer__backdropExitDone_1w4wn {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1tn4c {
+.drawer__contentExitActive_1w4wn {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"dropzone__component_1mgu9","disabled":"dropzone__disabled_1mgu9","block":"dropzone__block_1mgu9","dragOver":"dropzone__dragOver_1mgu9","error":"dropzone__error_1mgu9"};
+var styles = {"component":"dropzone__component_1vgi7","disabled":"dropzone__disabled_1vgi7","block":"dropzone__block_1vgi7","dragOver":"dropzone__dragOver_1vgi7","error":"dropzone__error_1vgi7"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/components/overlay/Component.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"overlay":"dropzone__overlay_jb3kz","visible":"dropzone__visible_jb3kz","text":"dropzone__text_jb3kz"};
+var styles = {"overlay":"dropzone__overlay_91nrb","visible":"dropzone__visible_91nrb","text":"dropzone__text_91nrb"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_jb3kz {
+.dropzone__overlay_91nrb {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_jb3kz {
+.dropzone__visible_91nrb {
     opacity: 1;
 }
-.dropzone__text_jb3kz {
+.dropzone__text_91nrb {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/Component.js

@@ -4,7 +4,7 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-var styles = {"component":"dropzone__component_1mgu9","disabled":"dropzone__disabled_1mgu9","block":"dropzone__block_1mgu9","dragOver":"dropzone__dragOver_1mgu9","error":"dropzone__error_1mgu9"};
+var styles = {"component":"dropzone__component_1vgi7","disabled":"dropzone__disabled_1vgi7","block":"dropzone__block_1vgi7","dragOver":"dropzone__dragOver_1vgi7","error":"dropzone__error_1vgi7"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/esm/components/overlay/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
 
-var styles = {"overlay":"dropzone__overlay_jb3kz","visible":"dropzone__visible_jb3kz","text":"dropzone__text_jb3kz"};
+var styles = {"overlay":"dropzone__overlay_91nrb","visible":"dropzone__visible_91nrb","text":"dropzone__text_91nrb"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/esm/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_jb3kz {
+.dropzone__overlay_91nrb {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_jb3kz {
+.dropzone__visible_91nrb {
     opacity: 1;
 }
-.dropzone__text_jb3kz {
+.dropzone__text_91nrb {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_1mgu9 {
+.dropzone__component_1vgi7 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
 }
-.dropzone__disabled_1mgu9 {
+.dropzone__disabled_1vgi7 {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_1mgu9:not(.dropzone__disabled_1mgu9):hover {
+.dropzone__component_1vgi7:not(.dropzone__disabled_1vgi7):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_1mgu9 {
+.dropzone__block_1vgi7 {
     width: 100%;
 }
-.dropzone__dragOver_1mgu9 {
+.dropzone__dragOver_1vgi7 {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_1mgu9 {
+.dropzone__error_1vgi7 {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_1mgu9 {
+.dropzone__component_1vgi7 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
 }
-.dropzone__disabled_1mgu9 {
+.dropzone__disabled_1vgi7 {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_1mgu9:not(.dropzone__disabled_1mgu9):hover {
+.dropzone__component_1vgi7:not(.dropzone__disabled_1vgi7):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_1mgu9 {
+.dropzone__block_1vgi7 {
     width: 100%;
 }
-.dropzone__dragOver_1mgu9 {
+.dropzone__dragOver_1vgi7 {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_1mgu9 {
+.dropzone__error_1vgi7 {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/modern/Component.js

@@ -4,7 +4,7 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-const styles = {"component":"dropzone__component_1mgu9","disabled":"dropzone__disabled_1mgu9","block":"dropzone__block_1mgu9","dragOver":"dropzone__dragOver_1mgu9","error":"dropzone__error_1mgu9"};
+const styles = {"component":"dropzone__component_1vgi7","disabled":"dropzone__disabled_1vgi7","block":"dropzone__block_1vgi7","dragOver":"dropzone__dragOver_1vgi7","error":"dropzone__error_1vgi7"};
 require('./index.css');
 
 const Dropzone = ({ className, children, text = 'Перетащите файлы', error = false, overlayVisible, Overlay: Overlay$1 = Overlay, onDragEnter, onDragLeave, onDragOver, onDrop, block = false, disabled, dataTestId, }) => {

package/dropzone/modern/components/overlay/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
 
-const styles = {"overlay":"dropzone__overlay_jb3kz","visible":"dropzone__visible_jb3kz","text":"dropzone__text_jb3kz"};
+const styles = {"overlay":"dropzone__overlay_91nrb","visible":"dropzone__visible_91nrb","text":"dropzone__text_91nrb"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => (React.createElement("div", { className: cn(styles.overlay, {

package/dropzone/modern/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_jb3kz {
+.dropzone__overlay_91nrb {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_jb3kz {
+.dropzone__visible_91nrb {
     opacity: 1;
 }
-.dropzone__text_jb3kz {
+.dropzone__text_91nrb {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_1mgu9 {
+.dropzone__component_1vgi7 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
 }
-.dropzone__disabled_1mgu9 {
+.dropzone__disabled_1vgi7 {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_1mgu9:not(.dropzone__disabled_1mgu9):hover {
+.dropzone__component_1vgi7:not(.dropzone__disabled_1vgi7):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_1mgu9 {
+.dropzone__block_1vgi7 {
     width: 100%;
 }
-.dropzone__dragOver_1mgu9 {
+.dropzone__dragOver_1vgi7 {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_1mgu9 {
+.dropzone__error_1vgi7 {
     border-color: var(--color-light-border-accent);
 }

package/file-upload-item/Component.js

@@ -20,7 +20,7 @@ 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_jbwsp","infoSection":"file-upload-item__infoSection_jbwsp","info":"file-upload-item__info_jbwsp","icon":"file-upload-item__icon_jbwsp","errorIcon":"file-upload-item__errorIcon_jbwsp","successIcon":"file-upload-item__successIcon_jbwsp","name":"file-upload-item__name_jbwsp","meta":"file-upload-item__meta_jbwsp","size":"file-upload-item__size_jbwsp","delete":"file-upload-item__delete_jbwsp","download":"file-upload-item__download_jbwsp","errorWrapper":"file-upload-item__errorWrapper_jbwsp","restore":"file-upload-item__restore_jbwsp","spinnerWrapper":"file-upload-item__spinnerWrapper_jbwsp","spinner":"file-upload-item__spinner_jbwsp","uploadPercent":"file-upload-item__uploadPercent_jbwsp"};
+var styles = {"component":"file-upload-item__component_1jzyn","infoSection":"file-upload-item__infoSection_1jzyn","info":"file-upload-item__info_1jzyn","icon":"file-upload-item__icon_1jzyn","errorIcon":"file-upload-item__errorIcon_1jzyn","successIcon":"file-upload-item__successIcon_1jzyn","name":"file-upload-item__name_1jzyn","meta":"file-upload-item__meta_1jzyn","size":"file-upload-item__size_1jzyn","delete":"file-upload-item__delete_1jzyn","download":"file-upload-item__download_1jzyn","errorWrapper":"file-upload-item__errorWrapper_1jzyn","restore":"file-upload-item__restore_1jzyn","spinnerWrapper":"file-upload-item__spinnerWrapper_1jzyn","spinner":"file-upload-item__spinner_1jzyn","uploadPercent":"file-upload-item__uploadPercent_1jzyn"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

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

@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
 import '@alfalab/icons-glyph/DocumentTxtMIcon';
 import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 
-var styles = {"component":"file-upload-item__component_jbwsp","infoSection":"file-upload-item__infoSection_jbwsp","info":"file-upload-item__info_jbwsp","icon":"file-upload-item__icon_jbwsp","errorIcon":"file-upload-item__errorIcon_jbwsp","successIcon":"file-upload-item__successIcon_jbwsp","name":"file-upload-item__name_jbwsp","meta":"file-upload-item__meta_jbwsp","size":"file-upload-item__size_jbwsp","delete":"file-upload-item__delete_jbwsp","download":"file-upload-item__download_jbwsp","errorWrapper":"file-upload-item__errorWrapper_jbwsp","restore":"file-upload-item__restore_jbwsp","spinnerWrapper":"file-upload-item__spinnerWrapper_jbwsp","spinner":"file-upload-item__spinner_jbwsp","uploadPercent":"file-upload-item__uploadPercent_jbwsp"};
+var styles = {"component":"file-upload-item__component_1jzyn","infoSection":"file-upload-item__infoSection_1jzyn","info":"file-upload-item__info_1jzyn","icon":"file-upload-item__icon_1jzyn","errorIcon":"file-upload-item__errorIcon_1jzyn","successIcon":"file-upload-item__successIcon_1jzyn","name":"file-upload-item__name_1jzyn","meta":"file-upload-item__meta_1jzyn","size":"file-upload-item__size_1jzyn","delete":"file-upload-item__delete_1jzyn","download":"file-upload-item__download_1jzyn","errorWrapper":"file-upload-item__errorWrapper_1jzyn","restore":"file-upload-item__restore_1jzyn","spinnerWrapper":"file-upload-item__spinnerWrapper_1jzyn","spinner":"file-upload-item__spinner_1jzyn","uploadPercent":"file-upload-item__uploadPercent_1jzyn"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

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

@@ -22,7 +22,7 @@
     --gap-s: 12px;
     --gap-xl: 24px;
 }
-.file-upload-item__component_jbwsp {
+.file-upload-item__component_1jzyn {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -34,10 +34,10 @@
     box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
     box-sizing: border-box
 }
-.file-upload-item__component_jbwsp svg {
+.file-upload-item__component_1jzyn svg {
         display: block;
     }
-.file-upload-item__infoSection_jbwsp {
+.file-upload-item__infoSection_1jzyn {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -45,86 +45,86 @@
     margin-left: var(--gap-s);
     min-width: 40%;
 }
-.file-upload-item__info_jbwsp {
+.file-upload-item__info_1jzyn {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
 }
-.file-upload-item__icon_jbwsp {
+.file-upload-item__icon_1jzyn {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
 }
-.file-upload-item__errorIcon_jbwsp {
+.file-upload-item__errorIcon_1jzyn {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
 }
-.file-upload-item__successIcon_jbwsp {
+.file-upload-item__successIcon_1jzyn {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
 }
-.file-upload-item__name_jbwsp {
+.file-upload-item__name_1jzyn {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 }
-.file-upload-item__name_jbwsp a {
+.file-upload-item__name_1jzyn a {
         display: block;
         margin-bottom: 1px;
     }
-.file-upload-item__meta_jbwsp {
+.file-upload-item__meta_1jzyn {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
 }
-.file-upload-item__meta_jbwsp > * {
+.file-upload-item__meta_1jzyn > * {
         margin-right: var(--gap-s)
     }
-.file-upload-item__meta_jbwsp > *:last-child {
+.file-upload-item__meta_1jzyn > *:last-child {
             margin-right: 0;
         }
-.file-upload-item__size_jbwsp {
+.file-upload-item__size_1jzyn {
     text-align: right;
 }
-.file-upload-item__delete_jbwsp,
-.file-upload-item__download_jbwsp {
+.file-upload-item__delete_1jzyn,
+.file-upload-item__download_1jzyn {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
 }
-.file-upload-item__errorWrapper_jbwsp {
+.file-upload-item__errorWrapper_1jzyn {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
 }
 @media (--small-only) {
-.file-upload-item__errorWrapper_jbwsp {
+.file-upload-item__errorWrapper_1jzyn {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
     }
-.file-upload-item__restore_jbwsp {
+.file-upload-item__restore_1jzyn {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
 }
-.file-upload-item__spinnerWrapper_jbwsp {
+.file-upload-item__spinnerWrapper_1jzyn {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
 }
-.file-upload-item__spinner_jbwsp {
+.file-upload-item__spinner_1jzyn {
     width: 20px;
     height: 20px;
 }
-.file-upload-item__uploadPercent_jbwsp {
+.file-upload-item__uploadPercent_1jzyn {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }

package/file-upload-item/index.css

@@ -22,7 +22,7 @@
     --gap-s: 12px;
     --gap-xl: 24px;
 }
-.file-upload-item__component_jbwsp {
+.file-upload-item__component_1jzyn {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -34,10 +34,10 @@
     box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
     box-sizing: border-box
 }
-.file-upload-item__component_jbwsp svg {
+.file-upload-item__component_1jzyn svg {
         display: block;
     }
-.file-upload-item__infoSection_jbwsp {
+.file-upload-item__infoSection_1jzyn {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -45,86 +45,86 @@
     margin-left: var(--gap-s);
     min-width: 40%;
 }
-.file-upload-item__info_jbwsp {
+.file-upload-item__info_1jzyn {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
 }
-.file-upload-item__icon_jbwsp {
+.file-upload-item__icon_1jzyn {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
 }
-.file-upload-item__errorIcon_jbwsp {
+.file-upload-item__errorIcon_1jzyn {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
 }
-.file-upload-item__successIcon_jbwsp {
+.file-upload-item__successIcon_1jzyn {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
 }
-.file-upload-item__name_jbwsp {
+.file-upload-item__name_1jzyn {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 }
-.file-upload-item__name_jbwsp a {
+.file-upload-item__name_1jzyn a {
         display: block;
         margin-bottom: 1px;
     }
-.file-upload-item__meta_jbwsp {
+.file-upload-item__meta_1jzyn {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
 }
-.file-upload-item__meta_jbwsp > * {
+.file-upload-item__meta_1jzyn > * {
         margin-right: var(--gap-s)
     }
-.file-upload-item__meta_jbwsp > *:last-child {
+.file-upload-item__meta_1jzyn > *:last-child {
             margin-right: 0;
         }
-.file-upload-item__size_jbwsp {
+.file-upload-item__size_1jzyn {
     text-align: right;
 }
-.file-upload-item__delete_jbwsp,
-.file-upload-item__download_jbwsp {
+.file-upload-item__delete_1jzyn,
+.file-upload-item__download_1jzyn {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
 }
-.file-upload-item__errorWrapper_jbwsp {
+.file-upload-item__errorWrapper_1jzyn {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
 }
 @media (--small-only) {
-.file-upload-item__errorWrapper_jbwsp {
+.file-upload-item__errorWrapper_1jzyn {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
     }
-.file-upload-item__restore_jbwsp {
+.file-upload-item__restore_1jzyn {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
 }
-.file-upload-item__spinnerWrapper_jbwsp {
+.file-upload-item__spinnerWrapper_1jzyn {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
 }
-.file-upload-item__spinner_jbwsp {
+.file-upload-item__spinner_1jzyn {
     width: 20px;
     height: 20px;
 }
-.file-upload-item__uploadPercent_jbwsp {
+.file-upload-item__uploadPercent_1jzyn {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }

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

@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
 import '@alfalab/icons-glyph/DocumentTxtMIcon';
 import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 
-const styles = {"component":"file-upload-item__component_jbwsp","infoSection":"file-upload-item__infoSection_jbwsp","info":"file-upload-item__info_jbwsp","icon":"file-upload-item__icon_jbwsp","errorIcon":"file-upload-item__errorIcon_jbwsp","successIcon":"file-upload-item__successIcon_jbwsp","name":"file-upload-item__name_jbwsp","meta":"file-upload-item__meta_jbwsp","size":"file-upload-item__size_jbwsp","delete":"file-upload-item__delete_jbwsp","download":"file-upload-item__download_jbwsp","errorWrapper":"file-upload-item__errorWrapper_jbwsp","restore":"file-upload-item__restore_jbwsp","spinnerWrapper":"file-upload-item__spinnerWrapper_jbwsp","spinner":"file-upload-item__spinner_jbwsp","uploadPercent":"file-upload-item__uploadPercent_jbwsp"};
+const styles = {"component":"file-upload-item__component_1jzyn","infoSection":"file-upload-item__infoSection_1jzyn","info":"file-upload-item__info_1jzyn","icon":"file-upload-item__icon_1jzyn","errorIcon":"file-upload-item__errorIcon_1jzyn","successIcon":"file-upload-item__successIcon_1jzyn","name":"file-upload-item__name_1jzyn","meta":"file-upload-item__meta_1jzyn","size":"file-upload-item__size_1jzyn","delete":"file-upload-item__delete_1jzyn","download":"file-upload-item__download_1jzyn","errorWrapper":"file-upload-item__errorWrapper_1jzyn","restore":"file-upload-item__restore_1jzyn","spinnerWrapper":"file-upload-item__spinnerWrapper_1jzyn","spinner":"file-upload-item__spinner_1jzyn","uploadPercent":"file-upload-item__uploadPercent_1jzyn"};
 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, }) => {