@alfalab/core-components 48.21.0 → 48.22.1-beta.0

package/drawer/esm/index.css

@@ -32,97 +32,97 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1e3bt {
+} .drawer__component_tbr2l {
     top: var(--gap-0);
     height: 100%;
     width: var(--drawer-width);
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__component_1e3bt.drawer__component_1e3bt {
+} .drawer__component_tbr2l.drawer__component_tbr2l {
     position: fixed;
-} .drawer__customScrollbar_1e3bt {
+} .drawer__customScrollbar_tbr2l {
     overflow: auto;
     cursor: auto;
-} .drawer__customScrollbar_1e3bt::-webkit-scrollbar {
+} .drawer__customScrollbar_tbr2l::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-track {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-track {
         background-color: transparent;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-track-piece {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:vertical {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:vertical:hover {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:horizontal {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:horizontal:hover {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:active {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .drawer__customScrollbar_1e3bt::-webkit-resizer {
+    } .drawer__customScrollbar_tbr2l::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-button,
-    .drawer__customScrollbar_1e3bt::-webkit-scrollbar-corner {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-button,
+    .drawer__customScrollbar_tbr2l::-webkit-scrollbar-corner {
         display: none;
-    } .drawer__rightPlacement_1e3bt {
+    } .drawer__rightPlacement_tbr2l {
     right: var(--gap-0);
     align-self: flex-end;
-} .drawer__leftPlacement_1e3bt {
+} .drawer__leftPlacement_tbr2l {
     left: var(--gap-0);
     align-self: flex-start;
-} .drawer__content_1e3bt {
+} .drawer__content_tbr2l {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} /* enter */ .drawer__enterRight_1e3bt {
+} /* enter */ .drawer__enterRight_tbr2l {
     transform: translateX(100%);
-} .drawer__enterLeft_1e3bt {
+} .drawer__enterLeft_tbr2l {
     transform: translateX(-100%);
-} .drawer__contentEnter_1e3bt {
+} .drawer__contentEnter_tbr2l {
     opacity: 0;
-} .drawer__backdropEnter_1e3bt {
+} .drawer__backdropEnter_tbr2l {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1e3bt {
+} .drawer__enterActive_tbr2l {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1e3bt,
-.drawer__backdropEnterDone_1e3bt {
+} .drawer__backdropEnterActive_tbr2l,
+.drawer__backdropEnterDone_tbr2l {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1e3bt {
+} .drawer__contentEnterActive_tbr2l {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1e3bt {
+} /* exit */ .drawer__exit_tbr2l {
     transform: translateX(0);
-} .drawer__backdropExit_1e3bt {
+} .drawer__backdropExit_tbr2l {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1e3bt {
+} .drawer__contentExit_tbr2l {
     opacity: 1;
-} .drawer__exitActiveRight_1e3bt {
+} .drawer__exitActiveRight_tbr2l {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1e3bt {
+} .drawer__exitActiveLeft_tbr2l {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1e3bt,
-.drawer__backdropExitDone_1e3bt {
+} .drawer__backdropExitActive_tbr2l,
+.drawer__backdropExitDone_tbr2l {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1e3bt {
+} .drawer__contentExitActive_tbr2l {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -32,97 +32,97 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1e3bt {
+} .drawer__component_tbr2l {
     top: var(--gap-0);
     height: 100%;
     width: var(--drawer-width);
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__component_1e3bt.drawer__component_1e3bt {
+} .drawer__component_tbr2l.drawer__component_tbr2l {
     position: fixed;
-} .drawer__customScrollbar_1e3bt {
+} .drawer__customScrollbar_tbr2l {
     overflow: auto;
     cursor: auto;
-} .drawer__customScrollbar_1e3bt::-webkit-scrollbar {
+} .drawer__customScrollbar_tbr2l::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-track {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-track {
         background-color: transparent;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-track-piece {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:vertical {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:vertical:hover {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:horizontal {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:horizontal:hover {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:active {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .drawer__customScrollbar_1e3bt::-webkit-resizer {
+    } .drawer__customScrollbar_tbr2l::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-button,
-    .drawer__customScrollbar_1e3bt::-webkit-scrollbar-corner {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-button,
+    .drawer__customScrollbar_tbr2l::-webkit-scrollbar-corner {
         display: none;
-    } .drawer__rightPlacement_1e3bt {
+    } .drawer__rightPlacement_tbr2l {
     right: var(--gap-0);
     align-self: flex-end;
-} .drawer__leftPlacement_1e3bt {
+} .drawer__leftPlacement_tbr2l {
     left: var(--gap-0);
     align-self: flex-start;
-} .drawer__content_1e3bt {
+} .drawer__content_tbr2l {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} /* enter */ .drawer__enterRight_1e3bt {
+} /* enter */ .drawer__enterRight_tbr2l {
     transform: translateX(100%);
-} .drawer__enterLeft_1e3bt {
+} .drawer__enterLeft_tbr2l {
     transform: translateX(-100%);
-} .drawer__contentEnter_1e3bt {
+} .drawer__contentEnter_tbr2l {
     opacity: 0;
-} .drawer__backdropEnter_1e3bt {
+} .drawer__backdropEnter_tbr2l {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1e3bt {
+} .drawer__enterActive_tbr2l {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1e3bt,
-.drawer__backdropEnterDone_1e3bt {
+} .drawer__backdropEnterActive_tbr2l,
+.drawer__backdropEnterDone_tbr2l {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1e3bt {
+} .drawer__contentEnterActive_tbr2l {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1e3bt {
+} /* exit */ .drawer__exit_tbr2l {
     transform: translateX(0);
-} .drawer__backdropExit_1e3bt {
+} .drawer__backdropExit_tbr2l {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1e3bt {
+} .drawer__contentExit_tbr2l {
     opacity: 1;
-} .drawer__exitActiveRight_1e3bt {
+} .drawer__exitActiveRight_tbr2l {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1e3bt {
+} .drawer__exitActiveLeft_tbr2l {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1e3bt,
-.drawer__backdropExitDone_1e3bt {
+} .drawer__backdropExitActive_tbr2l,
+.drawer__backdropExitDone_tbr2l {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1e3bt {
+} .drawer__contentExitActive_tbr2l {
     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 { BaseModal, BaseModalContext } from '../../base-modal/modern';
 
-const styles = {"component":"drawer__component_1e3bt","customScrollbar":"drawer__customScrollbar_1e3bt","rightPlacement":"drawer__rightPlacement_1e3bt","leftPlacement":"drawer__leftPlacement_1e3bt","content":"drawer__content_1e3bt","enterRight":"drawer__enterRight_1e3bt","enterLeft":"drawer__enterLeft_1e3bt","contentEnter":"drawer__contentEnter_1e3bt","backdropEnter":"drawer__backdropEnter_1e3bt","enterActive":"drawer__enterActive_1e3bt","backdropEnterActive":"drawer__backdropEnterActive_1e3bt","backdropEnterDone":"drawer__backdropEnterDone_1e3bt","contentEnterActive":"drawer__contentEnterActive_1e3bt","exit":"drawer__exit_1e3bt","backdropExit":"drawer__backdropExit_1e3bt","contentExit":"drawer__contentExit_1e3bt","exitActiveRight":"drawer__exitActiveRight_1e3bt","exitActiveLeft":"drawer__exitActiveLeft_1e3bt","backdropExitActive":"drawer__backdropExitActive_1e3bt","backdropExitDone":"drawer__backdropExitDone_1e3bt","contentExitActive":"drawer__contentExitActive_1e3bt"};
+const styles = {"component":"drawer__component_tbr2l","customScrollbar":"drawer__customScrollbar_tbr2l","rightPlacement":"drawer__rightPlacement_tbr2l","leftPlacement":"drawer__leftPlacement_tbr2l","content":"drawer__content_tbr2l","enterRight":"drawer__enterRight_tbr2l","enterLeft":"drawer__enterLeft_tbr2l","contentEnter":"drawer__contentEnter_tbr2l","backdropEnter":"drawer__backdropEnter_tbr2l","enterActive":"drawer__enterActive_tbr2l","backdropEnterActive":"drawer__backdropEnterActive_tbr2l","backdropEnterDone":"drawer__backdropEnterDone_tbr2l","contentEnterActive":"drawer__contentEnterActive_tbr2l","exit":"drawer__exit_tbr2l","backdropExit":"drawer__backdropExit_tbr2l","contentExit":"drawer__contentExit_tbr2l","exitActiveRight":"drawer__exitActiveRight_tbr2l","exitActiveLeft":"drawer__exitActiveLeft_tbr2l","backdropExitActive":"drawer__backdropExitActive_tbr2l","backdropExitDone":"drawer__backdropExitDone_tbr2l","contentExitActive":"drawer__contentExitActive_tbr2l"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -32,97 +32,97 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1e3bt {
+} .drawer__component_tbr2l {
     top: var(--gap-0);
     height: 100%;
     width: var(--drawer-width);
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__component_1e3bt.drawer__component_1e3bt {
+} .drawer__component_tbr2l.drawer__component_tbr2l {
     position: fixed;
-} .drawer__customScrollbar_1e3bt {
+} .drawer__customScrollbar_tbr2l {
     overflow: auto;
     cursor: auto;
-} .drawer__customScrollbar_1e3bt::-webkit-scrollbar {
+} .drawer__customScrollbar_tbr2l::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-track {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-track {
         background-color: transparent;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-track-piece {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:vertical {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:vertical:hover {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:horizontal {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:horizontal:hover {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-thumb:active {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .drawer__customScrollbar_1e3bt::-webkit-resizer {
+    } .drawer__customScrollbar_tbr2l::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .drawer__customScrollbar_1e3bt::-webkit-scrollbar-button,
-    .drawer__customScrollbar_1e3bt::-webkit-scrollbar-corner {
+    } .drawer__customScrollbar_tbr2l::-webkit-scrollbar-button,
+    .drawer__customScrollbar_tbr2l::-webkit-scrollbar-corner {
         display: none;
-    } .drawer__rightPlacement_1e3bt {
+    } .drawer__rightPlacement_tbr2l {
     right: var(--gap-0);
     align-self: flex-end;
-} .drawer__leftPlacement_1e3bt {
+} .drawer__leftPlacement_tbr2l {
     left: var(--gap-0);
     align-self: flex-start;
-} .drawer__content_1e3bt {
+} .drawer__content_tbr2l {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} /* enter */ .drawer__enterRight_1e3bt {
+} /* enter */ .drawer__enterRight_tbr2l {
     transform: translateX(100%);
-} .drawer__enterLeft_1e3bt {
+} .drawer__enterLeft_tbr2l {
     transform: translateX(-100%);
-} .drawer__contentEnter_1e3bt {
+} .drawer__contentEnter_tbr2l {
     opacity: 0;
-} .drawer__backdropEnter_1e3bt {
+} .drawer__backdropEnter_tbr2l {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1e3bt {
+} .drawer__enterActive_tbr2l {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1e3bt,
-.drawer__backdropEnterDone_1e3bt {
+} .drawer__backdropEnterActive_tbr2l,
+.drawer__backdropEnterDone_tbr2l {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1e3bt {
+} .drawer__contentEnterActive_tbr2l {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1e3bt {
+} /* exit */ .drawer__exit_tbr2l {
     transform: translateX(0);
-} .drawer__backdropExit_1e3bt {
+} .drawer__backdropExit_tbr2l {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1e3bt {
+} .drawer__contentExit_tbr2l {
     opacity: 1;
-} .drawer__exitActiveRight_1e3bt {
+} .drawer__exitActiveRight_tbr2l {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1e3bt {
+} .drawer__exitActiveLeft_tbr2l {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1e3bt,
-.drawer__backdropExitDone_1e3bt {
+} .drawer__backdropExitActive_tbr2l,
+.drawer__backdropExitDone_tbr2l {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1e3bt {
+} .drawer__contentExitActive_tbr2l {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/Component.js

@@ -10,7 +10,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_10f1d","disabled":"dropzone__disabled_10f1d","block":"dropzone__block_10f1d","dragOver":"dropzone__dragOver_10f1d","error":"dropzone__error_10f1d","inner":"dropzone__inner_10f1d","hidden":"dropzone__hidden_10f1d"};
+var styles = {"component":"dropzone__component_fhcxh","disabled":"dropzone__disabled_fhcxh","block":"dropzone__block_fhcxh","dragOver":"dropzone__dragOver_fhcxh","error":"dropzone__error_fhcxh","inner":"dropzone__inner_fhcxh","hidden":"dropzone__hidden_fhcxh"};
 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_1t8h9","visible":"dropzone__visible_1t8h9","text":"dropzone__text_1t8h9"};
+var styles = {"overlay":"dropzone__overlay_1y9ww","visible":"dropzone__visible_1y9ww","text":"dropzone__text_1y9ww"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -28,7 +28,7 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_1t8h9 {
+} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_1y9ww {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -46,9 +46,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_1t8h9 {
+} .dropzone__visible_1y9ww {
     opacity: 1;
-} .dropzone__text_1t8h9 {
+} .dropzone__text_1y9ww {
     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_10f1d","disabled":"dropzone__disabled_10f1d","block":"dropzone__block_10f1d","dragOver":"dropzone__dragOver_10f1d","error":"dropzone__error_10f1d","inner":"dropzone__inner_10f1d","hidden":"dropzone__hidden_10f1d"};
+var styles = {"component":"dropzone__component_fhcxh","disabled":"dropzone__disabled_fhcxh","block":"dropzone__block_fhcxh","dragOver":"dropzone__dragOver_fhcxh","error":"dropzone__error_fhcxh","inner":"dropzone__inner_fhcxh","hidden":"dropzone__hidden_fhcxh"};
 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_1t8h9","visible":"dropzone__visible_1t8h9","text":"dropzone__text_1t8h9"};
+var styles = {"overlay":"dropzone__overlay_1y9ww","visible":"dropzone__visible_1y9ww","text":"dropzone__text_1y9ww"};
 require('./index.css');
 
 var Overlay = function (_a) {

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

@@ -28,7 +28,7 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_1t8h9 {
+} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_1y9ww {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -46,9 +46,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_1t8h9 {
+} .dropzone__visible_1y9ww {
     opacity: 1;
-} .dropzone__text_1t8h9 {
+} .dropzone__text_1y9ww {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -29,24 +29,24 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-12);
-} .dropzone__component_10f1d {
+} .dropzone__component_fhcxh {
     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-neutral-translucent-1300);
-} .dropzone__disabled_10f1d {
+} .dropzone__disabled_fhcxh {
     cursor: var(--disabled-cursor);
-} .dropzone__component_10f1d:not(.dropzone__disabled_10f1d):hover {
+} .dropzone__component_fhcxh:not(.dropzone__disabled_fhcxh):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_10f1d {
+} .dropzone__block_fhcxh {
     width: 100%;
-} .dropzone__dragOver_10f1d {
+} .dropzone__dragOver_fhcxh {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_10f1d {
+} .dropzone__error_fhcxh {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_10f1d {
+} .dropzone__inner_fhcxh {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_10f1d {
+} .dropzone__hidden_fhcxh {
     opacity: 0;
 }

package/dropzone/index.css

@@ -29,24 +29,24 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-12);
-} .dropzone__component_10f1d {
+} .dropzone__component_fhcxh {
     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-neutral-translucent-1300);
-} .dropzone__disabled_10f1d {
+} .dropzone__disabled_fhcxh {
     cursor: var(--disabled-cursor);
-} .dropzone__component_10f1d:not(.dropzone__disabled_10f1d):hover {
+} .dropzone__component_fhcxh:not(.dropzone__disabled_fhcxh):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_10f1d {
+} .dropzone__block_fhcxh {
     width: 100%;
-} .dropzone__dragOver_10f1d {
+} .dropzone__dragOver_fhcxh {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_10f1d {
+} .dropzone__error_fhcxh {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_10f1d {
+} .dropzone__inner_fhcxh {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_10f1d {
+} .dropzone__hidden_fhcxh {
     opacity: 0;
 }

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_10f1d","disabled":"dropzone__disabled_10f1d","block":"dropzone__block_10f1d","dragOver":"dropzone__dragOver_10f1d","error":"dropzone__error_10f1d","inner":"dropzone__inner_10f1d","hidden":"dropzone__hidden_10f1d"};
+const styles = {"component":"dropzone__component_fhcxh","disabled":"dropzone__disabled_fhcxh","block":"dropzone__block_fhcxh","dragOver":"dropzone__dragOver_fhcxh","error":"dropzone__error_fhcxh","inner":"dropzone__inner_fhcxh","hidden":"dropzone__hidden_fhcxh"};
 require('./index.css');
 
 const Dropzone = ({ className, contentClassName, 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_1t8h9","visible":"dropzone__visible_1t8h9","text":"dropzone__text_1t8h9"};
+const styles = {"overlay":"dropzone__overlay_1y9ww","visible":"dropzone__visible_1y9ww","text":"dropzone__text_1y9ww"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => (React.createElement("div", { className: cn(styles.overlay, {

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

@@ -28,7 +28,7 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_1t8h9 {
+} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_1y9ww {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -46,9 +46,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_1t8h9 {
+} .dropzone__visible_1y9ww {
     opacity: 1;
-} .dropzone__text_1t8h9 {
+} .dropzone__text_1y9ww {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -29,24 +29,24 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-12);
-} .dropzone__component_10f1d {
+} .dropzone__component_fhcxh {
     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-neutral-translucent-1300);
-} .dropzone__disabled_10f1d {
+} .dropzone__disabled_fhcxh {
     cursor: var(--disabled-cursor);
-} .dropzone__component_10f1d:not(.dropzone__disabled_10f1d):hover {
+} .dropzone__component_fhcxh:not(.dropzone__disabled_fhcxh):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_10f1d {
+} .dropzone__block_fhcxh {
     width: 100%;
-} .dropzone__dragOver_10f1d {
+} .dropzone__dragOver_fhcxh {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_10f1d {
+} .dropzone__error_fhcxh {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_10f1d {
+} .dropzone__inner_fhcxh {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_10f1d {
+} .dropzone__hidden_fhcxh {
     opacity: 0;
 }