@alfalab/core-components 31.2.0 → 31.3.1-beta.0

package/divider/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"divider__component_wkhhs"};
+var styles = {"component":"divider__component_1kvw4"};
 require('./index.css');
 
 const Divider = ({ className, dataTestId }) => (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));

package/divider/modern/index.css

@@ -13,7 +13,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_wkhhs {
+.divider__component_1kvw4 {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/drawer/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1eejg","content":"drawer__content_1eejg","enter":"drawer__enter_1eejg","contentEnter":"drawer__contentEnter_1eejg","backdropEnter":"drawer__backdropEnter_1eejg","enterActive":"drawer__enterActive_1eejg","backdropEnterActive":"drawer__backdropEnterActive_1eejg","backdropEnterDone":"drawer__backdropEnterDone_1eejg","contentEnterActive":"drawer__contentEnterActive_1eejg","exit":"drawer__exit_1eejg","backdropExit":"drawer__backdropExit_1eejg","contentExit":"drawer__contentExit_1eejg","exitActive":"drawer__exitActive_1eejg","backdropExitActive":"drawer__backdropExitActive_1eejg","backdropExitDone":"drawer__backdropExitDone_1eejg","contentExitActive":"drawer__contentExitActive_1eejg"};
+var styles = {"component":"drawer__component_1db1x","content":"drawer__content_1db1x","enter":"drawer__enter_1db1x","contentEnter":"drawer__contentEnter_1db1x","backdropEnter":"drawer__backdropEnter_1db1x","enterActive":"drawer__enterActive_1db1x","backdropEnterActive":"drawer__backdropEnterActive_1db1x","backdropEnterDone":"drawer__backdropEnterDone_1db1x","contentEnterActive":"drawer__contentEnterActive_1db1x","exit":"drawer__exit_1db1x","backdropExit":"drawer__backdropExit_1db1x","contentExit":"drawer__contentExit_1db1x","exitActive":"drawer__exitActive_1db1x","backdropExitActive":"drawer__backdropExitActive_1db1x","backdropExitDone":"drawer__backdropExitDone_1db1x","contentExitActive":"drawer__contentExitActive_1db1x"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1eejg","content":"drawer__content_1eejg","enter":"drawer__enter_1eejg","contentEnter":"drawer__contentEnter_1eejg","backdropEnter":"drawer__backdropEnter_1eejg","enterActive":"drawer__enterActive_1eejg","backdropEnterActive":"drawer__backdropEnterActive_1eejg","backdropEnterDone":"drawer__backdropEnterDone_1eejg","contentEnterActive":"drawer__contentEnterActive_1eejg","exit":"drawer__exit_1eejg","backdropExit":"drawer__backdropExit_1eejg","contentExit":"drawer__contentExit_1eejg","exitActive":"drawer__exitActive_1eejg","backdropExitActive":"drawer__backdropExitActive_1eejg","backdropExitDone":"drawer__backdropExitDone_1eejg","contentExitActive":"drawer__contentExitActive_1eejg"};
+var styles = {"component":"drawer__component_1db1x","content":"drawer__content_1db1x","enter":"drawer__enter_1db1x","contentEnter":"drawer__contentEnter_1db1x","backdropEnter":"drawer__backdropEnter_1db1x","enterActive":"drawer__enterActive_1db1x","backdropEnterActive":"drawer__backdropEnterActive_1db1x","backdropEnterDone":"drawer__backdropEnterDone_1db1x","contentEnterActive":"drawer__contentEnterActive_1db1x","exit":"drawer__exit_1db1x","backdropExit":"drawer__backdropExit_1db1x","contentExit":"drawer__contentExit_1db1x","exitActive":"drawer__exitActive_1db1x","backdropExitActive":"drawer__backdropExitActive_1db1x","backdropExitDone":"drawer__backdropExitDone_1db1x","contentExitActive":"drawer__contentExitActive_1db1x"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: fpkvk */
+/* hash: 1767q */
 :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
 }
@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1eejg {
+.drawer__component_1db1x {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1eejg {
+.drawer__content_1db1x {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1eejg {
+.drawer__enter_1db1x {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1eejg {
+.drawer__contentEnter_1db1x {
     opacity: 0;
 }
-.drawer__backdropEnter_1eejg {
+.drawer__backdropEnter_1db1x {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1eejg {
+.drawer__enterActive_1db1x {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1eejg,
-.drawer__backdropEnterDone_1eejg {
+.drawer__backdropEnterActive_1db1x,
+.drawer__backdropEnterDone_1db1x {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1eejg {
+.drawer__contentEnterActive_1db1x {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1eejg {
+.drawer__exit_1db1x {
     transform: translateX(0);
 }
-.drawer__backdropExit_1eejg {
+.drawer__backdropExit_1db1x {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1eejg {
+.drawer__contentExit_1db1x {
     opacity: 1;
 }
-.drawer__exitActive_1eejg {
+.drawer__exitActive_1db1x {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1eejg,
-.drawer__backdropExitDone_1eejg {
+.drawer__backdropExitActive_1db1x,
+.drawer__backdropExitDone_1db1x {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1eejg {
+.drawer__contentExitActive_1db1x {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -1,4 +1,4 @@
-/* hash: fpkvk */
+/* hash: 1767q */
 :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
 }
@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1eejg {
+.drawer__component_1db1x {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1eejg {
+.drawer__content_1db1x {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1eejg {
+.drawer__enter_1db1x {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1eejg {
+.drawer__contentEnter_1db1x {
     opacity: 0;
 }
-.drawer__backdropEnter_1eejg {
+.drawer__backdropEnter_1db1x {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1eejg {
+.drawer__enterActive_1db1x {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1eejg,
-.drawer__backdropEnterDone_1eejg {
+.drawer__backdropEnterActive_1db1x,
+.drawer__backdropEnterDone_1db1x {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1eejg {
+.drawer__contentEnterActive_1db1x {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1eejg {
+.drawer__exit_1db1x {
     transform: translateX(0);
 }
-.drawer__backdropExit_1eejg {
+.drawer__backdropExit_1db1x {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1eejg {
+.drawer__contentExit_1db1x {
     opacity: 1;
 }
-.drawer__exitActive_1eejg {
+.drawer__exitActive_1db1x {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1eejg,
-.drawer__backdropExitDone_1eejg {
+.drawer__backdropExitActive_1db1x,
+.drawer__backdropExitDone_1db1x {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1eejg {
+.drawer__contentExitActive_1db1x {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/modern/Component.js

@@ -3,7 +3,7 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { BaseModalContext, BaseModal } from '../../base-modal/modern';
 
-var styles = {"component":"drawer__component_1eejg","content":"drawer__content_1eejg","enter":"drawer__enter_1eejg","contentEnter":"drawer__contentEnter_1eejg","backdropEnter":"drawer__backdropEnter_1eejg","enterActive":"drawer__enterActive_1eejg","backdropEnterActive":"drawer__backdropEnterActive_1eejg","backdropEnterDone":"drawer__backdropEnterDone_1eejg","contentEnterActive":"drawer__contentEnterActive_1eejg","exit":"drawer__exit_1eejg","backdropExit":"drawer__backdropExit_1eejg","contentExit":"drawer__contentExit_1eejg","exitActive":"drawer__exitActive_1eejg","backdropExitActive":"drawer__backdropExitActive_1eejg","backdropExitDone":"drawer__backdropExitDone_1eejg","contentExitActive":"drawer__contentExitActive_1eejg"};
+var styles = {"component":"drawer__component_1db1x","content":"drawer__content_1db1x","enter":"drawer__enter_1db1x","contentEnter":"drawer__contentEnter_1db1x","backdropEnter":"drawer__backdropEnter_1db1x","enterActive":"drawer__enterActive_1db1x","backdropEnterActive":"drawer__backdropEnterActive_1db1x","backdropEnterDone":"drawer__backdropEnterDone_1db1x","contentEnterActive":"drawer__contentEnterActive_1db1x","exit":"drawer__exit_1db1x","backdropExit":"drawer__backdropExit_1db1x","contentExit":"drawer__contentExit_1db1x","exitActive":"drawer__exitActive_1db1x","backdropExitActive":"drawer__backdropExitActive_1db1x","backdropExitDone":"drawer__backdropExitDone_1db1x","contentExitActive":"drawer__contentExitActive_1db1x"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: fpkvk */
+/* hash: 1767q */
 :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
 }
@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1eejg {
+.drawer__component_1db1x {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1eejg {
+.drawer__content_1db1x {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1eejg {
+.drawer__enter_1db1x {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1eejg {
+.drawer__contentEnter_1db1x {
     opacity: 0;
 }
-.drawer__backdropEnter_1eejg {
+.drawer__backdropEnter_1db1x {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1eejg {
+.drawer__enterActive_1db1x {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1eejg,
-.drawer__backdropEnterDone_1eejg {
+.drawer__backdropEnterActive_1db1x,
+.drawer__backdropEnterDone_1db1x {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1eejg {
+.drawer__contentEnterActive_1db1x {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1eejg {
+.drawer__exit_1db1x {
     transform: translateX(0);
 }
-.drawer__backdropExit_1eejg {
+.drawer__backdropExit_1db1x {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1eejg {
+.drawer__contentExit_1db1x {
     opacity: 1;
 }
-.drawer__exitActive_1eejg {
+.drawer__exitActive_1db1x {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1eejg,
-.drawer__backdropExitDone_1eejg {
+.drawer__backdropExitActive_1db1x,
+.drawer__backdropExitDone_1db1x {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1eejg {
+.drawer__contentExitActive_1db1x {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"dropzone__component_1p4nv","disabled":"dropzone__disabled_1p4nv","block":"dropzone__block_1p4nv","dragOver":"dropzone__dragOver_1p4nv","error":"dropzone__error_1p4nv"};
+var styles = {"component":"dropzone__component_r5yub","disabled":"dropzone__disabled_r5yub","block":"dropzone__block_r5yub","dragOver":"dropzone__dragOver_r5yub","error":"dropzone__error_r5yub"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/components/overlay/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"overlay":"dropzone__overlay_jmq5o","visible":"dropzone__visible_jmq5o","text":"dropzone__text_jmq5o"};
+var styles = {"overlay":"dropzone__overlay_1v38y","visible":"dropzone__visible_1v38y","text":"dropzone__text_1v38y"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_jmq5o {
+.dropzone__overlay_1v38y {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_jmq5o {
+.dropzone__visible_1v38y {
     opacity: 1;
 }
-.dropzone__text_jmq5o {
+.dropzone__text_1v38y {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/Component.js

@@ -4,7 +4,7 @@ import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 import { Overlay } from './components/overlay/Component.js';
 
-var styles = {"component":"dropzone__component_1p4nv","disabled":"dropzone__disabled_1p4nv","block":"dropzone__block_1p4nv","dragOver":"dropzone__dragOver_1p4nv","error":"dropzone__error_1p4nv"};
+var styles = {"component":"dropzone__component_r5yub","disabled":"dropzone__disabled_r5yub","block":"dropzone__block_r5yub","dragOver":"dropzone__dragOver_r5yub","error":"dropzone__error_r5yub"};
 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_jmq5o","visible":"dropzone__visible_jmq5o","text":"dropzone__text_jmq5o"};
+var styles = {"overlay":"dropzone__overlay_1v38y","visible":"dropzone__visible_1v38y","text":"dropzone__text_1v38y"};
 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_jmq5o {
+.dropzone__overlay_1v38y {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_jmq5o {
+.dropzone__visible_1v38y {
     opacity: 1;
 }
-.dropzone__text_jmq5o {
+.dropzone__text_1v38y {
     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_1p4nv {
+.dropzone__component_r5yub {
     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_1p4nv {
+.dropzone__disabled_r5yub {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_1p4nv:not(.dropzone__disabled_1p4nv):hover {
+.dropzone__component_r5yub:not(.dropzone__disabled_r5yub):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_1p4nv {
+.dropzone__block_r5yub {
     width: 100%;
 }
-.dropzone__dragOver_1p4nv {
+.dropzone__dragOver_r5yub {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_1p4nv {
+.dropzone__error_r5yub {
     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_1p4nv {
+.dropzone__component_r5yub {
     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_1p4nv {
+.dropzone__disabled_r5yub {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_1p4nv:not(.dropzone__disabled_1p4nv):hover {
+.dropzone__component_r5yub:not(.dropzone__disabled_r5yub):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_1p4nv {
+.dropzone__block_r5yub {
     width: 100%;
 }
-.dropzone__dragOver_1p4nv {
+.dropzone__dragOver_r5yub {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_1p4nv {
+.dropzone__error_r5yub {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/modern/Component.js

@@ -4,7 +4,7 @@ import '@alfalab/icons-glyph/ContainerMIcon';
 import { preventAndStopEvent } from './utils.js';
 import { Overlay } from './components/overlay/Component.js';
 
-var styles = {"component":"dropzone__component_1p4nv","disabled":"dropzone__disabled_1p4nv","block":"dropzone__block_1p4nv","dragOver":"dropzone__dragOver_1p4nv","error":"dropzone__error_1p4nv"};
+var styles = {"component":"dropzone__component_r5yub","disabled":"dropzone__disabled_r5yub","block":"dropzone__block_r5yub","dragOver":"dropzone__dragOver_r5yub","error":"dropzone__error_r5yub"};
 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';
 
-var styles = {"overlay":"dropzone__overlay_jmq5o","visible":"dropzone__visible_jmq5o","text":"dropzone__text_jmq5o"};
+var styles = {"overlay":"dropzone__overlay_1v38y","visible":"dropzone__visible_1v38y","text":"dropzone__text_1v38y"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => {

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

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_jmq5o {
+.dropzone__overlay_1v38y {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_jmq5o {
+.dropzone__visible_1v38y {
     opacity: 1;
 }
-.dropzone__text_jmq5o {
+.dropzone__text_1v38y {
     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_1p4nv {
+.dropzone__component_r5yub {
     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_1p4nv {
+.dropzone__disabled_r5yub {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_1p4nv:not(.dropzone__disabled_1p4nv):hover {
+.dropzone__component_r5yub:not(.dropzone__disabled_r5yub):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_1p4nv {
+.dropzone__block_r5yub {
     width: 100%;
 }
-.dropzone__dragOver_1p4nv {
+.dropzone__dragOver_r5yub {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_1p4nv {
+.dropzone__error_r5yub {
     border-color: var(--color-light-border-accent);
 }

package/file-upload-item/Component.js

@@ -22,26 +22,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"file-upload-item__component_2wef3","infoSection":"file-upload-item__infoSection_2wef3","info":"file-upload-item__info_2wef3","icon":"file-upload-item__icon_2wef3","errorIcon":"file-upload-item__errorIcon_2wef3","successIcon":"file-upload-item__successIcon_2wef3","name":"file-upload-item__name_2wef3","meta":"file-upload-item__meta_2wef3","size":"file-upload-item__size_2wef3","delete":"file-upload-item__delete_2wef3","download":"file-upload-item__download_2wef3","errorWrapper":"file-upload-item__errorWrapper_2wef3","restore":"file-upload-item__restore_2wef3","spinnerWrapper":"file-upload-item__spinnerWrapper_2wef3","spinner":"file-upload-item__spinner_2wef3","uploadPercent":"file-upload-item__uploadPercent_2wef3"};
+var styles = {"component":"file-upload-item__component_1onfh","infoSection":"file-upload-item__infoSection_1onfh","info":"file-upload-item__info_1onfh","icon":"file-upload-item__icon_1onfh","errorIcon":"file-upload-item__errorIcon_1onfh","successIcon":"file-upload-item__successIcon_1onfh","name":"file-upload-item__name_1onfh","meta":"file-upload-item__meta_1onfh","size":"file-upload-item__size_1onfh","delete":"file-upload-item__delete_1onfh","download":"file-upload-item__download_1onfh","errorWrapper":"file-upload-item__errorWrapper_1onfh","restore":"file-upload-item__restore_1onfh","spinnerWrapper":"file-upload-item__spinnerWrapper_1onfh","spinner":"file-upload-item__spinner_1onfh","uploadPercent":"file-upload-item__uploadPercent_1onfh"};
 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 handleDownload = React.useCallback(function (event) {
+    var handleDownload = function (event) {
         if (onDownload) {
             event.preventDefault();
             onDownload(id);
         }
-    }, [id, onDownload]);
-    var handleDelete = React.useCallback(function () {
+    };
+    var handleDelete = function () {
         if (onDelete)
             onDelete(id);
-    }, [id, onDelete]);
-    var handleRestore = React.useCallback(function () {
+    };
+    var handleRestore = function () {
         if (onRestore)
             onRestore(id);
-    }, [id, onRestore]);
-    var renderIcon = React.useCallback(function () {
+    };
+    var renderIcon = function () {
         if (showRestore) {
             return React__default['default'].createElement(ClockMIcon.ClockMIcon, { className: styles.restoreIcon });
         }
@@ -58,13 +58,14 @@ var FileUploadItem = function (_a) {
                 return React__default['default'].createElement(Icon, { className: styles.icon });
             }
         }
-    }, [showRestore, uploadStatus]);
-    var renderInfoSection = React.useCallback(function () {
+    };
+    var renderInfoSection = function () {
+        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),
-            error && (React__default['default'].createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
-    }, [name, uploadStatus, error]);
+            shouldShownError && (React__default['default'].createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
+    };
     var showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
     var showDownload = Boolean(downloadLink) && !showRestore;
     return (React__default['default'].createElement("div", { className: cn__default['default'](className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },