@alfalab/core-components 25.1.0 → 25.3.0

package/custom-button/modern/index.css

@@ -11,21 +11,21 @@
 
     /* Hard up */
 }
-.custom-button__customButton_1naqq {
+.custom-button__customButton_948t1 {
     overflow: hidden;
     position: relative
 }
-.custom-button__customButton_1naqq.custom-button__white_1naqq * {
+.custom-button__customButton_948t1.custom-button__white_948t1 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1naqq.custom-button__black_1naqq * {
+.custom-button__customButton_948t1.custom-button__black_948t1 * {
         color: var(--color-static-text-primary-dark);
     }
-.custom-button__customButton_1naqq span {
+.custom-button__customButton_948t1 span {
         position: relative;
         z-index: 3;
     }
-.custom-button__customButton_1naqq:before {
+.custom-button__customButton_948t1:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -37,22 +37,22 @@
         opacity: 1;
         pointer-events: none;
     }
-.custom-button__customButton_1naqq:hover:before {
+.custom-button__customButton_948t1:hover:before {
         background-color: rgba(0, 0, 0, 0.07);
     }
-.custom-button__customButton_1naqq:active:before {
+.custom-button__customButton_948t1:active:before {
         background-color: rgba(0, 0, 0, 0.15);
     }
 /* Disabled */
-.custom-button__customButton_1naqq:disabled {
+.custom-button__customButton_948t1:disabled {
     opacity: 0.3
 }
-.custom-button__customButton_1naqq:disabled.custom-button__customLoading_1naqq {
+.custom-button__customButton_948t1:disabled.custom-button__customLoading_948t1 {
         opacity: 1;
     }
-.custom-button__customButton_1naqq:disabled.custom-button__white_1naqq * {
+.custom-button__customButton_948t1:disabled.custom-button__white_948t1 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1naqq:disabled.custom-button__black_1naqq * {
+.custom-button__customButton_948t1:disabled.custom-button__black_948t1 * {
         color: var(--color-static-text-primary-dark);
     }

package/date-input/Component.js

@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"nativeInput":"date-input__nativeInput_1eacy"};
+var styles = {"nativeInput":"date-input__nativeInput_qbw1e"};
 require('./index.css');
 
 var DateInput = React.forwardRef(function (_a, ref) {

package/date-input/esm/Component.js

@@ -46,7 +46,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"nativeInput":"date-input__nativeInput_1eacy"};
+var styles = {"nativeInput":"date-input__nativeInput_qbw1e"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_1eacy {
+.date-input__nativeInput_qbw1e {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_1eacy::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_qbw1e::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_1eacy::-webkit-inner-spin-button {
+.date-input__nativeInput_qbw1e::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_1eacy {
+.date-input__nativeInput_qbw1e {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_1eacy::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_qbw1e::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_1eacy::-webkit-inner-spin-button {
+.date-input__nativeInput_qbw1e::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

@@ -7,7 +7,7 @@ import { Input } from '../../input/modern';
 import { isValid, DATE_MASK, format, parseDateString, isCompleteDateInput, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
 import { isInputDateSupported } from './utils/native-supports.js';
 
-var styles = {"nativeInput":"date-input__nativeInput_1eacy"};
+var styles = {"nativeInput":"date-input__nativeInput_qbw1e"};
 require('./index.css');
 
 const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {

package/date-input/modern/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_1eacy {
+.date-input__nativeInput_qbw1e {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_1eacy::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_qbw1e::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_1eacy::-webkit-inner-spin-button {
+.date-input__nativeInput_qbw1e::-webkit-inner-spin-button {
         display: none;
     }

package/divider/Component.js

@@ -8,7 +8,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":"divider__component_3ulor"};
+var styles = {"component":"divider__component_2mhd0"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"divider__component_3ulor"};
+var styles = {"component":"divider__component_2mhd0"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/index.css

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

package/divider/index.css

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

package/divider/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"divider__component_3ulor"};
+var styles = {"component":"divider__component_2mhd0"};
 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_3ulor {
+.divider__component_2mhd0 {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/drawer/Component.d.ts

@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
     contentTransitionProps?: Partial<TransitionProps>;
 };
 declare const DrawerContext: React.Context<BaseModalContext>;
-declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
+declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
     /**
      * Пропсы для анимации контента (CSSTransition)
      */

package/drawer/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_193no","content":"drawer__content_193no","enter":"drawer__enter_193no","contentEnter":"drawer__contentEnter_193no","backdropEnter":"drawer__backdropEnter_193no","enterActive":"drawer__enterActive_193no","backdropEnterActive":"drawer__backdropEnterActive_193no","backdropEnterDone":"drawer__backdropEnterDone_193no","contentEnterActive":"drawer__contentEnterActive_193no","exit":"drawer__exit_193no","backdropExit":"drawer__backdropExit_193no","contentExit":"drawer__contentExit_193no","exitActive":"drawer__exitActive_193no","backdropExitActive":"drawer__backdropExitActive_193no","backdropExitDone":"drawer__backdropExitDone_193no","contentExitActive":"drawer__contentExitActive_193no"};
+var styles = {"component":"drawer__component_1nv1k","content":"drawer__content_1nv1k","enter":"drawer__enter_1nv1k","contentEnter":"drawer__contentEnter_1nv1k","backdropEnter":"drawer__backdropEnter_1nv1k","enterActive":"drawer__enterActive_1nv1k","backdropEnterActive":"drawer__backdropEnterActive_1nv1k","backdropEnterDone":"drawer__backdropEnterDone_1nv1k","contentEnterActive":"drawer__contentEnterActive_1nv1k","exit":"drawer__exit_1nv1k","backdropExit":"drawer__backdropExit_1nv1k","contentExit":"drawer__contentExit_1nv1k","exitActive":"drawer__exitActive_1nv1k","backdropExitActive":"drawer__backdropExitActive_1nv1k","backdropExitDone":"drawer__backdropExitDone_1nv1k","contentExitActive":"drawer__contentExitActive_1nv1k"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/cssm/Component.d.ts

@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
     contentTransitionProps?: Partial<TransitionProps>;
 };
 declare const DrawerContext: React.Context<BaseModalContext>;
-declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
+declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
     /**
      * Пропсы для анимации контента (CSSTransition)
      */

package/drawer/esm/Component.d.ts

@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
     contentTransitionProps?: Partial<TransitionProps>;
 };
 declare const DrawerContext: React.Context<BaseModalContext>;
-declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
+declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
     /**
      * Пропсы для анимации контента (CSSTransition)
      */

package/drawer/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_193no","content":"drawer__content_193no","enter":"drawer__enter_193no","contentEnter":"drawer__contentEnter_193no","backdropEnter":"drawer__backdropEnter_193no","enterActive":"drawer__enterActive_193no","backdropEnterActive":"drawer__backdropEnterActive_193no","backdropEnterDone":"drawer__backdropEnterDone_193no","contentEnterActive":"drawer__contentEnterActive_193no","exit":"drawer__exit_193no","backdropExit":"drawer__backdropExit_193no","contentExit":"drawer__contentExit_193no","exitActive":"drawer__exitActive_193no","backdropExitActive":"drawer__backdropExitActive_193no","backdropExitDone":"drawer__backdropExitDone_193no","contentExitActive":"drawer__contentExitActive_193no"};
+var styles = {"component":"drawer__component_1nv1k","content":"drawer__content_1nv1k","enter":"drawer__enter_1nv1k","contentEnter":"drawer__contentEnter_1nv1k","backdropEnter":"drawer__backdropEnter_1nv1k","enterActive":"drawer__enterActive_1nv1k","backdropEnterActive":"drawer__backdropEnterActive_1nv1k","backdropEnterDone":"drawer__backdropEnterDone_1nv1k","contentEnterActive":"drawer__contentEnterActive_1nv1k","exit":"drawer__exit_1nv1k","backdropExit":"drawer__backdropExit_1nv1k","contentExit":"drawer__contentExit_1nv1k","exitActive":"drawer__exitActive_1nv1k","backdropExitActive":"drawer__backdropExitActive_1nv1k","backdropExitDone":"drawer__backdropExitDone_1nv1k","contentExitActive":"drawer__contentExitActive_1nv1k"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 7mxpw */
+/* hash: 1bmfg */
 :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
 }
@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_193no {
+.drawer__component_1nv1k {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_193no {
+.drawer__content_1nv1k {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_193no {
+.drawer__enter_1nv1k {
     transform: translateX(100%);
 }
-.drawer__contentEnter_193no {
+.drawer__contentEnter_1nv1k {
     opacity: 0;
 }
-.drawer__backdropEnter_193no {
+.drawer__backdropEnter_1nv1k {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_193no {
+.drawer__enterActive_1nv1k {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_193no,
-.drawer__backdropEnterDone_193no {
+.drawer__backdropEnterActive_1nv1k,
+.drawer__backdropEnterDone_1nv1k {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_193no {
+.drawer__contentEnterActive_1nv1k {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_193no {
+.drawer__exit_1nv1k {
     transform: translateX(0);
 }
-.drawer__backdropExit_193no {
+.drawer__backdropExit_1nv1k {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_193no {
+.drawer__contentExit_1nv1k {
     opacity: 1;
 }
-.drawer__exitActive_193no {
+.drawer__exitActive_1nv1k {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_193no,
-.drawer__backdropExitDone_193no {
+.drawer__backdropExitActive_1nv1k,
+.drawer__backdropExitDone_1nv1k {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_193no {
+.drawer__contentExitActive_1nv1k {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -1,4 +1,4 @@
-/* hash: 7mxpw */
+/* hash: 1bmfg */
 :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
 }
@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_193no {
+.drawer__component_1nv1k {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_193no {
+.drawer__content_1nv1k {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_193no {
+.drawer__enter_1nv1k {
     transform: translateX(100%);
 }
-.drawer__contentEnter_193no {
+.drawer__contentEnter_1nv1k {
     opacity: 0;
 }
-.drawer__backdropEnter_193no {
+.drawer__backdropEnter_1nv1k {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_193no {
+.drawer__enterActive_1nv1k {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_193no,
-.drawer__backdropEnterDone_193no {
+.drawer__backdropEnterActive_1nv1k,
+.drawer__backdropEnterDone_1nv1k {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_193no {
+.drawer__contentEnterActive_1nv1k {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_193no {
+.drawer__exit_1nv1k {
     transform: translateX(0);
 }
-.drawer__backdropExit_193no {
+.drawer__backdropExit_1nv1k {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_193no {
+.drawer__contentExit_1nv1k {
     opacity: 1;
 }
-.drawer__exitActive_193no {
+.drawer__exitActive_1nv1k {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_193no,
-.drawer__backdropExitDone_193no {
+.drawer__backdropExitActive_1nv1k,
+.drawer__backdropExitDone_1nv1k {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_193no {
+.drawer__contentExitActive_1nv1k {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/modern/Component.d.ts

@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
     contentTransitionProps?: Partial<TransitionProps>;
 };
 declare const DrawerContext: React.Context<BaseModalContext>;
-declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
+declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
     /**
      * Пропсы для анимации контента (CSSTransition)
      */

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_193no","content":"drawer__content_193no","enter":"drawer__enter_193no","contentEnter":"drawer__contentEnter_193no","backdropEnter":"drawer__backdropEnter_193no","enterActive":"drawer__enterActive_193no","backdropEnterActive":"drawer__backdropEnterActive_193no","backdropEnterDone":"drawer__backdropEnterDone_193no","contentEnterActive":"drawer__contentEnterActive_193no","exit":"drawer__exit_193no","backdropExit":"drawer__backdropExit_193no","contentExit":"drawer__contentExit_193no","exitActive":"drawer__exitActive_193no","backdropExitActive":"drawer__backdropExitActive_193no","backdropExitDone":"drawer__backdropExitDone_193no","contentExitActive":"drawer__contentExitActive_193no"};
+var styles = {"component":"drawer__component_1nv1k","content":"drawer__content_1nv1k","enter":"drawer__enter_1nv1k","contentEnter":"drawer__contentEnter_1nv1k","backdropEnter":"drawer__backdropEnter_1nv1k","enterActive":"drawer__enterActive_1nv1k","backdropEnterActive":"drawer__backdropEnterActive_1nv1k","backdropEnterDone":"drawer__backdropEnterDone_1nv1k","contentEnterActive":"drawer__contentEnterActive_1nv1k","exit":"drawer__exit_1nv1k","backdropExit":"drawer__backdropExit_1nv1k","contentExit":"drawer__contentExit_1nv1k","exitActive":"drawer__exitActive_1nv1k","backdropExitActive":"drawer__backdropExitActive_1nv1k","backdropExitDone":"drawer__backdropExitDone_1nv1k","contentExitActive":"drawer__contentExitActive_1nv1k"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 7mxpw */
+/* hash: 1bmfg */
 :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
 }
@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_193no {
+.drawer__component_1nv1k {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_193no {
+.drawer__content_1nv1k {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_193no {
+.drawer__enter_1nv1k {
     transform: translateX(100%);
 }
-.drawer__contentEnter_193no {
+.drawer__contentEnter_1nv1k {
     opacity: 0;
 }
-.drawer__backdropEnter_193no {
+.drawer__backdropEnter_1nv1k {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_193no {
+.drawer__enterActive_1nv1k {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_193no,
-.drawer__backdropEnterDone_193no {
+.drawer__backdropEnterActive_1nv1k,
+.drawer__backdropEnterDone_1nv1k {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_193no {
+.drawer__contentEnterActive_1nv1k {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_193no {
+.drawer__exit_1nv1k {
     transform: translateX(0);
 }
-.drawer__backdropExit_193no {
+.drawer__backdropExit_1nv1k {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_193no {
+.drawer__contentExit_1nv1k {
     opacity: 1;
 }
-.drawer__exitActive_193no {
+.drawer__exitActive_1nv1k {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_193no,
-.drawer__backdropExitDone_193no {
+.drawer__backdropExitActive_1nv1k,
+.drawer__backdropExitDone_1nv1k {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_193no {
+.drawer__contentExitActive_1nv1k {
     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_1ni6t","disabled":"dropzone__disabled_1ni6t","block":"dropzone__block_1ni6t","dragOver":"dropzone__dragOver_1ni6t","error":"dropzone__error_1ni6t"};
+var styles = {"component":"dropzone__component_1w1vq","disabled":"dropzone__disabled_1w1vq","block":"dropzone__block_1w1vq","dragOver":"dropzone__dragOver_1w1vq","error":"dropzone__error_1w1vq"};
 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_uxr3o","visible":"dropzone__visible_uxr3o","text":"dropzone__text_uxr3o"};
+var styles = {"overlay":"dropzone__overlay_jmofq","visible":"dropzone__visible_jmofq","text":"dropzone__text_jmofq"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_uxr3o {
+.dropzone__overlay_jmofq {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_uxr3o {
+.dropzone__visible_jmofq {
     opacity: 1;
 }
-.dropzone__text_uxr3o {
+.dropzone__text_jmofq {
     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_1ni6t","disabled":"dropzone__disabled_1ni6t","block":"dropzone__block_1ni6t","dragOver":"dropzone__dragOver_1ni6t","error":"dropzone__error_1ni6t"};
+var styles = {"component":"dropzone__component_1w1vq","disabled":"dropzone__disabled_1w1vq","block":"dropzone__block_1w1vq","dragOver":"dropzone__dragOver_1w1vq","error":"dropzone__error_1w1vq"};
 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_uxr3o","visible":"dropzone__visible_uxr3o","text":"dropzone__text_uxr3o"};
+var styles = {"overlay":"dropzone__overlay_jmofq","visible":"dropzone__visible_jmofq","text":"dropzone__text_jmofq"};
 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_uxr3o {
+.dropzone__overlay_jmofq {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_uxr3o {
+.dropzone__visible_jmofq {
     opacity: 1;
 }
-.dropzone__text_uxr3o {
+.dropzone__text_jmofq {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;