@alfalab/core-components 37.1.0 → 37.1.2

package/drawer/modern/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_sxj1n {
+.drawer__component_1cpa8 {
     position: fixed;
     top: 0;
     height: 100%;
@@ -26,73 +26,73 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__rightPlacement_sxj1n {
+.drawer__rightPlacement_1cpa8 {
     right: 0;
     align-self: flex-end;
 }
-.drawer__leftPlacement_sxj1n {
+.drawer__leftPlacement_1cpa8 {
     left: 0;
     align-self: flex-start;
 }
-.drawer__content_sxj1n {
+.drawer__content_1cpa8 {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.drawer__simplebar_sxj1n {
+.drawer__simplebar_1cpa8 {
     height: 100vh;
 }
 /* enter */
-.drawer__enterRight_sxj1n {
+.drawer__enterRight_1cpa8 {
     transform: translateX(100%);
 }
-.drawer__enterLeft_sxj1n {
+.drawer__enterLeft_1cpa8 {
     transform: translateX(-100%);
 }
-.drawer__contentEnter_sxj1n {
+.drawer__contentEnter_1cpa8 {
     opacity: 0;
 }
-.drawer__backdropEnter_sxj1n {
+.drawer__backdropEnter_1cpa8 {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_sxj1n {
+.drawer__enterActive_1cpa8 {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_sxj1n,
-.drawer__backdropEnterDone_sxj1n {
+.drawer__backdropEnterActive_1cpa8,
+.drawer__backdropEnterDone_1cpa8 {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_sxj1n {
+.drawer__contentEnterActive_1cpa8 {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_sxj1n {
+.drawer__exit_1cpa8 {
     transform: translateX(0);
 }
-.drawer__backdropExit_sxj1n {
+.drawer__backdropExit_1cpa8 {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_sxj1n {
+.drawer__contentExit_1cpa8 {
     opacity: 1;
 }
-.drawer__exitActiveRight_sxj1n {
+.drawer__exitActiveRight_1cpa8 {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__exitActiveLeft_sxj1n {
+.drawer__exitActiveLeft_1cpa8 {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
 }
-.drawer__backdropExitActive_sxj1n,
-.drawer__backdropExitDone_sxj1n {
+.drawer__backdropExitActive_1cpa8,
+.drawer__backdropExitDone_1cpa8 {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_sxj1n {
+.drawer__contentExitActive_1cpa8 {
     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_15ewx","disabled":"dropzone__disabled_15ewx","block":"dropzone__block_15ewx","dragOver":"dropzone__dragOver_15ewx","error":"dropzone__error_15ewx"};
+var styles = {"component":"dropzone__component_1dnjw","disabled":"dropzone__disabled_1dnjw","block":"dropzone__block_1dnjw","dragOver":"dropzone__dragOver_1dnjw","error":"dropzone__error_1dnjw"};
 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_10d0x","visible":"dropzone__visible_10d0x","text":"dropzone__text_10d0x"};
+var styles = {"overlay":"dropzone__overlay_18lnw","visible":"dropzone__visible_18lnw","text":"dropzone__text_18lnw"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_10d0x {
+.dropzone__overlay_18lnw {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_10d0x {
+.dropzone__visible_18lnw {
     opacity: 1;
 }
-.dropzone__text_10d0x {
+.dropzone__text_18lnw {
     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_15ewx","disabled":"dropzone__disabled_15ewx","block":"dropzone__block_15ewx","dragOver":"dropzone__dragOver_15ewx","error":"dropzone__error_15ewx"};
+var styles = {"component":"dropzone__component_1dnjw","disabled":"dropzone__disabled_1dnjw","block":"dropzone__block_1dnjw","dragOver":"dropzone__dragOver_1dnjw","error":"dropzone__error_1dnjw"};
 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_10d0x","visible":"dropzone__visible_10d0x","text":"dropzone__text_10d0x"};
+var styles = {"overlay":"dropzone__overlay_18lnw","visible":"dropzone__visible_18lnw","text":"dropzone__text_18lnw"};
 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_10d0x {
+.dropzone__overlay_18lnw {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_10d0x {
+.dropzone__visible_18lnw {
     opacity: 1;
 }
-.dropzone__text_10d0x {
+.dropzone__text_18lnw {
     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_15ewx {
+.dropzone__component_1dnjw {
     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_15ewx {
+.dropzone__disabled_1dnjw {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_15ewx:not(.dropzone__disabled_15ewx):hover {
+.dropzone__component_1dnjw:not(.dropzone__disabled_1dnjw):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_15ewx {
+.dropzone__block_1dnjw {
     width: 100%;
 }
-.dropzone__dragOver_15ewx {
+.dropzone__dragOver_1dnjw {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_15ewx {
+.dropzone__error_1dnjw {
     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_15ewx {
+.dropzone__component_1dnjw {
     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_15ewx {
+.dropzone__disabled_1dnjw {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_15ewx:not(.dropzone__disabled_15ewx):hover {
+.dropzone__component_1dnjw:not(.dropzone__disabled_1dnjw):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_15ewx {
+.dropzone__block_1dnjw {
     width: 100%;
 }
-.dropzone__dragOver_15ewx {
+.dropzone__dragOver_1dnjw {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_15ewx {
+.dropzone__error_1dnjw {
     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_15ewx","disabled":"dropzone__disabled_15ewx","block":"dropzone__block_15ewx","dragOver":"dropzone__dragOver_15ewx","error":"dropzone__error_15ewx"};
+const styles = {"component":"dropzone__component_1dnjw","disabled":"dropzone__disabled_1dnjw","block":"dropzone__block_1dnjw","dragOver":"dropzone__dragOver_1dnjw","error":"dropzone__error_1dnjw"};
 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_10d0x","visible":"dropzone__visible_10d0x","text":"dropzone__text_10d0x"};
+const styles = {"overlay":"dropzone__overlay_18lnw","visible":"dropzone__visible_18lnw","text":"dropzone__text_18lnw"};
 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_10d0x {
+.dropzone__overlay_18lnw {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_10d0x {
+.dropzone__visible_18lnw {
     opacity: 1;
 }
-.dropzone__text_10d0x {
+.dropzone__text_18lnw {
     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_15ewx {
+.dropzone__component_1dnjw {
     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_15ewx {
+.dropzone__disabled_1dnjw {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_15ewx:not(.dropzone__disabled_15ewx):hover {
+.dropzone__component_1dnjw:not(.dropzone__disabled_1dnjw):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_15ewx {
+.dropzone__block_1dnjw {
     width: 100%;
 }
-.dropzone__dragOver_15ewx {
+.dropzone__dragOver_1dnjw {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_15ewx {
+.dropzone__error_1dnjw {
     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_ju0wy","infoSection":"file-upload-item__infoSection_ju0wy","info":"file-upload-item__info_ju0wy","icon":"file-upload-item__icon_ju0wy","errorIcon":"file-upload-item__errorIcon_ju0wy","successIcon":"file-upload-item__successIcon_ju0wy","name":"file-upload-item__name_ju0wy","meta":"file-upload-item__meta_ju0wy","size":"file-upload-item__size_ju0wy","delete":"file-upload-item__delete_ju0wy","download":"file-upload-item__download_ju0wy","errorWrapper":"file-upload-item__errorWrapper_ju0wy","restore":"file-upload-item__restore_ju0wy","spinnerWrapper":"file-upload-item__spinnerWrapper_ju0wy","spinner":"file-upload-item__spinner_ju0wy","uploadPercent":"file-upload-item__uploadPercent_ju0wy"};
+var styles = {"component":"file-upload-item__component_9a30t","infoSection":"file-upload-item__infoSection_9a30t","info":"file-upload-item__info_9a30t","icon":"file-upload-item__icon_9a30t","errorIcon":"file-upload-item__errorIcon_9a30t","successIcon":"file-upload-item__successIcon_9a30t","name":"file-upload-item__name_9a30t","meta":"file-upload-item__meta_9a30t","size":"file-upload-item__size_9a30t","delete":"file-upload-item__delete_9a30t","download":"file-upload-item__download_9a30t","errorWrapper":"file-upload-item__errorWrapper_9a30t","restore":"file-upload-item__restore_9a30t","spinnerWrapper":"file-upload-item__spinnerWrapper_9a30t","spinner":"file-upload-item__spinner_9a30t","uploadPercent":"file-upload-item__uploadPercent_9a30t"};
 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_ju0wy","infoSection":"file-upload-item__infoSection_ju0wy","info":"file-upload-item__info_ju0wy","icon":"file-upload-item__icon_ju0wy","errorIcon":"file-upload-item__errorIcon_ju0wy","successIcon":"file-upload-item__successIcon_ju0wy","name":"file-upload-item__name_ju0wy","meta":"file-upload-item__meta_ju0wy","size":"file-upload-item__size_ju0wy","delete":"file-upload-item__delete_ju0wy","download":"file-upload-item__download_ju0wy","errorWrapper":"file-upload-item__errorWrapper_ju0wy","restore":"file-upload-item__restore_ju0wy","spinnerWrapper":"file-upload-item__spinnerWrapper_ju0wy","spinner":"file-upload-item__spinner_ju0wy","uploadPercent":"file-upload-item__uploadPercent_ju0wy"};
+var styles = {"component":"file-upload-item__component_9a30t","infoSection":"file-upload-item__infoSection_9a30t","info":"file-upload-item__info_9a30t","icon":"file-upload-item__icon_9a30t","errorIcon":"file-upload-item__errorIcon_9a30t","successIcon":"file-upload-item__successIcon_9a30t","name":"file-upload-item__name_9a30t","meta":"file-upload-item__meta_9a30t","size":"file-upload-item__size_9a30t","delete":"file-upload-item__delete_9a30t","download":"file-upload-item__download_9a30t","errorWrapper":"file-upload-item__errorWrapper_9a30t","restore":"file-upload-item__restore_9a30t","spinnerWrapper":"file-upload-item__spinnerWrapper_9a30t","spinner":"file-upload-item__spinner_9a30t","uploadPercent":"file-upload-item__uploadPercent_9a30t"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 2ik1j */
+/* hash: uqfmo */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
     --gap-s: 12px;
     --gap-xl: 24px;
 }
-.file-upload-item__component_ju0wy {
+.file-upload-item__component_9a30t {
     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_ju0wy svg {
+.file-upload-item__component_9a30t svg {
         display: block;
     }
-.file-upload-item__infoSection_ju0wy {
+.file-upload-item__infoSection_9a30t {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -45,86 +45,86 @@
     margin-left: var(--gap-s);
     min-width: 40%;
 }
-.file-upload-item__info_ju0wy {
+.file-upload-item__info_9a30t {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
 }
-.file-upload-item__icon_ju0wy {
+.file-upload-item__icon_9a30t {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
 }
-.file-upload-item__errorIcon_ju0wy {
+.file-upload-item__errorIcon_9a30t {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
 }
-.file-upload-item__successIcon_ju0wy {
+.file-upload-item__successIcon_9a30t {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
 }
-.file-upload-item__name_ju0wy {
+.file-upload-item__name_9a30t {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 }
-.file-upload-item__name_ju0wy a {
+.file-upload-item__name_9a30t a {
         display: block;
         margin-bottom: 1px;
     }
-.file-upload-item__meta_ju0wy {
+.file-upload-item__meta_9a30t {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
 }
-.file-upload-item__meta_ju0wy > * {
+.file-upload-item__meta_9a30t > * {
         margin-right: var(--gap-s)
     }
-.file-upload-item__meta_ju0wy > *:last-child {
+.file-upload-item__meta_9a30t > *:last-child {
             margin-right: 0;
         }
-.file-upload-item__size_ju0wy {
+.file-upload-item__size_9a30t {
     text-align: right;
 }
-.file-upload-item__delete_ju0wy,
-.file-upload-item__download_ju0wy {
+.file-upload-item__delete_9a30t,
+.file-upload-item__download_9a30t {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
 }
-.file-upload-item__errorWrapper_ju0wy {
+.file-upload-item__errorWrapper_9a30t {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
 }
 @media (--small-only) {
-.file-upload-item__errorWrapper_ju0wy {
+.file-upload-item__errorWrapper_9a30t {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
     }
-.file-upload-item__restore_ju0wy {
+.file-upload-item__restore_9a30t {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
 }
-.file-upload-item__spinnerWrapper_ju0wy {
+.file-upload-item__spinnerWrapper_9a30t {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
 }
-.file-upload-item__spinner_ju0wy {
+.file-upload-item__spinner_9a30t {
     width: 20px;
     height: 20px;
 }
-.file-upload-item__uploadPercent_ju0wy {
+.file-upload-item__uploadPercent_9a30t {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }

package/file-upload-item/index.css

@@ -1,4 +1,4 @@
-/* hash: 2ik1j */
+/* hash: uqfmo */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
     --gap-s: 12px;
     --gap-xl: 24px;
 }
-.file-upload-item__component_ju0wy {
+.file-upload-item__component_9a30t {
     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_ju0wy svg {
+.file-upload-item__component_9a30t svg {
         display: block;
     }
-.file-upload-item__infoSection_ju0wy {
+.file-upload-item__infoSection_9a30t {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -45,86 +45,86 @@
     margin-left: var(--gap-s);
     min-width: 40%;
 }
-.file-upload-item__info_ju0wy {
+.file-upload-item__info_9a30t {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
 }
-.file-upload-item__icon_ju0wy {
+.file-upload-item__icon_9a30t {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
 }
-.file-upload-item__errorIcon_ju0wy {
+.file-upload-item__errorIcon_9a30t {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
 }
-.file-upload-item__successIcon_ju0wy {
+.file-upload-item__successIcon_9a30t {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
 }
-.file-upload-item__name_ju0wy {
+.file-upload-item__name_9a30t {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
 }
-.file-upload-item__name_ju0wy a {
+.file-upload-item__name_9a30t a {
         display: block;
         margin-bottom: 1px;
     }
-.file-upload-item__meta_ju0wy {
+.file-upload-item__meta_9a30t {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
 }
-.file-upload-item__meta_ju0wy > * {
+.file-upload-item__meta_9a30t > * {
         margin-right: var(--gap-s)
     }
-.file-upload-item__meta_ju0wy > *:last-child {
+.file-upload-item__meta_9a30t > *:last-child {
             margin-right: 0;
         }
-.file-upload-item__size_ju0wy {
+.file-upload-item__size_9a30t {
     text-align: right;
 }
-.file-upload-item__delete_ju0wy,
-.file-upload-item__download_ju0wy {
+.file-upload-item__delete_9a30t,
+.file-upload-item__download_9a30t {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
 }
-.file-upload-item__errorWrapper_ju0wy {
+.file-upload-item__errorWrapper_9a30t {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
 }
 @media (--small-only) {
-.file-upload-item__errorWrapper_ju0wy {
+.file-upload-item__errorWrapper_9a30t {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
     }
-.file-upload-item__restore_ju0wy {
+.file-upload-item__restore_9a30t {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
 }
-.file-upload-item__spinnerWrapper_ju0wy {
+.file-upload-item__spinnerWrapper_9a30t {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
 }
-.file-upload-item__spinner_ju0wy {
+.file-upload-item__spinner_9a30t {
     width: 20px;
     height: 20px;
 }
-.file-upload-item__uploadPercent_ju0wy {
+.file-upload-item__uploadPercent_9a30t {
     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_ju0wy","infoSection":"file-upload-item__infoSection_ju0wy","info":"file-upload-item__info_ju0wy","icon":"file-upload-item__icon_ju0wy","errorIcon":"file-upload-item__errorIcon_ju0wy","successIcon":"file-upload-item__successIcon_ju0wy","name":"file-upload-item__name_ju0wy","meta":"file-upload-item__meta_ju0wy","size":"file-upload-item__size_ju0wy","delete":"file-upload-item__delete_ju0wy","download":"file-upload-item__download_ju0wy","errorWrapper":"file-upload-item__errorWrapper_ju0wy","restore":"file-upload-item__restore_ju0wy","spinnerWrapper":"file-upload-item__spinnerWrapper_ju0wy","spinner":"file-upload-item__spinner_ju0wy","uploadPercent":"file-upload-item__uploadPercent_ju0wy"};
+const styles = {"component":"file-upload-item__component_9a30t","infoSection":"file-upload-item__infoSection_9a30t","info":"file-upload-item__info_9a30t","icon":"file-upload-item__icon_9a30t","errorIcon":"file-upload-item__errorIcon_9a30t","successIcon":"file-upload-item__successIcon_9a30t","name":"file-upload-item__name_9a30t","meta":"file-upload-item__meta_9a30t","size":"file-upload-item__size_9a30t","delete":"file-upload-item__delete_9a30t","download":"file-upload-item__download_9a30t","errorWrapper":"file-upload-item__errorWrapper_9a30t","restore":"file-upload-item__restore_9a30t","spinnerWrapper":"file-upload-item__spinnerWrapper_9a30t","spinner":"file-upload-item__spinner_9a30t","uploadPercent":"file-upload-item__uploadPercent_9a30t"};
 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, }) => {