@alfalab/core-components 25.4.1 → 25.6.0

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,4 +4,4 @@ import '../../../utils.js';
 import '../../../context.js';
 import '../../../../../loader/modern';
 import '../../../../../button/modern';
-export { C as CountdownSection } from '../../../countdown-section-3ae697fe.js';
+export { C as CountdownSection } from '../../../countdown-section-fc45c26c.js';

package/confirmation/modern/components/screens/initial/index.css

@@ -36,11 +36,11 @@
 
     /* input */
 }
-.confirmation__component_38dnr {
+.confirmation__component_10f0r {
     display: flex;
     flex-direction: column;
 }
-.confirmation__header_38dnr {
+.confirmation__header_10f0r {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,50 +50,50 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__phone_38dnr {
+.confirmation__phone_10f0r {
     margin-bottom: var(--gap-2xl);
     color: var(--color-light-text-primary);
 }
-.confirmation__inputContainer_38dnr {
+.confirmation__inputContainer_10f0r {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__compact_38dnr {
+.confirmation__compact_10f0r {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__loaderWrap_38dnr {
+.confirmation__loaderWrap_10f0r {
     display: flex;
     align-items: center;
 }
-.confirmation__center_38dnr {
+.confirmation__center_10f0r {
     align-items: center;
     text-align: center
 }
-.confirmation__center_38dnr .confirmation__codeInput_38dnr,
-    .confirmation__center_38dnr .confirmation__loaderWrap_38dnr {
+.confirmation__center_10f0r .confirmation__codeInput_10f0r,
+    .confirmation__center_10f0r .confirmation__loaderWrap_10f0r {
         justify-content: center;
     }
-.confirmation__center_38dnr input {
+.confirmation__center_10f0r input {
         margin: 0 var(--gap-2xs);
     }
-.confirmation__smsComeLink_38dnr {
+.confirmation__smsComeLink_10f0r {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__countdownContainer_38dnr {
+.confirmation__countdownContainer_10f0r {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__getCodeButton_38dnr {
+.confirmation__getCodeButton_10f0r {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
 }
-.confirmation__countdown_38dnr {
+.confirmation__countdown_10f0r {
     display: flex;
 }
-.confirmation__countdownTimer_38dnr {
+.confirmation__countdownTimer_10f0r {
     display: flex;
     justify-content: flex-start;
     min-width: 45px;

package/confirmation/modern/components/screens/initial/index.js

@@ -7,5 +7,5 @@ import '../../../../../code-input/modern';
 import '../../../../../link/modern';
 import '../../../../../loader/modern';
 import '../../../../../button/modern';
-import '../../../countdown-section-3ae697fe.js';
+import '../../../countdown-section-fc45c26c.js';
 export { Initial } from './component.js';

package/confirmation/modern/components/screens/temp-block/component.js

@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 
-var styles = {"header":"confirmation__header_132an","description":"confirmation__description_132an","countdownWrap":"confirmation__countdownWrap_132an","loader":"confirmation__loader_132an"};
+var styles = {"header":"confirmation__header_17tou","description":"confirmation__description_17tou","countdownWrap":"confirmation__countdownWrap_17tou","loader":"confirmation__loader_17tou"};
 require('./index.css');
 
 const TempBlock = () => {

package/confirmation/modern/components/screens/temp-block/index.css

@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_132an {
+.confirmation__header_17tou {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_132an {
+.confirmation__description_17tou {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
 
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__countdownWrap_132an {
+.confirmation__countdownWrap_17tou {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_132an {
+.confirmation__loader_17tou {
     margin-right: var(--gap-xs);
 }

package/confirmation/modern/{countdown-section-3ae697fe.js → countdown-section-fc45c26c.js}

@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
 import { Loader } from '../../loader/modern';
 import { Button } from '../../button/modern';
 
-var styles = {"component":"confirmation__component_38dnr","header":"confirmation__header_38dnr","phone":"confirmation__phone_38dnr","inputContainer":"confirmation__inputContainer_38dnr","compact":"confirmation__compact_38dnr","loaderWrap":"confirmation__loaderWrap_38dnr","center":"confirmation__center_38dnr","codeInput":"confirmation__codeInput_38dnr","smsComeLink":"confirmation__smsComeLink_38dnr","countdownContainer":"confirmation__countdownContainer_38dnr","getCodeButton":"confirmation__getCodeButton_38dnr","countdown":"confirmation__countdown_38dnr","countdownTimer":"confirmation__countdownTimer_38dnr"};
+var styles = {"component":"confirmation__component_10f0r","header":"confirmation__header_10f0r","phone":"confirmation__phone_10f0r","inputContainer":"confirmation__inputContainer_10f0r","compact":"confirmation__compact_10f0r","loaderWrap":"confirmation__loaderWrap_10f0r","center":"confirmation__center_10f0r","codeInput":"confirmation__codeInput_10f0r","smsComeLink":"confirmation__smsComeLink_10f0r","countdownContainer":"confirmation__countdownContainer_10f0r","getCodeButton":"confirmation__getCodeButton_10f0r","countdown":"confirmation__countdown_10f0r","countdownTimer":"confirmation__countdownTimer_10f0r"};
 require('./components/screens/initial/index.css');
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {

package/confirmation/modern/index.css

@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_12l1r {
+.confirmation__component_mhhm7 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_12l1r {
+.confirmation__center_mhhm7 {
     align-items: center;
     text-align: center;
 }

package/confirmation/modern/index.js

@@ -8,7 +8,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../loader/modern';
 import '../../button/modern';
-import './countdown-section-3ae697fe.js';
+import './countdown-section-fc45c26c.js';
 export { Initial } from './components/screens/initial/component.js';
 export { Hint } from './components/screens/hint/component.js';
 export { FatalError } from './components/screens/fatal-error/component.js';

package/custom-button/Component.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"customButton":"custom-button__customButton_suisy","white":"custom-button__white_suisy","black":"custom-button__black_suisy","customLoading":"custom-button__customLoading_suisy"};
+var styles = {"customButton":"custom-button__customButton_1kj9c","white":"custom-button__white_1kj9c","black":"custom-button__black_1kj9c","customLoading":"custom-button__customLoading_1kj9c"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/Component.js

@@ -41,7 +41,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"customButton":"custom-button__customButton_suisy","white":"custom-button__white_suisy","black":"custom-button__black_suisy","customLoading":"custom-button__customLoading_suisy"};
+var styles = {"customButton":"custom-button__customButton_1kj9c","white":"custom-button__white_1kj9c","black":"custom-button__black_1kj9c","customLoading":"custom-button__customLoading_1kj9c"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/index.css

@@ -11,21 +11,21 @@
 
     /* Hard up */
 }
-.custom-button__customButton_suisy {
+.custom-button__customButton_1kj9c {
     overflow: hidden;
     position: relative
 }
-.custom-button__customButton_suisy.custom-button__white_suisy * {
+.custom-button__customButton_1kj9c.custom-button__white_1kj9c * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_suisy.custom-button__black_suisy * {
+.custom-button__customButton_1kj9c.custom-button__black_1kj9c * {
         color: var(--color-static-text-primary-dark);
     }
-.custom-button__customButton_suisy span {
+.custom-button__customButton_1kj9c span {
         position: relative;
         z-index: 3;
     }
-.custom-button__customButton_suisy:before {
+.custom-button__customButton_1kj9c:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -37,22 +37,22 @@
         opacity: 1;
         pointer-events: none;
     }
-.custom-button__customButton_suisy:hover:before {
+.custom-button__customButton_1kj9c:hover:before {
         background-color: rgba(0, 0, 0, 0.07);
     }
-.custom-button__customButton_suisy:active:before {
+.custom-button__customButton_1kj9c:active:before {
         background-color: rgba(0, 0, 0, 0.15);
     }
 /* Disabled */
-.custom-button__customButton_suisy:disabled {
+.custom-button__customButton_1kj9c:disabled {
     opacity: 0.3
 }
-.custom-button__customButton_suisy:disabled.custom-button__customLoading_suisy {
+.custom-button__customButton_1kj9c:disabled.custom-button__customLoading_1kj9c {
         opacity: 1;
     }
-.custom-button__customButton_suisy:disabled.custom-button__white_suisy * {
+.custom-button__customButton_1kj9c:disabled.custom-button__white_1kj9c * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_suisy:disabled.custom-button__black_suisy * {
+.custom-button__customButton_1kj9c:disabled.custom-button__black_1kj9c * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/index.css

@@ -11,21 +11,21 @@
 
     /* Hard up */
 }
-.custom-button__customButton_suisy {
+.custom-button__customButton_1kj9c {
     overflow: hidden;
     position: relative
 }
-.custom-button__customButton_suisy.custom-button__white_suisy * {
+.custom-button__customButton_1kj9c.custom-button__white_1kj9c * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_suisy.custom-button__black_suisy * {
+.custom-button__customButton_1kj9c.custom-button__black_1kj9c * {
         color: var(--color-static-text-primary-dark);
     }
-.custom-button__customButton_suisy span {
+.custom-button__customButton_1kj9c span {
         position: relative;
         z-index: 3;
     }
-.custom-button__customButton_suisy:before {
+.custom-button__customButton_1kj9c:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -37,22 +37,22 @@
         opacity: 1;
         pointer-events: none;
     }
-.custom-button__customButton_suisy:hover:before {
+.custom-button__customButton_1kj9c:hover:before {
         background-color: rgba(0, 0, 0, 0.07);
     }
-.custom-button__customButton_suisy:active:before {
+.custom-button__customButton_1kj9c:active:before {
         background-color: rgba(0, 0, 0, 0.15);
     }
 /* Disabled */
-.custom-button__customButton_suisy:disabled {
+.custom-button__customButton_1kj9c:disabled {
     opacity: 0.3
 }
-.custom-button__customButton_suisy:disabled.custom-button__customLoading_suisy {
+.custom-button__customButton_1kj9c:disabled.custom-button__customLoading_1kj9c {
         opacity: 1;
     }
-.custom-button__customButton_suisy:disabled.custom-button__white_suisy * {
+.custom-button__customButton_1kj9c:disabled.custom-button__white_1kj9c * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_suisy:disabled.custom-button__black_suisy * {
+.custom-button__customButton_1kj9c:disabled.custom-button__black_1kj9c * {
         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_suisy","white":"custom-button__white_suisy","black":"custom-button__black_suisy","customLoading":"custom-button__customLoading_suisy"};
+var styles = {"customButton":"custom-button__customButton_1kj9c","white":"custom-button__white_1kj9c","black":"custom-button__black_1kj9c","customLoading":"custom-button__customLoading_1kj9c"};
 require('./index.css');
 
 const DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/modern/index.css

@@ -11,21 +11,21 @@
 
     /* Hard up */
 }
-.custom-button__customButton_suisy {
+.custom-button__customButton_1kj9c {
     overflow: hidden;
     position: relative
 }
-.custom-button__customButton_suisy.custom-button__white_suisy * {
+.custom-button__customButton_1kj9c.custom-button__white_1kj9c * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_suisy.custom-button__black_suisy * {
+.custom-button__customButton_1kj9c.custom-button__black_1kj9c * {
         color: var(--color-static-text-primary-dark);
     }
-.custom-button__customButton_suisy span {
+.custom-button__customButton_1kj9c span {
         position: relative;
         z-index: 3;
     }
-.custom-button__customButton_suisy:before {
+.custom-button__customButton_1kj9c:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -37,22 +37,22 @@
         opacity: 1;
         pointer-events: none;
     }
-.custom-button__customButton_suisy:hover:before {
+.custom-button__customButton_1kj9c:hover:before {
         background-color: rgba(0, 0, 0, 0.07);
     }
-.custom-button__customButton_suisy:active:before {
+.custom-button__customButton_1kj9c:active:before {
         background-color: rgba(0, 0, 0, 0.15);
     }
 /* Disabled */
-.custom-button__customButton_suisy:disabled {
+.custom-button__customButton_1kj9c:disabled {
     opacity: 0.3
 }
-.custom-button__customButton_suisy:disabled.custom-button__customLoading_suisy {
+.custom-button__customButton_1kj9c:disabled.custom-button__customLoading_1kj9c {
         opacity: 1;
     }
-.custom-button__customButton_suisy:disabled.custom-button__white_suisy * {
+.custom-button__customButton_1kj9c:disabled.custom-button__white_1kj9c * {
         color: var(--color-static-text-primary-light);
     }
-.custom-button__customButton_suisy:disabled.custom-button__black_suisy * {
+.custom-button__customButton_1kj9c:disabled.custom-button__black_1kj9c * {
         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_i0jyh"};
+var styles = {"nativeInput":"date-input__nativeInput_i7wsd"};
 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_i0jyh"};
+var styles = {"nativeInput":"date-input__nativeInput_i7wsd"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

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

package/date-input/index.css

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

package/date-input/modern/Component.js

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

package/date-input/modern/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_i0jyh {
+.date-input__nativeInput_i7wsd {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_i0jyh::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_i7wsd::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_i0jyh::-webkit-inner-spin-button {
+.date-input__nativeInput_i7wsd::-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_blttp"};
+var styles = {"component":"divider__component_7u3rz"};
 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_blttp"};
+var styles = {"component":"divider__component_7u3rz"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/index.css

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

package/divider/index.css

@@ -13,7 +13,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_blttp {
+.divider__component_7u3rz {
     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_blttp"};
+var styles = {"component":"divider__component_7u3rz"};
 require('./index.css');
 
 const Divider = ({ className, dataTestId }) => (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));

package/divider/modern/index.css

@@ -13,7 +13,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_blttp {
+.divider__component_7u3rz {
     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_as4xg","content":"drawer__content_as4xg","enter":"drawer__enter_as4xg","contentEnter":"drawer__contentEnter_as4xg","backdropEnter":"drawer__backdropEnter_as4xg","enterActive":"drawer__enterActive_as4xg","backdropEnterActive":"drawer__backdropEnterActive_as4xg","backdropEnterDone":"drawer__backdropEnterDone_as4xg","contentEnterActive":"drawer__contentEnterActive_as4xg","exit":"drawer__exit_as4xg","backdropExit":"drawer__backdropExit_as4xg","contentExit":"drawer__contentExit_as4xg","exitActive":"drawer__exitActive_as4xg","backdropExitActive":"drawer__backdropExitActive_as4xg","backdropExitDone":"drawer__backdropExitDone_as4xg","contentExitActive":"drawer__contentExitActive_as4xg"};
+var styles = {"component":"drawer__component_1m3kn","content":"drawer__content_1m3kn","enter":"drawer__enter_1m3kn","contentEnter":"drawer__contentEnter_1m3kn","backdropEnter":"drawer__backdropEnter_1m3kn","enterActive":"drawer__enterActive_1m3kn","backdropEnterActive":"drawer__backdropEnterActive_1m3kn","backdropEnterDone":"drawer__backdropEnterDone_1m3kn","contentEnterActive":"drawer__contentEnterActive_1m3kn","exit":"drawer__exit_1m3kn","backdropExit":"drawer__backdropExit_1m3kn","contentExit":"drawer__contentExit_1m3kn","exitActive":"drawer__exitActive_1m3kn","backdropExitActive":"drawer__backdropExitActive_1m3kn","backdropExitDone":"drawer__backdropExitDone_1m3kn","contentExitActive":"drawer__contentExitActive_1m3kn"};
 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_as4xg","content":"drawer__content_as4xg","enter":"drawer__enter_as4xg","contentEnter":"drawer__contentEnter_as4xg","backdropEnter":"drawer__backdropEnter_as4xg","enterActive":"drawer__enterActive_as4xg","backdropEnterActive":"drawer__backdropEnterActive_as4xg","backdropEnterDone":"drawer__backdropEnterDone_as4xg","contentEnterActive":"drawer__contentEnterActive_as4xg","exit":"drawer__exit_as4xg","backdropExit":"drawer__backdropExit_as4xg","contentExit":"drawer__contentExit_as4xg","exitActive":"drawer__exitActive_as4xg","backdropExitActive":"drawer__backdropExitActive_as4xg","backdropExitDone":"drawer__backdropExitDone_as4xg","contentExitActive":"drawer__contentExitActive_as4xg"};
+var styles = {"component":"drawer__component_1m3kn","content":"drawer__content_1m3kn","enter":"drawer__enter_1m3kn","contentEnter":"drawer__contentEnter_1m3kn","backdropEnter":"drawer__backdropEnter_1m3kn","enterActive":"drawer__enterActive_1m3kn","backdropEnterActive":"drawer__backdropEnterActive_1m3kn","backdropEnterDone":"drawer__backdropEnterDone_1m3kn","contentEnterActive":"drawer__contentEnterActive_1m3kn","exit":"drawer__exit_1m3kn","backdropExit":"drawer__backdropExit_1m3kn","contentExit":"drawer__contentExit_1m3kn","exitActive":"drawer__exitActive_1m3kn","backdropExitActive":"drawer__backdropExitActive_1m3kn","backdropExitDone":"drawer__backdropExitDone_1m3kn","contentExitActive":"drawer__contentExitActive_1m3kn"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_as4xg {
+.drawer__component_1m3kn {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_as4xg {
+.drawer__content_1m3kn {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_as4xg {
+.drawer__enter_1m3kn {
     transform: translateX(100%);
 }
-.drawer__contentEnter_as4xg {
+.drawer__contentEnter_1m3kn {
     opacity: 0;
 }
-.drawer__backdropEnter_as4xg {
+.drawer__backdropEnter_1m3kn {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_as4xg {
+.drawer__enterActive_1m3kn {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_as4xg,
-.drawer__backdropEnterDone_as4xg {
+.drawer__backdropEnterActive_1m3kn,
+.drawer__backdropEnterDone_1m3kn {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_as4xg {
+.drawer__contentEnterActive_1m3kn {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_as4xg {
+.drawer__exit_1m3kn {
     transform: translateX(0);
 }
-.drawer__backdropExit_as4xg {
+.drawer__backdropExit_1m3kn {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_as4xg {
+.drawer__contentExit_1m3kn {
     opacity: 1;
 }
-.drawer__exitActive_as4xg {
+.drawer__exitActive_1m3kn {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_as4xg,
-.drawer__backdropExitDone_as4xg {
+.drawer__backdropExitActive_1m3kn,
+.drawer__backdropExitDone_1m3kn {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_as4xg {
+.drawer__contentExitActive_1m3kn {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }