@alfalab/core-components 37.4.0 → 37.5.0

package/divider/esm/Component.js

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

package/divider/esm/index.css

@@ -1,19 +1,23 @@
 /* hash: st8ll */
 :root {
+} /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --divider-color: var(--color-light-border-primary);
-}
-.divider__component_1bs2b {
+} .divider__component_rp7cq {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/divider/index.css

@@ -1,19 +1,23 @@
 /* hash: st8ll */
 :root {
+} /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --divider-color: var(--color-light-border-primary);
-}
-.divider__component_1bs2b {
+} .divider__component_rp7cq {
     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';
 
-const styles = {"component":"divider__component_1bs2b"};
+const styles = {"component":"divider__component_rp7cq"};
 require('./index.css');
 
 const Divider = ({ className, dataTestId }) => (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));

package/divider/modern/index.css

@@ -1,19 +1,23 @@
 /* hash: st8ll */
 :root {
+} /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --divider-color: var(--color-light-border-primary);
-}
-.divider__component_1bs2b {
+} .divider__component_rp7cq {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/drawer/Component.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1ezay","rightPlacement":"drawer__rightPlacement_1ezay","leftPlacement":"drawer__leftPlacement_1ezay","content":"drawer__content_1ezay","simplebar":"drawer__simplebar_1ezay","enterRight":"drawer__enterRight_1ezay","enterLeft":"drawer__enterLeft_1ezay","contentEnter":"drawer__contentEnter_1ezay","backdropEnter":"drawer__backdropEnter_1ezay","enterActive":"drawer__enterActive_1ezay","backdropEnterActive":"drawer__backdropEnterActive_1ezay","backdropEnterDone":"drawer__backdropEnterDone_1ezay","contentEnterActive":"drawer__contentEnterActive_1ezay","exit":"drawer__exit_1ezay","backdropExit":"drawer__backdropExit_1ezay","contentExit":"drawer__contentExit_1ezay","exitActiveRight":"drawer__exitActiveRight_1ezay","exitActiveLeft":"drawer__exitActiveLeft_1ezay","backdropExitActive":"drawer__backdropExitActive_1ezay","backdropExitDone":"drawer__backdropExitDone_1ezay","contentExitActive":"drawer__contentExitActive_1ezay"};
+var styles = {"component":"drawer__component_1tn4c","rightPlacement":"drawer__rightPlacement_1tn4c","leftPlacement":"drawer__leftPlacement_1tn4c","content":"drawer__content_1tn4c","simplebar":"drawer__simplebar_1tn4c","enterRight":"drawer__enterRight_1tn4c","enterLeft":"drawer__enterLeft_1tn4c","contentEnter":"drawer__contentEnter_1tn4c","backdropEnter":"drawer__backdropEnter_1tn4c","enterActive":"drawer__enterActive_1tn4c","backdropEnterActive":"drawer__backdropEnterActive_1tn4c","backdropEnterDone":"drawer__backdropEnterDone_1tn4c","contentEnterActive":"drawer__contentEnterActive_1tn4c","exit":"drawer__exit_1tn4c","backdropExit":"drawer__backdropExit_1tn4c","contentExit":"drawer__contentExit_1tn4c","exitActiveRight":"drawer__exitActiveRight_1tn4c","exitActiveLeft":"drawer__exitActiveLeft_1tn4c","backdropExitActive":"drawer__backdropExitActive_1tn4c","backdropExitDone":"drawer__backdropExitDone_1tn4c","contentExitActive":"drawer__contentExitActive_1tn4c"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/cssm/index.module.css

@@ -1,22 +1,25 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --backdrop-visible-background: var(--color-light-bg-overlay);
     --backdrop-hidden-background: transparent;
-}
-:root {
+} :root {
     --drawer-width: 500px;
-}
-.component {
+} .component {
     position: fixed;
     top: 0;
     height: 100%;
@@ -24,74 +27,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-}
-.rightPlacement {
+} .rightPlacement {
     right: 0;
     align-self: flex-end;
-}
-.leftPlacement {
+} .leftPlacement {
     left: 0;
     align-self: flex-start;
-}
-.content {
+} .content {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-}
-.simplebar {
+} .simplebar {
     height: 100vh;
-}
-/* enter */
-.enterRight {
+} /* enter */ .enterRight {
     transform: translateX(100%);
-}
-.enterLeft {
+} .enterLeft {
     transform: translateX(-100%);
-}
-.contentEnter {
+} .contentEnter {
     opacity: 0;
-}
-.backdropEnter {
+} .backdropEnter {
     background-color: var(--backdrop-hidden-background);
-}
-.enterActive {
+} .enterActive {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-}
-.backdropEnterActive,
+} .backdropEnterActive,
 .backdropEnterDone {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-}
-.contentEnterActive {
+} .contentEnterActive {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-}
-/* exit */
-.exit {
+} /* exit */ .exit {
     transform: translateX(0);
-}
-.backdropExit {
+} .backdropExit {
     background-color: var(--backdrop-visible-background);
-}
-.contentExit {
+} .contentExit {
     opacity: 1;
-}
-.exitActiveRight {
+} .exitActiveRight {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-}
-.exitActiveLeft {
+} .exitActiveLeft {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-}
-.backdropExitActive,
+} .backdropExitActive,
 .backdropExitDone {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-}
-.contentExitActive {
+} .contentExitActive {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1ezay","rightPlacement":"drawer__rightPlacement_1ezay","leftPlacement":"drawer__leftPlacement_1ezay","content":"drawer__content_1ezay","simplebar":"drawer__simplebar_1ezay","enterRight":"drawer__enterRight_1ezay","enterLeft":"drawer__enterLeft_1ezay","contentEnter":"drawer__contentEnter_1ezay","backdropEnter":"drawer__backdropEnter_1ezay","enterActive":"drawer__enterActive_1ezay","backdropEnterActive":"drawer__backdropEnterActive_1ezay","backdropEnterDone":"drawer__backdropEnterDone_1ezay","contentEnterActive":"drawer__contentEnterActive_1ezay","exit":"drawer__exit_1ezay","backdropExit":"drawer__backdropExit_1ezay","contentExit":"drawer__contentExit_1ezay","exitActiveRight":"drawer__exitActiveRight_1ezay","exitActiveLeft":"drawer__exitActiveLeft_1ezay","backdropExitActive":"drawer__backdropExitActive_1ezay","backdropExitDone":"drawer__backdropExitDone_1ezay","contentExitActive":"drawer__contentExitActive_1ezay"};
+var styles = {"component":"drawer__component_1tn4c","rightPlacement":"drawer__rightPlacement_1tn4c","leftPlacement":"drawer__leftPlacement_1tn4c","content":"drawer__content_1tn4c","simplebar":"drawer__simplebar_1tn4c","enterRight":"drawer__enterRight_1tn4c","enterLeft":"drawer__enterLeft_1tn4c","contentEnter":"drawer__contentEnter_1tn4c","backdropEnter":"drawer__backdropEnter_1tn4c","enterActive":"drawer__enterActive_1tn4c","backdropEnterActive":"drawer__backdropEnterActive_1tn4c","backdropEnterDone":"drawer__backdropEnterDone_1tn4c","contentEnterActive":"drawer__contentEnterActive_1tn4c","exit":"drawer__exit_1tn4c","backdropExit":"drawer__backdropExit_1tn4c","contentExit":"drawer__contentExit_1tn4c","exitActiveRight":"drawer__exitActiveRight_1tn4c","exitActiveLeft":"drawer__exitActiveLeft_1tn4c","backdropExitActive":"drawer__backdropExitActive_1tn4c","backdropExitDone":"drawer__backdropExitDone_1tn4c","contentExitActive":"drawer__contentExitActive_1tn4c"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -1,23 +1,26 @@
 /* hash: 1esc9 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --backdrop-visible-background: var(--color-light-bg-overlay);
     --backdrop-hidden-background: transparent;
-}
-:root {
+} :root {
     --drawer-width: 500px;
-}
-.drawer__component_1ezay {
+} .drawer__component_1tn4c {
     position: fixed;
     top: 0;
     height: 100%;
@@ -25,74 +28,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-}
-.drawer__rightPlacement_1ezay {
+} .drawer__rightPlacement_1tn4c {
     right: 0;
     align-self: flex-end;
-}
-.drawer__leftPlacement_1ezay {
+} .drawer__leftPlacement_1tn4c {
     left: 0;
     align-self: flex-start;
-}
-.drawer__content_1ezay {
+} .drawer__content_1tn4c {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-}
-.drawer__simplebar_1ezay {
+} .drawer__simplebar_1tn4c {
     height: 100vh;
-}
-/* enter */
-.drawer__enterRight_1ezay {
+} /* enter */ .drawer__enterRight_1tn4c {
     transform: translateX(100%);
-}
-.drawer__enterLeft_1ezay {
+} .drawer__enterLeft_1tn4c {
     transform: translateX(-100%);
-}
-.drawer__contentEnter_1ezay {
+} .drawer__contentEnter_1tn4c {
     opacity: 0;
-}
-.drawer__backdropEnter_1ezay {
+} .drawer__backdropEnter_1tn4c {
     background-color: var(--backdrop-hidden-background);
-}
-.drawer__enterActive_1ezay {
+} .drawer__enterActive_1tn4c {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-}
-.drawer__backdropEnterActive_1ezay,
-.drawer__backdropEnterDone_1ezay {
+} .drawer__backdropEnterActive_1tn4c,
+.drawer__backdropEnterDone_1tn4c {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-}
-.drawer__contentEnterActive_1ezay {
+} .drawer__contentEnterActive_1tn4c {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-}
-/* exit */
-.drawer__exit_1ezay {
+} /* exit */ .drawer__exit_1tn4c {
     transform: translateX(0);
-}
-.drawer__backdropExit_1ezay {
+} .drawer__backdropExit_1tn4c {
     background-color: var(--backdrop-visible-background);
-}
-.drawer__contentExit_1ezay {
+} .drawer__contentExit_1tn4c {
     opacity: 1;
-}
-.drawer__exitActiveRight_1ezay {
+} .drawer__exitActiveRight_1tn4c {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-}
-.drawer__exitActiveLeft_1ezay {
+} .drawer__exitActiveLeft_1tn4c {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-}
-.drawer__backdropExitActive_1ezay,
-.drawer__backdropExitDone_1ezay {
+} .drawer__backdropExitActive_1tn4c,
+.drawer__backdropExitDone_1tn4c {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-}
-.drawer__contentExitActive_1ezay {
+} .drawer__contentExitActive_1tn4c {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -1,23 +1,26 @@
 /* hash: 1esc9 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --backdrop-visible-background: var(--color-light-bg-overlay);
     --backdrop-hidden-background: transparent;
-}
-:root {
+} :root {
     --drawer-width: 500px;
-}
-.drawer__component_1ezay {
+} .drawer__component_1tn4c {
     position: fixed;
     top: 0;
     height: 100%;
@@ -25,74 +28,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-}
-.drawer__rightPlacement_1ezay {
+} .drawer__rightPlacement_1tn4c {
     right: 0;
     align-self: flex-end;
-}
-.drawer__leftPlacement_1ezay {
+} .drawer__leftPlacement_1tn4c {
     left: 0;
     align-self: flex-start;
-}
-.drawer__content_1ezay {
+} .drawer__content_1tn4c {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-}
-.drawer__simplebar_1ezay {
+} .drawer__simplebar_1tn4c {
     height: 100vh;
-}
-/* enter */
-.drawer__enterRight_1ezay {
+} /* enter */ .drawer__enterRight_1tn4c {
     transform: translateX(100%);
-}
-.drawer__enterLeft_1ezay {
+} .drawer__enterLeft_1tn4c {
     transform: translateX(-100%);
-}
-.drawer__contentEnter_1ezay {
+} .drawer__contentEnter_1tn4c {
     opacity: 0;
-}
-.drawer__backdropEnter_1ezay {
+} .drawer__backdropEnter_1tn4c {
     background-color: var(--backdrop-hidden-background);
-}
-.drawer__enterActive_1ezay {
+} .drawer__enterActive_1tn4c {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-}
-.drawer__backdropEnterActive_1ezay,
-.drawer__backdropEnterDone_1ezay {
+} .drawer__backdropEnterActive_1tn4c,
+.drawer__backdropEnterDone_1tn4c {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-}
-.drawer__contentEnterActive_1ezay {
+} .drawer__contentEnterActive_1tn4c {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-}
-/* exit */
-.drawer__exit_1ezay {
+} /* exit */ .drawer__exit_1tn4c {
     transform: translateX(0);
-}
-.drawer__backdropExit_1ezay {
+} .drawer__backdropExit_1tn4c {
     background-color: var(--backdrop-visible-background);
-}
-.drawer__contentExit_1ezay {
+} .drawer__contentExit_1tn4c {
     opacity: 1;
-}
-.drawer__exitActiveRight_1ezay {
+} .drawer__exitActiveRight_1tn4c {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-}
-.drawer__exitActiveLeft_1ezay {
+} .drawer__exitActiveLeft_1tn4c {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-}
-.drawer__backdropExitActive_1ezay,
-.drawer__backdropExitDone_1ezay {
+} .drawer__backdropExitActive_1tn4c,
+.drawer__backdropExitDone_1tn4c {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-}
-.drawer__contentExitActive_1ezay {
+} .drawer__contentExitActive_1tn4c {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { BaseModal, BaseModalContext } from '../../base-modal/modern';
 import { Scrollbar } from '../../scrollbar/modern';
 
-const styles = {"component":"drawer__component_1ezay","rightPlacement":"drawer__rightPlacement_1ezay","leftPlacement":"drawer__leftPlacement_1ezay","content":"drawer__content_1ezay","simplebar":"drawer__simplebar_1ezay","enterRight":"drawer__enterRight_1ezay","enterLeft":"drawer__enterLeft_1ezay","contentEnter":"drawer__contentEnter_1ezay","backdropEnter":"drawer__backdropEnter_1ezay","enterActive":"drawer__enterActive_1ezay","backdropEnterActive":"drawer__backdropEnterActive_1ezay","backdropEnterDone":"drawer__backdropEnterDone_1ezay","contentEnterActive":"drawer__contentEnterActive_1ezay","exit":"drawer__exit_1ezay","backdropExit":"drawer__backdropExit_1ezay","contentExit":"drawer__contentExit_1ezay","exitActiveRight":"drawer__exitActiveRight_1ezay","exitActiveLeft":"drawer__exitActiveLeft_1ezay","backdropExitActive":"drawer__backdropExitActive_1ezay","backdropExitDone":"drawer__backdropExitDone_1ezay","contentExitActive":"drawer__contentExitActive_1ezay"};
+const styles = {"component":"drawer__component_1tn4c","rightPlacement":"drawer__rightPlacement_1tn4c","leftPlacement":"drawer__leftPlacement_1tn4c","content":"drawer__content_1tn4c","simplebar":"drawer__simplebar_1tn4c","enterRight":"drawer__enterRight_1tn4c","enterLeft":"drawer__enterLeft_1tn4c","contentEnter":"drawer__contentEnter_1tn4c","backdropEnter":"drawer__backdropEnter_1tn4c","enterActive":"drawer__enterActive_1tn4c","backdropEnterActive":"drawer__backdropEnterActive_1tn4c","backdropEnterDone":"drawer__backdropEnterDone_1tn4c","contentEnterActive":"drawer__contentEnterActive_1tn4c","exit":"drawer__exit_1tn4c","backdropExit":"drawer__backdropExit_1tn4c","contentExit":"drawer__contentExit_1tn4c","exitActiveRight":"drawer__exitActiveRight_1tn4c","exitActiveLeft":"drawer__exitActiveLeft_1tn4c","backdropExitActive":"drawer__backdropExitActive_1tn4c","backdropExitDone":"drawer__backdropExitDone_1tn4c","contentExitActive":"drawer__contentExitActive_1tn4c"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -1,23 +1,26 @@
 /* hash: 1esc9 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --backdrop-visible-background: var(--color-light-bg-overlay);
     --backdrop-hidden-background: transparent;
-}
-:root {
+} :root {
     --drawer-width: 500px;
-}
-.drawer__component_1ezay {
+} .drawer__component_1tn4c {
     position: fixed;
     top: 0;
     height: 100%;
@@ -25,74 +28,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-}
-.drawer__rightPlacement_1ezay {
+} .drawer__rightPlacement_1tn4c {
     right: 0;
     align-self: flex-end;
-}
-.drawer__leftPlacement_1ezay {
+} .drawer__leftPlacement_1tn4c {
     left: 0;
     align-self: flex-start;
-}
-.drawer__content_1ezay {
+} .drawer__content_1tn4c {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-}
-.drawer__simplebar_1ezay {
+} .drawer__simplebar_1tn4c {
     height: 100vh;
-}
-/* enter */
-.drawer__enterRight_1ezay {
+} /* enter */ .drawer__enterRight_1tn4c {
     transform: translateX(100%);
-}
-.drawer__enterLeft_1ezay {
+} .drawer__enterLeft_1tn4c {
     transform: translateX(-100%);
-}
-.drawer__contentEnter_1ezay {
+} .drawer__contentEnter_1tn4c {
     opacity: 0;
-}
-.drawer__backdropEnter_1ezay {
+} .drawer__backdropEnter_1tn4c {
     background-color: var(--backdrop-hidden-background);
-}
-.drawer__enterActive_1ezay {
+} .drawer__enterActive_1tn4c {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-}
-.drawer__backdropEnterActive_1ezay,
-.drawer__backdropEnterDone_1ezay {
+} .drawer__backdropEnterActive_1tn4c,
+.drawer__backdropEnterDone_1tn4c {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-}
-.drawer__contentEnterActive_1ezay {
+} .drawer__contentEnterActive_1tn4c {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-}
-/* exit */
-.drawer__exit_1ezay {
+} /* exit */ .drawer__exit_1tn4c {
     transform: translateX(0);
-}
-.drawer__backdropExit_1ezay {
+} .drawer__backdropExit_1tn4c {
     background-color: var(--backdrop-visible-background);
-}
-.drawer__contentExit_1ezay {
+} .drawer__contentExit_1tn4c {
     opacity: 1;
-}
-.drawer__exitActiveRight_1ezay {
+} .drawer__exitActiveRight_1tn4c {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-}
-.drawer__exitActiveLeft_1ezay {
+} .drawer__exitActiveLeft_1tn4c {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-}
-.drawer__backdropExitActive_1ezay,
-.drawer__backdropExitDone_1ezay {
+} .drawer__backdropExitActive_1tn4c,
+.drawer__backdropExitDone_1tn4c {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-}
-.drawer__contentExitActive_1ezay {
+} .drawer__contentExitActive_1tn4c {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/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 = {"component":"dropzone__component_kn1mc","disabled":"dropzone__disabled_kn1mc","block":"dropzone__block_kn1mc","dragOver":"dropzone__dragOver_kn1mc","error":"dropzone__error_kn1mc"};
+var styles = {"component":"dropzone__component_1mgu9","disabled":"dropzone__disabled_1mgu9","block":"dropzone__block_1mgu9","dragOver":"dropzone__dragOver_1mgu9","error":"dropzone__error_1mgu9"};
 require('./index.css');
 
 var Dropzone = function (_a) {