@alfalab/core-components 41.8.0 → 41.9.0

package/drawer/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { BaseModal, BaseModalContext } from '../../base-modal/modern';
 import { Scrollbar } from '../../scrollbar/modern';
 
-const styles = {"component":"drawer__component_1t9m2","rightPlacement":"drawer__rightPlacement_1t9m2","leftPlacement":"drawer__leftPlacement_1t9m2","content":"drawer__content_1t9m2","simplebar":"drawer__simplebar_1t9m2","enterRight":"drawer__enterRight_1t9m2","enterLeft":"drawer__enterLeft_1t9m2","contentEnter":"drawer__contentEnter_1t9m2","backdropEnter":"drawer__backdropEnter_1t9m2","enterActive":"drawer__enterActive_1t9m2","backdropEnterActive":"drawer__backdropEnterActive_1t9m2","backdropEnterDone":"drawer__backdropEnterDone_1t9m2","contentEnterActive":"drawer__contentEnterActive_1t9m2","exit":"drawer__exit_1t9m2","backdropExit":"drawer__backdropExit_1t9m2","contentExit":"drawer__contentExit_1t9m2","exitActiveRight":"drawer__exitActiveRight_1t9m2","exitActiveLeft":"drawer__exitActiveLeft_1t9m2","backdropExitActive":"drawer__backdropExitActive_1t9m2","backdropExitDone":"drawer__backdropExitDone_1t9m2","contentExitActive":"drawer__contentExitActive_1t9m2"};
+const styles = {"component":"drawer__component_1bjcs","rightPlacement":"drawer__rightPlacement_1bjcs","leftPlacement":"drawer__leftPlacement_1bjcs","content":"drawer__content_1bjcs","simplebar":"drawer__simplebar_1bjcs","enterRight":"drawer__enterRight_1bjcs","enterLeft":"drawer__enterLeft_1bjcs","contentEnter":"drawer__contentEnter_1bjcs","backdropEnter":"drawer__backdropEnter_1bjcs","enterActive":"drawer__enterActive_1bjcs","backdropEnterActive":"drawer__backdropEnterActive_1bjcs","backdropEnterDone":"drawer__backdropEnterDone_1bjcs","contentEnterActive":"drawer__contentEnterActive_1bjcs","exit":"drawer__exit_1bjcs","backdropExit":"drawer__backdropExit_1bjcs","contentExit":"drawer__contentExit_1bjcs","exitActiveRight":"drawer__exitActiveRight_1bjcs","exitActiveLeft":"drawer__exitActiveLeft_1bjcs","backdropExitActive":"drawer__backdropExitActive_1bjcs","backdropExitDone":"drawer__backdropExitDone_1bjcs","contentExitActive":"drawer__contentExitActive_1bjcs"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -20,7 +20,7 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1t9m2 {
+} .drawer__component_1bjcs {
     position: fixed;
     top: 0;
     height: 100%;
@@ -28,54 +28,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__rightPlacement_1t9m2 {
+} .drawer__rightPlacement_1bjcs {
     right: 0;
     align-self: flex-end;
-} .drawer__leftPlacement_1t9m2 {
+} .drawer__leftPlacement_1bjcs {
     left: 0;
     align-self: flex-start;
-} .drawer__content_1t9m2 {
+} .drawer__content_1bjcs {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .drawer__simplebar_1t9m2 {
+} .drawer__simplebar_1bjcs {
     height: 100vh;
-} /* enter */ .drawer__enterRight_1t9m2 {
+} /* enter */ .drawer__enterRight_1bjcs {
     transform: translateX(100%);
-} .drawer__enterLeft_1t9m2 {
+} .drawer__enterLeft_1bjcs {
     transform: translateX(-100%);
-} .drawer__contentEnter_1t9m2 {
+} .drawer__contentEnter_1bjcs {
     opacity: 0;
-} .drawer__backdropEnter_1t9m2 {
+} .drawer__backdropEnter_1bjcs {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1t9m2 {
+} .drawer__enterActive_1bjcs {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1t9m2,
-.drawer__backdropEnterDone_1t9m2 {
+} .drawer__backdropEnterActive_1bjcs,
+.drawer__backdropEnterDone_1bjcs {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1t9m2 {
+} .drawer__contentEnterActive_1bjcs {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1t9m2 {
+} /* exit */ .drawer__exit_1bjcs {
     transform: translateX(0);
-} .drawer__backdropExit_1t9m2 {
+} .drawer__backdropExit_1bjcs {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1t9m2 {
+} .drawer__contentExit_1bjcs {
     opacity: 1;
-} .drawer__exitActiveRight_1t9m2 {
+} .drawer__exitActiveRight_1bjcs {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1t9m2 {
+} .drawer__exitActiveLeft_1bjcs {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1t9m2,
-.drawer__backdropExitDone_1t9m2 {
+} .drawer__backdropExitActive_1bjcs,
+.drawer__backdropExitDone_1bjcs {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1t9m2 {
+} .drawer__contentExitActive_1bjcs {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/Component.js

@@ -11,7 +11,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_10uut","disabled":"dropzone__disabled_10uut","block":"dropzone__block_10uut","dragOver":"dropzone__dragOver_10uut","error":"dropzone__error_10uut"};
+var styles = {"component":"dropzone__component_qmc70","disabled":"dropzone__disabled_qmc70","block":"dropzone__block_qmc70","dragOver":"dropzone__dragOver_qmc70","error":"dropzone__error_qmc70"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/components/overlay/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 = {"overlay":"dropzone__overlay_1dytz","visible":"dropzone__visible_1dytz","text":"dropzone__text_1dytz"};
+var styles = {"overlay":"dropzone__overlay_1wysf","visible":"dropzone__visible_1wysf","text":"dropzone__text_1wysf"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -1,4 +1,4 @@
-/* hash: 1o7jy */
+/* hash: 1hbfr */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-secondary: #f3f4f5;
@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_1dytz {
+} .dropzone__overlay_1wysf {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_1dytz {
+} .dropzone__visible_1wysf {
     opacity: 1;
-} .dropzone__text_1dytz {
+} .dropzone__text_1wysf {
     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_10uut","disabled":"dropzone__disabled_10uut","block":"dropzone__block_10uut","dragOver":"dropzone__dragOver_10uut","error":"dropzone__error_10uut"};
+var styles = {"component":"dropzone__component_qmc70","disabled":"dropzone__disabled_qmc70","block":"dropzone__block_qmc70","dragOver":"dropzone__dragOver_qmc70","error":"dropzone__error_qmc70"};
 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_1dytz","visible":"dropzone__visible_1dytz","text":"dropzone__text_1dytz"};
+var styles = {"overlay":"dropzone__overlay_1wysf","visible":"dropzone__visible_1wysf","text":"dropzone__text_1wysf"};
 require('./index.css');
 
 var Overlay = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1o7jy */
+/* hash: 1hbfr */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-secondary: #f3f4f5;
@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_1dytz {
+} .dropzone__overlay_1wysf {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_1dytz {
+} .dropzone__visible_1wysf {
     opacity: 1;
-} .dropzone__text_1dytz {
+} .dropzone__text_1wysf {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 14bqr */
+/* hash: nd4cs */
 :root {
 } /* deprecated */ :root {
     --color-light-border-accent: #ef3124;
@@ -21,20 +21,20 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
-} .dropzone__component_10uut {
+} .dropzone__component_qmc70 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-border-underline-inverted);
-} .dropzone__disabled_10uut {
+} .dropzone__disabled_qmc70 {
     cursor: var(--disabled-cursor);
-} .dropzone__component_10uut:not(.dropzone__disabled_10uut):hover {
+} .dropzone__component_qmc70:not(.dropzone__disabled_qmc70):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_10uut {
+} .dropzone__block_qmc70 {
     width: 100%;
-} .dropzone__dragOver_10uut {
+} .dropzone__dragOver_qmc70 {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_10uut {
+} .dropzone__error_qmc70 {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/index.css

@@ -1,4 +1,4 @@
-/* hash: 14bqr */
+/* hash: nd4cs */
 :root {
 } /* deprecated */ :root {
     --color-light-border-accent: #ef3124;
@@ -21,20 +21,20 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
-} .dropzone__component_10uut {
+} .dropzone__component_qmc70 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-border-underline-inverted);
-} .dropzone__disabled_10uut {
+} .dropzone__disabled_qmc70 {
     cursor: var(--disabled-cursor);
-} .dropzone__component_10uut:not(.dropzone__disabled_10uut):hover {
+} .dropzone__component_qmc70:not(.dropzone__disabled_qmc70):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_10uut {
+} .dropzone__block_qmc70 {
     width: 100%;
-} .dropzone__dragOver_10uut {
+} .dropzone__dragOver_qmc70 {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_10uut {
+} .dropzone__error_qmc70 {
     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_10uut","disabled":"dropzone__disabled_10uut","block":"dropzone__block_10uut","dragOver":"dropzone__dragOver_10uut","error":"dropzone__error_10uut"};
+const styles = {"component":"dropzone__component_qmc70","disabled":"dropzone__disabled_qmc70","block":"dropzone__block_qmc70","dragOver":"dropzone__dragOver_qmc70","error":"dropzone__error_qmc70"};
 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_1dytz","visible":"dropzone__visible_1dytz","text":"dropzone__text_1dytz"};
+const styles = {"overlay":"dropzone__overlay_1wysf","visible":"dropzone__visible_1wysf","text":"dropzone__text_1wysf"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => (React.createElement("div", { className: cn(styles.overlay, {

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

@@ -1,4 +1,4 @@
-/* hash: 1o7jy */
+/* hash: 1hbfr */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-secondary: #f3f4f5;
@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_1dytz {
+} .dropzone__overlay_1wysf {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_1dytz {
+} .dropzone__visible_1wysf {
     opacity: 1;
-} .dropzone__text_1dytz {
+} .dropzone__text_1wysf {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 14bqr */
+/* hash: nd4cs */
 :root {
 } /* deprecated */ :root {
     --color-light-border-accent: #ef3124;
@@ -21,20 +21,20 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
-} .dropzone__component_10uut {
+} .dropzone__component_qmc70 {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-border-underline-inverted);
-} .dropzone__disabled_10uut {
+} .dropzone__disabled_qmc70 {
     cursor: var(--disabled-cursor);
-} .dropzone__component_10uut:not(.dropzone__disabled_10uut):hover {
+} .dropzone__component_qmc70:not(.dropzone__disabled_qmc70):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_10uut {
+} .dropzone__block_qmc70 {
     width: 100%;
-} .dropzone__dragOver_10uut {
+} .dropzone__dragOver_qmc70 {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_10uut {
+} .dropzone__error_qmc70 {
     border-color: var(--color-light-border-accent);
 }

package/file-upload-item/Component.js

@@ -22,7 +22,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_vtenn","infoSection":"file-upload-item__infoSection_vtenn","info":"file-upload-item__info_vtenn","icon":"file-upload-item__icon_vtenn","errorIcon":"file-upload-item__errorIcon_vtenn","successIcon":"file-upload-item__successIcon_vtenn","name":"file-upload-item__name_vtenn","meta":"file-upload-item__meta_vtenn","size":"file-upload-item__size_vtenn","delete":"file-upload-item__delete_vtenn","download":"file-upload-item__download_vtenn","errorWrapper":"file-upload-item__errorWrapper_vtenn","restore":"file-upload-item__restore_vtenn","spinnerWrapper":"file-upload-item__spinnerWrapper_vtenn","spinner":"file-upload-item__spinner_vtenn","uploadPercent":"file-upload-item__uploadPercent_vtenn"};
+var styles = {"component":"file-upload-item__component_1xgy1","infoSection":"file-upload-item__infoSection_1xgy1","info":"file-upload-item__info_1xgy1","icon":"file-upload-item__icon_1xgy1","errorIcon":"file-upload-item__errorIcon_1xgy1","successIcon":"file-upload-item__successIcon_1xgy1","name":"file-upload-item__name_1xgy1","meta":"file-upload-item__meta_1xgy1","size":"file-upload-item__size_1xgy1","delete":"file-upload-item__delete_1xgy1","download":"file-upload-item__download_1xgy1","errorWrapper":"file-upload-item__errorWrapper_1xgy1","restore":"file-upload-item__restore_1xgy1","spinnerWrapper":"file-upload-item__spinnerWrapper_1xgy1","spinner":"file-upload-item__spinner_1xgy1","uploadPercent":"file-upload-item__uploadPercent_1xgy1"};
 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_vtenn","infoSection":"file-upload-item__infoSection_vtenn","info":"file-upload-item__info_vtenn","icon":"file-upload-item__icon_vtenn","errorIcon":"file-upload-item__errorIcon_vtenn","successIcon":"file-upload-item__successIcon_vtenn","name":"file-upload-item__name_vtenn","meta":"file-upload-item__meta_vtenn","size":"file-upload-item__size_vtenn","delete":"file-upload-item__delete_vtenn","download":"file-upload-item__download_vtenn","errorWrapper":"file-upload-item__errorWrapper_vtenn","restore":"file-upload-item__restore_vtenn","spinnerWrapper":"file-upload-item__spinnerWrapper_vtenn","spinner":"file-upload-item__spinner_vtenn","uploadPercent":"file-upload-item__uploadPercent_vtenn"};
+var styles = {"component":"file-upload-item__component_1xgy1","infoSection":"file-upload-item__infoSection_1xgy1","info":"file-upload-item__info_1xgy1","icon":"file-upload-item__icon_1xgy1","errorIcon":"file-upload-item__errorIcon_1xgy1","successIcon":"file-upload-item__successIcon_1xgy1","name":"file-upload-item__name_1xgy1","meta":"file-upload-item__meta_1xgy1","size":"file-upload-item__size_1xgy1","delete":"file-upload-item__delete_1xgy1","download":"file-upload-item__download_1xgy1","errorWrapper":"file-upload-item__errorWrapper_1xgy1","restore":"file-upload-item__restore_1xgy1","spinnerWrapper":"file-upload-item__spinnerWrapper_1xgy1","spinner":"file-upload-item__spinner_1xgy1","uploadPercent":"file-upload-item__uploadPercent_1xgy1"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 137cw */
+/* hash: 9sz7v */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -25,7 +25,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .file-upload-item__component_vtenn {
+} .file-upload-item__component_1xgy1 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -36,78 +36,78 @@
     color: var(--color-light-text-secondary);
     box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
     box-sizing: border-box
-} .file-upload-item__component_vtenn svg {
+} .file-upload-item__component_1xgy1 svg {
         display: block;
-    } .file-upload-item__infoSection_vtenn {
+    } .file-upload-item__infoSection_1xgy1 {
     display: flex;
     flex-direction: column;
     flex: 1;
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-s);
     min-width: 40%;
-} .file-upload-item__info_vtenn {
+} .file-upload-item__info_1xgy1 {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
-} .file-upload-item__icon_vtenn {
+} .file-upload-item__icon_1xgy1 {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
-} .file-upload-item__errorIcon_vtenn {
+} .file-upload-item__errorIcon_1xgy1 {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
-} .file-upload-item__successIcon_vtenn {
+} .file-upload-item__successIcon_1xgy1 {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
-} .file-upload-item__name_vtenn {
+} .file-upload-item__name_1xgy1 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
-} .file-upload-item__name_vtenn a {
+} .file-upload-item__name_1xgy1 a {
         display: block;
         margin-bottom: 1px;
-    } .file-upload-item__meta_vtenn {
+    } .file-upload-item__meta_1xgy1 {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
-} .file-upload-item__meta_vtenn > * {
+} .file-upload-item__meta_1xgy1 > * {
         margin-right: var(--gap-s)
-    } .file-upload-item__meta_vtenn > *:last-child {
+    } .file-upload-item__meta_1xgy1 > *:last-child {
             margin-right: 0;
-        } .file-upload-item__size_vtenn {
+        } .file-upload-item__size_1xgy1 {
     text-align: right;
-} .file-upload-item__delete_vtenn,
-.file-upload-item__download_vtenn {
+} .file-upload-item__delete_1xgy1,
+.file-upload-item__download_1xgy1 {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
-} .file-upload-item__errorWrapper_vtenn {
+} .file-upload-item__errorWrapper_1xgy1 {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
-} @media (--small-only) { .file-upload-item__errorWrapper_vtenn {
+} @media (--small-only) { .file-upload-item__errorWrapper_1xgy1 {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
-    } .file-upload-item__restore_vtenn {
+    } .file-upload-item__restore_1xgy1 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
-} .file-upload-item__spinnerWrapper_vtenn {
+} .file-upload-item__spinnerWrapper_1xgy1 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
-} .file-upload-item__spinner_vtenn {
+} .file-upload-item__spinner_1xgy1 {
     width: 20px;
     height: 20px;
-} .file-upload-item__uploadPercent_vtenn {
+} .file-upload-item__uploadPercent_1xgy1 {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }

package/file-upload-item/index.css

@@ -1,4 +1,4 @@
-/* hash: 137cw */
+/* hash: 9sz7v */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -25,7 +25,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .file-upload-item__component_vtenn {
+} .file-upload-item__component_1xgy1 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -36,78 +36,78 @@
     color: var(--color-light-text-secondary);
     box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
     box-sizing: border-box
-} .file-upload-item__component_vtenn svg {
+} .file-upload-item__component_1xgy1 svg {
         display: block;
-    } .file-upload-item__infoSection_vtenn {
+    } .file-upload-item__infoSection_1xgy1 {
     display: flex;
     flex-direction: column;
     flex: 1;
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-s);
     min-width: 40%;
-} .file-upload-item__info_vtenn {
+} .file-upload-item__info_1xgy1 {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
-} .file-upload-item__icon_vtenn {
+} .file-upload-item__icon_1xgy1 {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
-} .file-upload-item__errorIcon_vtenn {
+} .file-upload-item__errorIcon_1xgy1 {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
-} .file-upload-item__successIcon_vtenn {
+} .file-upload-item__successIcon_1xgy1 {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
-} .file-upload-item__name_vtenn {
+} .file-upload-item__name_1xgy1 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
-} .file-upload-item__name_vtenn a {
+} .file-upload-item__name_1xgy1 a {
         display: block;
         margin-bottom: 1px;
-    } .file-upload-item__meta_vtenn {
+    } .file-upload-item__meta_1xgy1 {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
-} .file-upload-item__meta_vtenn > * {
+} .file-upload-item__meta_1xgy1 > * {
         margin-right: var(--gap-s)
-    } .file-upload-item__meta_vtenn > *:last-child {
+    } .file-upload-item__meta_1xgy1 > *:last-child {
             margin-right: 0;
-        } .file-upload-item__size_vtenn {
+        } .file-upload-item__size_1xgy1 {
     text-align: right;
-} .file-upload-item__delete_vtenn,
-.file-upload-item__download_vtenn {
+} .file-upload-item__delete_1xgy1,
+.file-upload-item__download_1xgy1 {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
-} .file-upload-item__errorWrapper_vtenn {
+} .file-upload-item__errorWrapper_1xgy1 {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
-} @media (--small-only) { .file-upload-item__errorWrapper_vtenn {
+} @media (--small-only) { .file-upload-item__errorWrapper_1xgy1 {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
-    } .file-upload-item__restore_vtenn {
+    } .file-upload-item__restore_1xgy1 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
-} .file-upload-item__spinnerWrapper_vtenn {
+} .file-upload-item__spinnerWrapper_1xgy1 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
-} .file-upload-item__spinner_vtenn {
+} .file-upload-item__spinner_1xgy1 {
     width: 20px;
     height: 20px;
-} .file-upload-item__uploadPercent_vtenn {
+} .file-upload-item__uploadPercent_1xgy1 {
     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_vtenn","infoSection":"file-upload-item__infoSection_vtenn","info":"file-upload-item__info_vtenn","icon":"file-upload-item__icon_vtenn","errorIcon":"file-upload-item__errorIcon_vtenn","successIcon":"file-upload-item__successIcon_vtenn","name":"file-upload-item__name_vtenn","meta":"file-upload-item__meta_vtenn","size":"file-upload-item__size_vtenn","delete":"file-upload-item__delete_vtenn","download":"file-upload-item__download_vtenn","errorWrapper":"file-upload-item__errorWrapper_vtenn","restore":"file-upload-item__restore_vtenn","spinnerWrapper":"file-upload-item__spinnerWrapper_vtenn","spinner":"file-upload-item__spinner_vtenn","uploadPercent":"file-upload-item__uploadPercent_vtenn"};
+const styles = {"component":"file-upload-item__component_1xgy1","infoSection":"file-upload-item__infoSection_1xgy1","info":"file-upload-item__info_1xgy1","icon":"file-upload-item__icon_1xgy1","errorIcon":"file-upload-item__errorIcon_1xgy1","successIcon":"file-upload-item__successIcon_1xgy1","name":"file-upload-item__name_1xgy1","meta":"file-upload-item__meta_1xgy1","size":"file-upload-item__size_1xgy1","delete":"file-upload-item__delete_1xgy1","download":"file-upload-item__download_1xgy1","errorWrapper":"file-upload-item__errorWrapper_1xgy1","restore":"file-upload-item__restore_1xgy1","spinnerWrapper":"file-upload-item__spinnerWrapper_1xgy1","spinner":"file-upload-item__spinner_1xgy1","uploadPercent":"file-upload-item__uploadPercent_1xgy1"};
 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, }) => {