@alfalab/core-components 48.12.0-beta.0 → 48.12.0

package/drawer/esm/index.css

@@ -29,97 +29,97 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1wvg4 {
+} .drawer__component_13icg {
     top: var(--gap-0);
     height: 100%;
     width: var(--drawer-width);
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__component_1wvg4.drawer__component_1wvg4 {
+} .drawer__component_13icg.drawer__component_13icg {
     position: fixed;
-} .drawer__customScrollbar_1wvg4 {
+} .drawer__customScrollbar_13icg {
     overflow: auto;
     cursor: auto;
-} .drawer__customScrollbar_1wvg4::-webkit-scrollbar {
+} .drawer__customScrollbar_13icg::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-track {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-track {
         background-color: transparent;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-track-piece {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb {
+    } .drawer__customScrollbar_13icg::-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_1wvg4::-webkit-scrollbar-thumb:vertical {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:vertical:hover {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:horizontal {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:horizontal:hover {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:active {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .drawer__customScrollbar_1wvg4::-webkit-resizer {
+    } .drawer__customScrollbar_13icg::-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_1wvg4::-webkit-scrollbar-button,
-    .drawer__customScrollbar_1wvg4::-webkit-scrollbar-corner {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-button,
+    .drawer__customScrollbar_13icg::-webkit-scrollbar-corner {
         display: none;
-    } .drawer__rightPlacement_1wvg4 {
+    } .drawer__rightPlacement_13icg {
     right: var(--gap-0);
     align-self: flex-end;
-} .drawer__leftPlacement_1wvg4 {
+} .drawer__leftPlacement_13icg {
     left: var(--gap-0);
     align-self: flex-start;
-} .drawer__content_1wvg4 {
+} .drawer__content_13icg {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} /* enter */ .drawer__enterRight_1wvg4 {
+} /* enter */ .drawer__enterRight_13icg {
     transform: translateX(100%);
-} .drawer__enterLeft_1wvg4 {
+} .drawer__enterLeft_13icg {
     transform: translateX(-100%);
-} .drawer__contentEnter_1wvg4 {
+} .drawer__contentEnter_13icg {
     opacity: 0;
-} .drawer__backdropEnter_1wvg4 {
+} .drawer__backdropEnter_13icg {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1wvg4 {
+} .drawer__enterActive_13icg {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1wvg4,
-.drawer__backdropEnterDone_1wvg4 {
+} .drawer__backdropEnterActive_13icg,
+.drawer__backdropEnterDone_13icg {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1wvg4 {
+} .drawer__contentEnterActive_13icg {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1wvg4 {
+} /* exit */ .drawer__exit_13icg {
     transform: translateX(0);
-} .drawer__backdropExit_1wvg4 {
+} .drawer__backdropExit_13icg {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1wvg4 {
+} .drawer__contentExit_13icg {
     opacity: 1;
-} .drawer__exitActiveRight_1wvg4 {
+} .drawer__exitActiveRight_13icg {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1wvg4 {
+} .drawer__exitActiveLeft_13icg {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1wvg4,
-.drawer__backdropExitDone_1wvg4 {
+} .drawer__backdropExitActive_13icg,
+.drawer__backdropExitDone_13icg {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1wvg4 {
+} .drawer__contentExitActive_13icg {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -29,97 +29,97 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1wvg4 {
+} .drawer__component_13icg {
     top: var(--gap-0);
     height: 100%;
     width: var(--drawer-width);
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__component_1wvg4.drawer__component_1wvg4 {
+} .drawer__component_13icg.drawer__component_13icg {
     position: fixed;
-} .drawer__customScrollbar_1wvg4 {
+} .drawer__customScrollbar_13icg {
     overflow: auto;
     cursor: auto;
-} .drawer__customScrollbar_1wvg4::-webkit-scrollbar {
+} .drawer__customScrollbar_13icg::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-track {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-track {
         background-color: transparent;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-track-piece {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb {
+    } .drawer__customScrollbar_13icg::-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_1wvg4::-webkit-scrollbar-thumb:vertical {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:vertical:hover {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:horizontal {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:horizontal:hover {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:active {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .drawer__customScrollbar_1wvg4::-webkit-resizer {
+    } .drawer__customScrollbar_13icg::-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_1wvg4::-webkit-scrollbar-button,
-    .drawer__customScrollbar_1wvg4::-webkit-scrollbar-corner {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-button,
+    .drawer__customScrollbar_13icg::-webkit-scrollbar-corner {
         display: none;
-    } .drawer__rightPlacement_1wvg4 {
+    } .drawer__rightPlacement_13icg {
     right: var(--gap-0);
     align-self: flex-end;
-} .drawer__leftPlacement_1wvg4 {
+} .drawer__leftPlacement_13icg {
     left: var(--gap-0);
     align-self: flex-start;
-} .drawer__content_1wvg4 {
+} .drawer__content_13icg {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} /* enter */ .drawer__enterRight_1wvg4 {
+} /* enter */ .drawer__enterRight_13icg {
     transform: translateX(100%);
-} .drawer__enterLeft_1wvg4 {
+} .drawer__enterLeft_13icg {
     transform: translateX(-100%);
-} .drawer__contentEnter_1wvg4 {
+} .drawer__contentEnter_13icg {
     opacity: 0;
-} .drawer__backdropEnter_1wvg4 {
+} .drawer__backdropEnter_13icg {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1wvg4 {
+} .drawer__enterActive_13icg {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1wvg4,
-.drawer__backdropEnterDone_1wvg4 {
+} .drawer__backdropEnterActive_13icg,
+.drawer__backdropEnterDone_13icg {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1wvg4 {
+} .drawer__contentEnterActive_13icg {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1wvg4 {
+} /* exit */ .drawer__exit_13icg {
     transform: translateX(0);
-} .drawer__backdropExit_1wvg4 {
+} .drawer__backdropExit_13icg {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1wvg4 {
+} .drawer__contentExit_13icg {
     opacity: 1;
-} .drawer__exitActiveRight_1wvg4 {
+} .drawer__exitActiveRight_13icg {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1wvg4 {
+} .drawer__exitActiveLeft_13icg {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1wvg4,
-.drawer__backdropExitDone_1wvg4 {
+} .drawer__backdropExitActive_13icg,
+.drawer__backdropExitDone_13icg {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1wvg4 {
+} .drawer__contentExitActive_13icg {
     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_1wvg4","customScrollbar":"drawer__customScrollbar_1wvg4","rightPlacement":"drawer__rightPlacement_1wvg4","leftPlacement":"drawer__leftPlacement_1wvg4","content":"drawer__content_1wvg4","enterRight":"drawer__enterRight_1wvg4","enterLeft":"drawer__enterLeft_1wvg4","contentEnter":"drawer__contentEnter_1wvg4","backdropEnter":"drawer__backdropEnter_1wvg4","enterActive":"drawer__enterActive_1wvg4","backdropEnterActive":"drawer__backdropEnterActive_1wvg4","backdropEnterDone":"drawer__backdropEnterDone_1wvg4","contentEnterActive":"drawer__contentEnterActive_1wvg4","exit":"drawer__exit_1wvg4","backdropExit":"drawer__backdropExit_1wvg4","contentExit":"drawer__contentExit_1wvg4","exitActiveRight":"drawer__exitActiveRight_1wvg4","exitActiveLeft":"drawer__exitActiveLeft_1wvg4","backdropExitActive":"drawer__backdropExitActive_1wvg4","backdropExitDone":"drawer__backdropExitDone_1wvg4","contentExitActive":"drawer__contentExitActive_1wvg4"};
+const styles = {"component":"drawer__component_13icg","customScrollbar":"drawer__customScrollbar_13icg","rightPlacement":"drawer__rightPlacement_13icg","leftPlacement":"drawer__leftPlacement_13icg","content":"drawer__content_13icg","enterRight":"drawer__enterRight_13icg","enterLeft":"drawer__enterLeft_13icg","contentEnter":"drawer__contentEnter_13icg","backdropEnter":"drawer__backdropEnter_13icg","enterActive":"drawer__enterActive_13icg","backdropEnterActive":"drawer__backdropEnterActive_13icg","backdropEnterDone":"drawer__backdropEnterDone_13icg","contentEnterActive":"drawer__contentEnterActive_13icg","exit":"drawer__exit_13icg","backdropExit":"drawer__backdropExit_13icg","contentExit":"drawer__contentExit_13icg","exitActiveRight":"drawer__exitActiveRight_13icg","exitActiveLeft":"drawer__exitActiveLeft_13icg","backdropExitActive":"drawer__backdropExitActive_13icg","backdropExitDone":"drawer__backdropExitDone_13icg","contentExitActive":"drawer__contentExitActive_13icg"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -29,97 +29,97 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1wvg4 {
+} .drawer__component_13icg {
     top: var(--gap-0);
     height: 100%;
     width: var(--drawer-width);
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__component_1wvg4.drawer__component_1wvg4 {
+} .drawer__component_13icg.drawer__component_13icg {
     position: fixed;
-} .drawer__customScrollbar_1wvg4 {
+} .drawer__customScrollbar_13icg {
     overflow: auto;
     cursor: auto;
-} .drawer__customScrollbar_1wvg4::-webkit-scrollbar {
+} .drawer__customScrollbar_13icg::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-track {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-track {
         background-color: transparent;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-track-piece {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb {
+    } .drawer__customScrollbar_13icg::-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_1wvg4::-webkit-scrollbar-thumb:vertical {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:vertical:hover {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:horizontal {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:horizontal:hover {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .drawer__customScrollbar_1wvg4::-webkit-scrollbar-thumb:active {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .drawer__customScrollbar_1wvg4::-webkit-resizer {
+    } .drawer__customScrollbar_13icg::-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_1wvg4::-webkit-scrollbar-button,
-    .drawer__customScrollbar_1wvg4::-webkit-scrollbar-corner {
+    } .drawer__customScrollbar_13icg::-webkit-scrollbar-button,
+    .drawer__customScrollbar_13icg::-webkit-scrollbar-corner {
         display: none;
-    } .drawer__rightPlacement_1wvg4 {
+    } .drawer__rightPlacement_13icg {
     right: var(--gap-0);
     align-self: flex-end;
-} .drawer__leftPlacement_1wvg4 {
+} .drawer__leftPlacement_13icg {
     left: var(--gap-0);
     align-self: flex-start;
-} .drawer__content_1wvg4 {
+} .drawer__content_13icg {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} /* enter */ .drawer__enterRight_1wvg4 {
+} /* enter */ .drawer__enterRight_13icg {
     transform: translateX(100%);
-} .drawer__enterLeft_1wvg4 {
+} .drawer__enterLeft_13icg {
     transform: translateX(-100%);
-} .drawer__contentEnter_1wvg4 {
+} .drawer__contentEnter_13icg {
     opacity: 0;
-} .drawer__backdropEnter_1wvg4 {
+} .drawer__backdropEnter_13icg {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1wvg4 {
+} .drawer__enterActive_13icg {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1wvg4,
-.drawer__backdropEnterDone_1wvg4 {
+} .drawer__backdropEnterActive_13icg,
+.drawer__backdropEnterDone_13icg {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1wvg4 {
+} .drawer__contentEnterActive_13icg {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1wvg4 {
+} /* exit */ .drawer__exit_13icg {
     transform: translateX(0);
-} .drawer__backdropExit_1wvg4 {
+} .drawer__backdropExit_13icg {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1wvg4 {
+} .drawer__contentExit_13icg {
     opacity: 1;
-} .drawer__exitActiveRight_1wvg4 {
+} .drawer__exitActiveRight_13icg {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1wvg4 {
+} .drawer__exitActiveLeft_13icg {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1wvg4,
-.drawer__backdropExitDone_1wvg4 {
+} .drawer__backdropExitActive_13icg,
+.drawer__backdropExitDone_13icg {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1wvg4 {
+} .drawer__contentExitActive_13icg {
     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_1dwwn","disabled":"dropzone__disabled_1dwwn","block":"dropzone__block_1dwwn","dragOver":"dropzone__dragOver_1dwwn","error":"dropzone__error_1dwwn","inner":"dropzone__inner_1dwwn","hidden":"dropzone__hidden_1dwwn"};
+var styles = {"component":"dropzone__component_w07p4","disabled":"dropzone__disabled_w07p4","block":"dropzone__block_w07p4","dragOver":"dropzone__dragOver_w07p4","error":"dropzone__error_w07p4","inner":"dropzone__inner_w07p4","hidden":"dropzone__hidden_w07p4"};
 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_17ns2","visible":"dropzone__visible_17ns2","text":"dropzone__text_17ns2"};
+var styles = {"overlay":"dropzone__overlay_vksi3","visible":"dropzone__visible_vksi3","text":"dropzone__text_vksi3"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -25,7 +25,7 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_17ns2 {
+} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_vksi3 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -43,9 +43,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_17ns2 {
+} .dropzone__visible_vksi3 {
     opacity: 1;
-} .dropzone__text_17ns2 {
+} .dropzone__text_vksi3 {
     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_1dwwn","disabled":"dropzone__disabled_1dwwn","block":"dropzone__block_1dwwn","dragOver":"dropzone__dragOver_1dwwn","error":"dropzone__error_1dwwn","inner":"dropzone__inner_1dwwn","hidden":"dropzone__hidden_1dwwn"};
+var styles = {"component":"dropzone__component_w07p4","disabled":"dropzone__disabled_w07p4","block":"dropzone__block_w07p4","dragOver":"dropzone__dragOver_w07p4","error":"dropzone__error_w07p4","inner":"dropzone__inner_w07p4","hidden":"dropzone__hidden_w07p4"};
 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_17ns2","visible":"dropzone__visible_17ns2","text":"dropzone__text_17ns2"};
+var styles = {"overlay":"dropzone__overlay_vksi3","visible":"dropzone__visible_vksi3","text":"dropzone__text_vksi3"};
 require('./index.css');
 
 var Overlay = function (_a) {

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

@@ -25,7 +25,7 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_17ns2 {
+} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_vksi3 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -43,9 +43,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_17ns2 {
+} .dropzone__visible_vksi3 {
     opacity: 1;
-} .dropzone__text_17ns2 {
+} .dropzone__text_vksi3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -26,24 +26,24 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-12);
-} .dropzone__component_1dwwn {
+} .dropzone__component_w07p4 {
     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_1dwwn {
+} .dropzone__disabled_w07p4 {
     cursor: var(--disabled-cursor);
-} .dropzone__component_1dwwn:not(.dropzone__disabled_1dwwn):hover {
+} .dropzone__component_w07p4:not(.dropzone__disabled_w07p4):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_1dwwn {
+} .dropzone__block_w07p4 {
     width: 100%;
-} .dropzone__dragOver_1dwwn {
+} .dropzone__dragOver_w07p4 {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_1dwwn {
+} .dropzone__error_w07p4 {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_1dwwn {
+} .dropzone__inner_w07p4 {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_1dwwn {
+} .dropzone__hidden_w07p4 {
     opacity: 0;
 }

package/dropzone/index.css

@@ -26,24 +26,24 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-12);
-} .dropzone__component_1dwwn {
+} .dropzone__component_w07p4 {
     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_1dwwn {
+} .dropzone__disabled_w07p4 {
     cursor: var(--disabled-cursor);
-} .dropzone__component_1dwwn:not(.dropzone__disabled_1dwwn):hover {
+} .dropzone__component_w07p4:not(.dropzone__disabled_w07p4):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_1dwwn {
+} .dropzone__block_w07p4 {
     width: 100%;
-} .dropzone__dragOver_1dwwn {
+} .dropzone__dragOver_w07p4 {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_1dwwn {
+} .dropzone__error_w07p4 {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_1dwwn {
+} .dropzone__inner_w07p4 {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_1dwwn {
+} .dropzone__hidden_w07p4 {
     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_1dwwn","disabled":"dropzone__disabled_1dwwn","block":"dropzone__block_1dwwn","dragOver":"dropzone__dragOver_1dwwn","error":"dropzone__error_1dwwn","inner":"dropzone__inner_1dwwn","hidden":"dropzone__hidden_1dwwn"};
+const styles = {"component":"dropzone__component_w07p4","disabled":"dropzone__disabled_w07p4","block":"dropzone__block_w07p4","dragOver":"dropzone__dragOver_w07p4","error":"dropzone__error_w07p4","inner":"dropzone__inner_w07p4","hidden":"dropzone__hidden_w07p4"};
 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_17ns2","visible":"dropzone__visible_17ns2","text":"dropzone__text_17ns2"};
+const styles = {"overlay":"dropzone__overlay_vksi3","visible":"dropzone__visible_vksi3","text":"dropzone__text_vksi3"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => (React.createElement("div", { className: cn(styles.overlay, {

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

@@ -25,7 +25,7 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_17ns2 {
+} /* сбрасывает синюю подсветку при нажатии */ .dropzone__overlay_vksi3 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -43,9 +43,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_17ns2 {
+} .dropzone__visible_vksi3 {
     opacity: 1;
-} .dropzone__text_17ns2 {
+} .dropzone__text_vksi3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -26,24 +26,24 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-12);
-} .dropzone__component_1dwwn {
+} .dropzone__component_w07p4 {
     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_1dwwn {
+} .dropzone__disabled_w07p4 {
     cursor: var(--disabled-cursor);
-} .dropzone__component_1dwwn:not(.dropzone__disabled_1dwwn):hover {
+} .dropzone__component_w07p4:not(.dropzone__disabled_w07p4):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_1dwwn {
+} .dropzone__block_w07p4 {
     width: 100%;
-} .dropzone__dragOver_1dwwn {
+} .dropzone__dragOver_w07p4 {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_1dwwn {
+} .dropzone__error_w07p4 {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_1dwwn {
+} .dropzone__inner_w07p4 {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_1dwwn {
+} .dropzone__hidden_w07p4 {
     opacity: 0;
 }