@alfalab/core-components 27.10.0 → 27.13.0

package/custom-button/esm/Component.js

@@ -41,7 +41,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"customButton":"custom-button__customButton_1edc0","white":"custom-button__white_1edc0","black":"custom-button__black_1edc0","customLoading":"custom-button__customLoading_1edc0"};
+var styles = {"customButton":"custom-button__customButton_a2ve5","white":"custom-button__white_a2ve5","black":"custom-button__black_a2ve5","customLoading":"custom-button__customLoading_a2ve5"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 19rug */
+/* hash: 1hipi */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,21 +722,21 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.custom-button__customButton_1edc0 {
+.custom-button__customButton_a2ve5 {
     overflow: hidden;
     position: relative
 }
-.custom-button__customButton_1edc0.custom-button__white_1edc0 * {
+.custom-button__customButton_a2ve5.custom-button__white_a2ve5 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1edc0.custom-button__black_1edc0 * {
+.custom-button__customButton_a2ve5.custom-button__black_a2ve5 * {
         color: var(--color-static-text-primary-dark);
     }
-.custom-button__customButton_1edc0 span {
+.custom-button__customButton_a2ve5 span {
         position: relative;
         z-index: 3;
     }
-.custom-button__customButton_1edc0:before {
+.custom-button__customButton_a2ve5:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -748,22 +748,22 @@
         opacity: 1;
         pointer-events: none;
     }
-.custom-button__customButton_1edc0:hover:before {
+.custom-button__customButton_a2ve5:hover:before {
         background-color: rgba(0, 0, 0, 0.07);
     }
-.custom-button__customButton_1edc0:active:before {
+.custom-button__customButton_a2ve5:active:before {
         background-color: rgba(0, 0, 0, 0.15);
     }
 /* Disabled */
-.custom-button__customButton_1edc0:disabled {
+.custom-button__customButton_a2ve5:disabled {
     opacity: 0.3
 }
-.custom-button__customButton_1edc0:disabled.custom-button__customLoading_1edc0 {
+.custom-button__customButton_a2ve5:disabled.custom-button__customLoading_a2ve5 {
         opacity: 1;
     }
-.custom-button__customButton_1edc0:disabled.custom-button__white_1edc0 * {
+.custom-button__customButton_a2ve5:disabled.custom-button__white_a2ve5 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1edc0:disabled.custom-button__black_1edc0 * {
+.custom-button__customButton_a2ve5:disabled.custom-button__black_a2ve5 * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 19rug */
+/* hash: 1hipi */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,21 +722,21 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.custom-button__customButton_1edc0 {
+.custom-button__customButton_a2ve5 {
     overflow: hidden;
     position: relative
 }
-.custom-button__customButton_1edc0.custom-button__white_1edc0 * {
+.custom-button__customButton_a2ve5.custom-button__white_a2ve5 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1edc0.custom-button__black_1edc0 * {
+.custom-button__customButton_a2ve5.custom-button__black_a2ve5 * {
         color: var(--color-static-text-primary-dark);
     }
-.custom-button__customButton_1edc0 span {
+.custom-button__customButton_a2ve5 span {
         position: relative;
         z-index: 3;
     }
-.custom-button__customButton_1edc0:before {
+.custom-button__customButton_a2ve5:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -748,22 +748,22 @@
         opacity: 1;
         pointer-events: none;
     }
-.custom-button__customButton_1edc0:hover:before {
+.custom-button__customButton_a2ve5:hover:before {
         background-color: rgba(0, 0, 0, 0.07);
     }
-.custom-button__customButton_1edc0:active:before {
+.custom-button__customButton_a2ve5:active:before {
         background-color: rgba(0, 0, 0, 0.15);
     }
 /* Disabled */
-.custom-button__customButton_1edc0:disabled {
+.custom-button__customButton_a2ve5:disabled {
     opacity: 0.3
 }
-.custom-button__customButton_1edc0:disabled.custom-button__customLoading_1edc0 {
+.custom-button__customButton_a2ve5:disabled.custom-button__customLoading_a2ve5 {
         opacity: 1;
     }
-.custom-button__customButton_1edc0:disabled.custom-button__white_1edc0 * {
+.custom-button__customButton_a2ve5:disabled.custom-button__white_a2ve5 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1edc0:disabled.custom-button__black_1edc0 * {
+.custom-button__customButton_a2ve5:disabled.custom-button__black_a2ve5 * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 
-var styles = {"customButton":"custom-button__customButton_1edc0","white":"custom-button__white_1edc0","black":"custom-button__black_1edc0","customLoading":"custom-button__customLoading_1edc0"};
+var styles = {"customButton":"custom-button__customButton_a2ve5","white":"custom-button__white_a2ve5","black":"custom-button__black_a2ve5","customLoading":"custom-button__customLoading_a2ve5"};
 require('./index.css');
 
 const DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 19rug */
+/* hash: 1hipi */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,21 +722,21 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.custom-button__customButton_1edc0 {
+.custom-button__customButton_a2ve5 {
     overflow: hidden;
     position: relative
 }
-.custom-button__customButton_1edc0.custom-button__white_1edc0 * {
+.custom-button__customButton_a2ve5.custom-button__white_a2ve5 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1edc0.custom-button__black_1edc0 * {
+.custom-button__customButton_a2ve5.custom-button__black_a2ve5 * {
         color: var(--color-static-text-primary-dark);
     }
-.custom-button__customButton_1edc0 span {
+.custom-button__customButton_a2ve5 span {
         position: relative;
         z-index: 3;
     }
-.custom-button__customButton_1edc0:before {
+.custom-button__customButton_a2ve5:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -748,22 +748,22 @@
         opacity: 1;
         pointer-events: none;
     }
-.custom-button__customButton_1edc0:hover:before {
+.custom-button__customButton_a2ve5:hover:before {
         background-color: rgba(0, 0, 0, 0.07);
     }
-.custom-button__customButton_1edc0:active:before {
+.custom-button__customButton_a2ve5:active:before {
         background-color: rgba(0, 0, 0, 0.15);
     }
 /* Disabled */
-.custom-button__customButton_1edc0:disabled {
+.custom-button__customButton_a2ve5:disabled {
     opacity: 0.3
 }
-.custom-button__customButton_1edc0:disabled.custom-button__customLoading_1edc0 {
+.custom-button__customButton_a2ve5:disabled.custom-button__customLoading_a2ve5 {
         opacity: 1;
     }
-.custom-button__customButton_1edc0:disabled.custom-button__white_1edc0 * {
+.custom-button__customButton_a2ve5:disabled.custom-button__white_a2ve5 * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_1edc0:disabled.custom-button__black_1edc0 * {
+.custom-button__customButton_a2ve5:disabled.custom-button__black_a2ve5 * {
         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_aj9op"};
+var styles = {"nativeInput":"date-input__nativeInput_dmxw8"};
 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_aj9op"};
+var styles = {"nativeInput":"date-input__nativeInput_dmxw8"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1b4he */
+/* hash: 1tpn7 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.date-input__nativeInput_aj9op {
+.date-input__nativeInput_dmxw8 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -733,9 +733,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_aj9op::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_dmxw8::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_aj9op::-webkit-inner-spin-button {
+.date-input__nativeInput_dmxw8::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1b4he */
+/* hash: 1tpn7 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.date-input__nativeInput_aj9op {
+.date-input__nativeInput_dmxw8 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -733,9 +733,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_aj9op::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_dmxw8::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_aj9op::-webkit-inner-spin-button {
+.date-input__nativeInput_dmxw8::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

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

package/date-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1b4he */
+/* hash: 1tpn7 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.date-input__nativeInput_aj9op {
+.date-input__nativeInput_dmxw8 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -733,9 +733,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_aj9op::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_dmxw8::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_aj9op::-webkit-inner-spin-button {
+.date-input__nativeInput_dmxw8::-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_1j30c"};
+var styles = {"component":"divider__component_13v0i"};
 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_1j30c"};
+var styles = {"component":"divider__component_13v0i"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: v4cks */
+/* hash: 1nojz */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -725,7 +725,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_1j30c {
+.divider__component_13v0i {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/divider/index.css

@@ -1,4 +1,4 @@
-/* hash: v4cks */
+/* hash: 1nojz */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -725,7 +725,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_1j30c {
+.divider__component_13v0i {
     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_1j30c"};
+var styles = {"component":"divider__component_13v0i"};
 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,4 +1,4 @@
-/* hash: v4cks */
+/* hash: 1nojz */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -725,7 +725,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_1j30c {
+.divider__component_13v0i {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/drawer/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1ce1z","content":"drawer__content_1ce1z","enter":"drawer__enter_1ce1z","contentEnter":"drawer__contentEnter_1ce1z","backdropEnter":"drawer__backdropEnter_1ce1z","enterActive":"drawer__enterActive_1ce1z","backdropEnterActive":"drawer__backdropEnterActive_1ce1z","backdropEnterDone":"drawer__backdropEnterDone_1ce1z","contentEnterActive":"drawer__contentEnterActive_1ce1z","exit":"drawer__exit_1ce1z","backdropExit":"drawer__backdropExit_1ce1z","contentExit":"drawer__contentExit_1ce1z","exitActive":"drawer__exitActive_1ce1z","backdropExitActive":"drawer__backdropExitActive_1ce1z","backdropExitDone":"drawer__backdropExitDone_1ce1z","contentExitActive":"drawer__contentExitActive_1ce1z"};
+var styles = {"component":"drawer__component_7uz80","content":"drawer__content_7uz80","enter":"drawer__enter_7uz80","contentEnter":"drawer__contentEnter_7uz80","backdropEnter":"drawer__backdropEnter_7uz80","enterActive":"drawer__enterActive_7uz80","backdropEnterActive":"drawer__backdropEnterActive_7uz80","backdropEnterDone":"drawer__backdropEnterDone_7uz80","contentEnterActive":"drawer__contentEnterActive_7uz80","exit":"drawer__exit_7uz80","backdropExit":"drawer__backdropExit_7uz80","contentExit":"drawer__contentExit_7uz80","exitActive":"drawer__exitActive_7uz80","backdropExitActive":"drawer__backdropExitActive_7uz80","backdropExitDone":"drawer__backdropExitDone_7uz80","contentExitActive":"drawer__contentExitActive_7uz80"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1ce1z","content":"drawer__content_1ce1z","enter":"drawer__enter_1ce1z","contentEnter":"drawer__contentEnter_1ce1z","backdropEnter":"drawer__backdropEnter_1ce1z","enterActive":"drawer__enterActive_1ce1z","backdropEnterActive":"drawer__backdropEnterActive_1ce1z","backdropEnterDone":"drawer__backdropEnterDone_1ce1z","contentEnterActive":"drawer__contentEnterActive_1ce1z","exit":"drawer__exit_1ce1z","backdropExit":"drawer__backdropExit_1ce1z","contentExit":"drawer__contentExit_1ce1z","exitActive":"drawer__exitActive_1ce1z","backdropExitActive":"drawer__backdropExitActive_1ce1z","backdropExitDone":"drawer__backdropExitDone_1ce1z","contentExitActive":"drawer__contentExitActive_1ce1z"};
+var styles = {"component":"drawer__component_7uz80","content":"drawer__content_7uz80","enter":"drawer__enter_7uz80","contentEnter":"drawer__contentEnter_7uz80","backdropEnter":"drawer__backdropEnter_7uz80","enterActive":"drawer__enterActive_7uz80","backdropEnterActive":"drawer__backdropEnterActive_7uz80","backdropEnterDone":"drawer__backdropEnterDone_7uz80","contentEnterActive":"drawer__contentEnterActive_7uz80","exit":"drawer__exit_7uz80","backdropExit":"drawer__backdropExit_7uz80","contentExit":"drawer__contentExit_7uz80","exitActive":"drawer__exitActive_7uz80","backdropExitActive":"drawer__backdropExitActive_7uz80","backdropExitDone":"drawer__backdropExitDone_7uz80","contentExitActive":"drawer__contentExitActive_7uz80"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1etyt */
+/* hash: 6uy86 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -729,7 +729,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1ce1z {
+.drawer__component_7uz80 {
     position: fixed;
     top: 0;
     right: 0;
@@ -740,55 +740,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1ce1z {
+.drawer__content_7uz80 {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1ce1z {
+.drawer__enter_7uz80 {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1ce1z {
+.drawer__contentEnter_7uz80 {
     opacity: 0;
 }
-.drawer__backdropEnter_1ce1z {
+.drawer__backdropEnter_7uz80 {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1ce1z {
+.drawer__enterActive_7uz80 {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1ce1z,
-.drawer__backdropEnterDone_1ce1z {
+.drawer__backdropEnterActive_7uz80,
+.drawer__backdropEnterDone_7uz80 {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1ce1z {
+.drawer__contentEnterActive_7uz80 {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1ce1z {
+.drawer__exit_7uz80 {
     transform: translateX(0);
 }
-.drawer__backdropExit_1ce1z {
+.drawer__backdropExit_7uz80 {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1ce1z {
+.drawer__contentExit_7uz80 {
     opacity: 1;
 }
-.drawer__exitActive_1ce1z {
+.drawer__exitActive_7uz80 {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1ce1z,
-.drawer__backdropExitDone_1ce1z {
+.drawer__backdropExitActive_7uz80,
+.drawer__backdropExitDone_7uz80 {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1ce1z {
+.drawer__contentExitActive_7uz80 {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1etyt */
+/* hash: 6uy86 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -729,7 +729,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1ce1z {
+.drawer__component_7uz80 {
     position: fixed;
     top: 0;
     right: 0;
@@ -740,55 +740,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1ce1z {
+.drawer__content_7uz80 {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1ce1z {
+.drawer__enter_7uz80 {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1ce1z {
+.drawer__contentEnter_7uz80 {
     opacity: 0;
 }
-.drawer__backdropEnter_1ce1z {
+.drawer__backdropEnter_7uz80 {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1ce1z {
+.drawer__enterActive_7uz80 {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1ce1z,
-.drawer__backdropEnterDone_1ce1z {
+.drawer__backdropEnterActive_7uz80,
+.drawer__backdropEnterDone_7uz80 {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1ce1z {
+.drawer__contentEnterActive_7uz80 {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1ce1z {
+.drawer__exit_7uz80 {
     transform: translateX(0);
 }
-.drawer__backdropExit_1ce1z {
+.drawer__backdropExit_7uz80 {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1ce1z {
+.drawer__contentExit_7uz80 {
     opacity: 1;
 }
-.drawer__exitActive_1ce1z {
+.drawer__exitActive_7uz80 {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1ce1z,
-.drawer__backdropExitDone_1ce1z {
+.drawer__backdropExitActive_7uz80,
+.drawer__backdropExitDone_7uz80 {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1ce1z {
+.drawer__contentExitActive_7uz80 {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/modern/Component.js

@@ -3,7 +3,7 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { BaseModalContext, BaseModal } from '../../base-modal/modern';
 
-var styles = {"component":"drawer__component_1ce1z","content":"drawer__content_1ce1z","enter":"drawer__enter_1ce1z","contentEnter":"drawer__contentEnter_1ce1z","backdropEnter":"drawer__backdropEnter_1ce1z","enterActive":"drawer__enterActive_1ce1z","backdropEnterActive":"drawer__backdropEnterActive_1ce1z","backdropEnterDone":"drawer__backdropEnterDone_1ce1z","contentEnterActive":"drawer__contentEnterActive_1ce1z","exit":"drawer__exit_1ce1z","backdropExit":"drawer__backdropExit_1ce1z","contentExit":"drawer__contentExit_1ce1z","exitActive":"drawer__exitActive_1ce1z","backdropExitActive":"drawer__backdropExitActive_1ce1z","backdropExitDone":"drawer__backdropExitDone_1ce1z","contentExitActive":"drawer__contentExitActive_1ce1z"};
+var styles = {"component":"drawer__component_7uz80","content":"drawer__content_7uz80","enter":"drawer__enter_7uz80","contentEnter":"drawer__contentEnter_7uz80","backdropEnter":"drawer__backdropEnter_7uz80","enterActive":"drawer__enterActive_7uz80","backdropEnterActive":"drawer__backdropEnterActive_7uz80","backdropEnterDone":"drawer__backdropEnterDone_7uz80","contentEnterActive":"drawer__contentEnterActive_7uz80","exit":"drawer__exit_7uz80","backdropExit":"drawer__backdropExit_7uz80","contentExit":"drawer__contentExit_7uz80","exitActive":"drawer__exitActive_7uz80","backdropExitActive":"drawer__backdropExitActive_7uz80","backdropExitDone":"drawer__backdropExitDone_7uz80","contentExitActive":"drawer__contentExitActive_7uz80"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;