@alfalab/core-components 36.4.0 → 36.5.0

package/date-time-input/modern/desktop.js

@@ -0,0 +1,13 @@
+export { DateTimeInputDesktop } from './Component.desktop.js';
+import 'react';
+import './components/date-time-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../calendar/modern';
+import '../../icon-button/modern';
+import '../../input/modern';
+import '../../popover/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import 'date-fns/isValid';
+import 'date-fns/parse';
+import './utils/format.js';

package/date-time-input/modern/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export { DateTimeInputResponsive as DateTimeInput, DateTimeInputResponsiveProps as DateTimeInputProps } from "./responsive";

package/date-time-input/modern/index.js

@@ -1,13 +1,16 @@
-export { DateTimeInput } from './Component.js';
+export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'react';
+import '@alfalab/hooks';
+import './components/date-time-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../calendar/modern';
 import '../../icon-button/modern';
 import '../../input/modern';
 import '../../popover/modern';
-import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import 'date-fns/isValid';
 import 'date-fns/parse';
+import './Component.desktop.js';
 import './utils/format.js';
+import './Component.mobile.js';

package/date-time-input/modern/mobile.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile";
+export {};

package/date-time-input/modern/mobile.js

@@ -0,0 +1,13 @@
+export { DateTimeInputMobile } from './Component.mobile.js';
+import 'react';
+import '../../calendar/modern';
+import './components/date-time-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../icon-button/modern';
+import '../../input/modern';
+import '../../popover/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import 'date-fns/isValid';
+import 'date-fns/parse';
+import './utils/format.js';

package/date-time-input/modern/responsive.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.responsive";
+export {};

package/date-time-input/modern/responsive.js

@@ -0,0 +1,16 @@
+export { DateTimeInputResponsive } from './Component.responsive.js';
+import 'react';
+import '@alfalab/hooks';
+import './components/date-time-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../calendar/modern';
+import '../../icon-button/modern';
+import '../../input/modern';
+import '../../popover/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import 'date-fns/isValid';
+import 'date-fns/parse';
+import './Component.desktop.js';
+import './utils/format.js';
+import './Component.mobile.js';

package/date-time-input/responsive.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.responsive";
+export {};

package/date-time-input/responsive.js

@@ -0,0 +1,20 @@
+var Component_responsive = require('./Component.responsive.js');
+require('./Component-27749cf7.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('../calendar');
+require('../icon-button');
+require('../input');
+require('../popover');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils/format.js');
+require('date-fns/isValid');
+require('date-fns/parse');
+require('@alfalab/hooks');
+require('./Component.desktop.js');
+require('./Component.mobile.js');
+
+
+
+exports.DateTimeInputResponsive = Component_responsive.DateTimeInputResponsive;

package/date-time-input/utils/format.js

@@ -1,6 +1,11 @@
 var dateFnsIsValid = require('date-fns/isValid');
 var parse = require('date-fns/parse');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
+
 /* eslint-disable no-useless-escape */
 var DATE_FORMAT = 'dd.MM.yyyy';
 var DATE_MASK = [
@@ -25,7 +30,7 @@ var DATE_MASK = [
 var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
 var parseDateString = function (value, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return parse(value, dateFormat, new Date());
+    return parse__default.default(value, dateFormat, new Date());
 };
 var isValidTimeFormat = function (value) {
     var timeArr = value.split(':');
@@ -45,7 +50,7 @@ var isValid = function (inputValue) {
     var time = inputValueArr[1];
     return (!inputValue ||
         (isCompleteDateInput(inputValue) &&
-            dateFnsIsValid(parseDateString(date)) &&
+            dateFnsIsValid__default.default(parseDateString(date)) &&
             isValidTimeFormat(time)));
 };
 var format = function (value) {
@@ -119,7 +124,7 @@ var getFullDateTime = function (value) {
     return fullDate;
 };
 var setTimeToDate = function (value) {
-    if (value.length === 10 && dateFnsIsValid(parseDateString(value))) {
+    if (value.length === 10 && dateFnsIsValid__default.default(parseDateString(value))) {
         return "".concat(value, ", 00:00");
     }
     return value;

package/divider/Component.js

@@ -1,12 +1,17 @@
 var React = require('react');
 var cn = require('classnames');
 
-var styles = {"component":"divider__component_1wyd8"};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"divider__component_finq2"};
 require('./index.css');
 
 var Divider = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));
+    return (React__default.default.createElement("hr", { className: cn__default.default(styles.component, className), "data-test-id": dataTestId }));
 };
 
 exports.Divider = Divider;

package/divider/cssm/Component.js

@@ -2,9 +2,15 @@ var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 var Divider = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));
+    return (React__default.default.createElement("hr", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId }));
 };
 
 exports.Divider = Divider;

package/divider/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"divider__component_1wyd8"};
+var styles = {"component":"divider__component_finq2"};
 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_1wyd8 {
+.divider__component_finq2 {
     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_1wyd8 {
+.divider__component_finq2 {
     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_1wyd8"};
+const styles = {"component":"divider__component_finq2"};
 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_1wyd8 {
+.divider__component_finq2 {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/drawer/Component.js

@@ -4,6 +4,11 @@ var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
 var coreComponentsScrollbar = require('../scrollbar');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -43,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_h6lb8","rightPlacement":"drawer__rightPlacement_h6lb8","leftPlacement":"drawer__leftPlacement_h6lb8","content":"drawer__content_h6lb8","simplebar":"drawer__simplebar_h6lb8","enterRight":"drawer__enterRight_h6lb8","enterLeft":"drawer__enterLeft_h6lb8","contentEnter":"drawer__contentEnter_h6lb8","backdropEnter":"drawer__backdropEnter_h6lb8","enterActive":"drawer__enterActive_h6lb8","backdropEnterActive":"drawer__backdropEnterActive_h6lb8","backdropEnterDone":"drawer__backdropEnterDone_h6lb8","contentEnterActive":"drawer__contentEnterActive_h6lb8","exit":"drawer__exit_h6lb8","backdropExit":"drawer__backdropExit_h6lb8","contentExit":"drawer__contentExit_h6lb8","exitActiveRight":"drawer__exitActiveRight_h6lb8","exitActiveLeft":"drawer__exitActiveLeft_h6lb8","backdropExitActive":"drawer__backdropExitActive_h6lb8","backdropExitDone":"drawer__backdropExitDone_h6lb8","contentExitActive":"drawer__contentExitActive_h6lb8"};
+var styles = {"component":"drawer__component_1ttso","rightPlacement":"drawer__rightPlacement_1ttso","leftPlacement":"drawer__leftPlacement_1ttso","content":"drawer__content_1ttso","simplebar":"drawer__simplebar_1ttso","enterRight":"drawer__enterRight_1ttso","enterLeft":"drawer__enterLeft_1ttso","contentEnter":"drawer__contentEnter_1ttso","backdropEnter":"drawer__backdropEnter_1ttso","enterActive":"drawer__enterActive_1ttso","backdropEnterActive":"drawer__backdropEnterActive_1ttso","backdropEnterDone":"drawer__backdropEnterDone_1ttso","contentEnterActive":"drawer__contentEnterActive_1ttso","exit":"drawer__exit_1ttso","backdropExit":"drawer__backdropExit_1ttso","contentExit":"drawer__contentExit_1ttso","exitActiveRight":"drawer__exitActiveRight_1ttso","exitActiveLeft":"drawer__exitActiveLeft_1ttso","backdropExitActive":"drawer__backdropExitActive_1ttso","backdropExitDone":"drawer__backdropExitDone_1ttso","contentExitActive":"drawer__contentExitActive_1ttso"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;
@@ -80,11 +85,11 @@ var Drawer = React.forwardRef(function (_a, ref) {
     var isLeftPlacement = placement === 'left';
     var transitionProps = React.useMemo(function () {
         var _a, _b;
-        var enterClassName = cn((_a = {},
+        var enterClassName = cn__default.default((_a = {},
             _a[styles.enterRight] = isRightPlacement,
             _a[styles.enterLeft] = isLeftPlacement,
             _a));
-        var exitClassName = cn((_b = {},
+        var exitClassName = cn__default.default((_b = {},
             _b[styles.exitActiveRight] = isRightPlacement,
             _b[styles.exitActiveLeft] = isLeftPlacement,
             _b));
@@ -97,13 +102,13 @@ var Drawer = React.forwardRef(function (_a, ref) {
                 exitActive: exitClassName,
             }, timeout: ANIMATION_DURATION }, restProps.transitionProps);
     }, [restProps.transitionProps, isLeftPlacement, isRightPlacement]);
-    var renderWithNativeScrollbar = function () { return React.createElement("div", { className: styles.content }, children); };
-    var renderWithCustomScrollbar = function () { return (React.createElement(coreComponentsScrollbar.Scrollbar, __assign({}, scrollbarProps, { className: cn(styles.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
-    return (React.createElement(coreComponentsBaseModal.BaseModal, __assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn(styles.component, className, (_b = {},
+    var renderWithNativeScrollbar = function () { return React__default.default.createElement("div", { className: styles.content }, children); };
+    var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, __assign({}, scrollbarProps, { className: cn__default.default(styles.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, __assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default.default(styles.component, className, (_b = {},
             _b[styles.rightPlacement] = isRightPlacement,
             _b[styles.leftPlacement] = isLeftPlacement,
             _b)), transitionProps: transitionProps, backdropProps: __assign(__assign({}, backdropProps), restProps.backdropProps) }),
-        React.createElement(reactTransitionGroup.CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
+        React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
 });
 
 exports.ANIMATION_DURATION = ANIMATION_DURATION;

package/drawer/cssm/Component.js

@@ -5,6 +5,12 @@ var coreComponentsBaseModal = require('../../base-modal/cssm');
 var coreComponentsScrollbar = require('../../scrollbar/cssm');
 var styles = require('./index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -48,26 +54,26 @@ var ANIMATION_DURATION = 600;
 var DrawerContext = coreComponentsBaseModal.BaseModalContext;
 var backdropProps = {
     classNames: {
-        enter: styles.backdropEnter,
-        appear: styles.backdropEnter,
-        enterActive: styles.backdropEnterActive,
-        appearActive: styles.backdropEnterActive,
-        enterDone: styles.backdropEnterDone,
-        appearDone: styles.backdropEnterDone,
-        exit: styles.backdropExit,
-        exitActive: styles.backdropExitActive,
-        exitDone: styles.backdropExitDone,
+        enter: styles__default.default.backdropEnter,
+        appear: styles__default.default.backdropEnter,
+        enterActive: styles__default.default.backdropEnterActive,
+        appearActive: styles__default.default.backdropEnterActive,
+        enterDone: styles__default.default.backdropEnterDone,
+        appearDone: styles__default.default.backdropEnterDone,
+        exit: styles__default.default.backdropExit,
+        exitActive: styles__default.default.backdropExitActive,
+        exitDone: styles__default.default.backdropExitDone,
     },
     timeout: ANIMATION_DURATION,
 };
 var contentProps = {
     classNames: {
-        enter: styles.contentEnter,
-        appear: styles.contentEnter,
-        enterActive: styles.contentEnterActive,
-        appearActive: styles.contentEnterActive,
-        exit: styles.contentExit,
-        exitActive: styles.contentExitActive,
+        enter: styles__default.default.contentEnter,
+        appear: styles__default.default.contentEnter,
+        enterActive: styles__default.default.contentEnterActive,
+        appearActive: styles__default.default.contentEnterActive,
+        exit: styles__default.default.contentExit,
+        exitActive: styles__default.default.contentExitActive,
     },
     timeout: ANIMATION_DURATION,
 };
@@ -78,30 +84,30 @@ var Drawer = React.forwardRef(function (_a, ref) {
     var isLeftPlacement = placement === 'left';
     var transitionProps = React.useMemo(function () {
         var _a, _b;
-        var enterClassName = cn((_a = {},
-            _a[styles.enterRight] = isRightPlacement,
-            _a[styles.enterLeft] = isLeftPlacement,
+        var enterClassName = cn__default.default((_a = {},
+            _a[styles__default.default.enterRight] = isRightPlacement,
+            _a[styles__default.default.enterLeft] = isLeftPlacement,
             _a));
-        var exitClassName = cn((_b = {},
-            _b[styles.exitActiveRight] = isRightPlacement,
-            _b[styles.exitActiveLeft] = isLeftPlacement,
+        var exitClassName = cn__default.default((_b = {},
+            _b[styles__default.default.exitActiveRight] = isRightPlacement,
+            _b[styles__default.default.exitActiveLeft] = isLeftPlacement,
             _b));
         return __assign({ classNames: {
                 enter: enterClassName,
                 appear: enterClassName,
-                enterActive: styles.enterActive,
-                appearActive: styles.enterActive,
-                exit: styles.exit,
+                enterActive: styles__default.default.enterActive,
+                appearActive: styles__default.default.enterActive,
+                exit: styles__default.default.exit,
                 exitActive: exitClassName,
             }, timeout: ANIMATION_DURATION }, restProps.transitionProps);
     }, [restProps.transitionProps, isLeftPlacement, isRightPlacement]);
-    var renderWithNativeScrollbar = function () { return React.createElement("div", { className: styles.content }, children); };
-    var renderWithCustomScrollbar = function () { return (React.createElement(coreComponentsScrollbar.Scrollbar, __assign({}, scrollbarProps, { className: cn(styles.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
-    return (React.createElement(coreComponentsBaseModal.BaseModal, __assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn(styles.component, className, (_b = {},
-            _b[styles.rightPlacement] = isRightPlacement,
-            _b[styles.leftPlacement] = isLeftPlacement,
+    var renderWithNativeScrollbar = function () { return React__default.default.createElement("div", { className: styles__default.default.content }, children); };
+    var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, __assign({}, scrollbarProps, { className: cn__default.default(styles__default.default.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, __assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default.default(styles__default.default.component, className, (_b = {},
+            _b[styles__default.default.rightPlacement] = isRightPlacement,
+            _b[styles__default.default.leftPlacement] = isLeftPlacement,
             _b)), transitionProps: transitionProps, backdropProps: __assign(__assign({}, backdropProps), restProps.backdropProps) }),
-        React.createElement(reactTransitionGroup.CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
+        React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
 });
 
 exports.ANIMATION_DURATION = ANIMATION_DURATION;

package/drawer/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_h6lb8","rightPlacement":"drawer__rightPlacement_h6lb8","leftPlacement":"drawer__leftPlacement_h6lb8","content":"drawer__content_h6lb8","simplebar":"drawer__simplebar_h6lb8","enterRight":"drawer__enterRight_h6lb8","enterLeft":"drawer__enterLeft_h6lb8","contentEnter":"drawer__contentEnter_h6lb8","backdropEnter":"drawer__backdropEnter_h6lb8","enterActive":"drawer__enterActive_h6lb8","backdropEnterActive":"drawer__backdropEnterActive_h6lb8","backdropEnterDone":"drawer__backdropEnterDone_h6lb8","contentEnterActive":"drawer__contentEnterActive_h6lb8","exit":"drawer__exit_h6lb8","backdropExit":"drawer__backdropExit_h6lb8","contentExit":"drawer__contentExit_h6lb8","exitActiveRight":"drawer__exitActiveRight_h6lb8","exitActiveLeft":"drawer__exitActiveLeft_h6lb8","backdropExitActive":"drawer__backdropExitActive_h6lb8","backdropExitDone":"drawer__backdropExitDone_h6lb8","contentExitActive":"drawer__contentExitActive_h6lb8"};
+var styles = {"component":"drawer__component_1ttso","rightPlacement":"drawer__rightPlacement_1ttso","leftPlacement":"drawer__leftPlacement_1ttso","content":"drawer__content_1ttso","simplebar":"drawer__simplebar_1ttso","enterRight":"drawer__enterRight_1ttso","enterLeft":"drawer__enterLeft_1ttso","contentEnter":"drawer__contentEnter_1ttso","backdropEnter":"drawer__backdropEnter_1ttso","enterActive":"drawer__enterActive_1ttso","backdropEnterActive":"drawer__backdropEnterActive_1ttso","backdropEnterDone":"drawer__backdropEnterDone_1ttso","contentEnterActive":"drawer__contentEnterActive_1ttso","exit":"drawer__exit_1ttso","backdropExit":"drawer__backdropExit_1ttso","contentExit":"drawer__contentExit_1ttso","exitActiveRight":"drawer__exitActiveRight_1ttso","exitActiveLeft":"drawer__exitActiveLeft_1ttso","backdropExitActive":"drawer__backdropExitActive_1ttso","backdropExitDone":"drawer__backdropExitDone_1ttso","contentExitActive":"drawer__contentExitActive_1ttso"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_h6lb8 {
+.drawer__component_1ttso {
     position: fixed;
     top: 0;
     height: 100%;
@@ -26,73 +26,73 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__rightPlacement_h6lb8 {
+.drawer__rightPlacement_1ttso {
     right: 0;
     align-self: flex-end;
 }
-.drawer__leftPlacement_h6lb8 {
+.drawer__leftPlacement_1ttso {
     left: 0;
     align-self: flex-start;
 }
-.drawer__content_h6lb8 {
+.drawer__content_1ttso {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.drawer__simplebar_h6lb8 {
+.drawer__simplebar_1ttso {
     height: 100vh;
 }
 /* enter */
-.drawer__enterRight_h6lb8 {
+.drawer__enterRight_1ttso {
     transform: translateX(100%);
 }
-.drawer__enterLeft_h6lb8 {
+.drawer__enterLeft_1ttso {
     transform: translateX(-100%);
 }
-.drawer__contentEnter_h6lb8 {
+.drawer__contentEnter_1ttso {
     opacity: 0;
 }
-.drawer__backdropEnter_h6lb8 {
+.drawer__backdropEnter_1ttso {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_h6lb8 {
+.drawer__enterActive_1ttso {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_h6lb8,
-.drawer__backdropEnterDone_h6lb8 {
+.drawer__backdropEnterActive_1ttso,
+.drawer__backdropEnterDone_1ttso {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_h6lb8 {
+.drawer__contentEnterActive_1ttso {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_h6lb8 {
+.drawer__exit_1ttso {
     transform: translateX(0);
 }
-.drawer__backdropExit_h6lb8 {
+.drawer__backdropExit_1ttso {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_h6lb8 {
+.drawer__contentExit_1ttso {
     opacity: 1;
 }
-.drawer__exitActiveRight_h6lb8 {
+.drawer__exitActiveRight_1ttso {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__exitActiveLeft_h6lb8 {
+.drawer__exitActiveLeft_1ttso {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
 }
-.drawer__backdropExitActive_h6lb8,
-.drawer__backdropExitDone_h6lb8 {
+.drawer__backdropExitActive_1ttso,
+.drawer__backdropExitDone_1ttso {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_h6lb8 {
+.drawer__contentExitActive_1ttso {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_h6lb8 {
+.drawer__component_1ttso {
     position: fixed;
     top: 0;
     height: 100%;
@@ -26,73 +26,73 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__rightPlacement_h6lb8 {
+.drawer__rightPlacement_1ttso {
     right: 0;
     align-self: flex-end;
 }
-.drawer__leftPlacement_h6lb8 {
+.drawer__leftPlacement_1ttso {
     left: 0;
     align-self: flex-start;
 }
-.drawer__content_h6lb8 {
+.drawer__content_1ttso {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.drawer__simplebar_h6lb8 {
+.drawer__simplebar_1ttso {
     height: 100vh;
 }
 /* enter */
-.drawer__enterRight_h6lb8 {
+.drawer__enterRight_1ttso {
     transform: translateX(100%);
 }
-.drawer__enterLeft_h6lb8 {
+.drawer__enterLeft_1ttso {
     transform: translateX(-100%);
 }
-.drawer__contentEnter_h6lb8 {
+.drawer__contentEnter_1ttso {
     opacity: 0;
 }
-.drawer__backdropEnter_h6lb8 {
+.drawer__backdropEnter_1ttso {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_h6lb8 {
+.drawer__enterActive_1ttso {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_h6lb8,
-.drawer__backdropEnterDone_h6lb8 {
+.drawer__backdropEnterActive_1ttso,
+.drawer__backdropEnterDone_1ttso {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_h6lb8 {
+.drawer__contentEnterActive_1ttso {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_h6lb8 {
+.drawer__exit_1ttso {
     transform: translateX(0);
 }
-.drawer__backdropExit_h6lb8 {
+.drawer__backdropExit_1ttso {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_h6lb8 {
+.drawer__contentExit_1ttso {
     opacity: 1;
 }
-.drawer__exitActiveRight_h6lb8 {
+.drawer__exitActiveRight_1ttso {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__exitActiveLeft_h6lb8 {
+.drawer__exitActiveLeft_1ttso {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
 }
-.drawer__backdropExitActive_h6lb8,
-.drawer__backdropExitDone_h6lb8 {
+.drawer__backdropExitActive_1ttso,
+.drawer__backdropExitDone_1ttso {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_h6lb8 {
+.drawer__contentExitActive_1ttso {
     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_h6lb8","rightPlacement":"drawer__rightPlacement_h6lb8","leftPlacement":"drawer__leftPlacement_h6lb8","content":"drawer__content_h6lb8","simplebar":"drawer__simplebar_h6lb8","enterRight":"drawer__enterRight_h6lb8","enterLeft":"drawer__enterLeft_h6lb8","contentEnter":"drawer__contentEnter_h6lb8","backdropEnter":"drawer__backdropEnter_h6lb8","enterActive":"drawer__enterActive_h6lb8","backdropEnterActive":"drawer__backdropEnterActive_h6lb8","backdropEnterDone":"drawer__backdropEnterDone_h6lb8","contentEnterActive":"drawer__contentEnterActive_h6lb8","exit":"drawer__exit_h6lb8","backdropExit":"drawer__backdropExit_h6lb8","contentExit":"drawer__contentExit_h6lb8","exitActiveRight":"drawer__exitActiveRight_h6lb8","exitActiveLeft":"drawer__exitActiveLeft_h6lb8","backdropExitActive":"drawer__backdropExitActive_h6lb8","backdropExitDone":"drawer__backdropExitDone_h6lb8","contentExitActive":"drawer__contentExitActive_h6lb8"};
+const styles = {"component":"drawer__component_1ttso","rightPlacement":"drawer__rightPlacement_1ttso","leftPlacement":"drawer__leftPlacement_1ttso","content":"drawer__content_1ttso","simplebar":"drawer__simplebar_1ttso","enterRight":"drawer__enterRight_1ttso","enterLeft":"drawer__enterLeft_1ttso","contentEnter":"drawer__contentEnter_1ttso","backdropEnter":"drawer__backdropEnter_1ttso","enterActive":"drawer__enterActive_1ttso","backdropEnterActive":"drawer__backdropEnterActive_1ttso","backdropEnterDone":"drawer__backdropEnterDone_1ttso","contentEnterActive":"drawer__contentEnterActive_1ttso","exit":"drawer__exit_1ttso","backdropExit":"drawer__backdropExit_1ttso","contentExit":"drawer__contentExit_1ttso","exitActiveRight":"drawer__exitActiveRight_1ttso","exitActiveLeft":"drawer__exitActiveLeft_1ttso","backdropExitActive":"drawer__backdropExitActive_1ttso","backdropExitDone":"drawer__backdropExitDone_1ttso","contentExitActive":"drawer__contentExitActive_1ttso"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;