@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.10

package/alert/cssm/Component.js

@@ -3,11 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsPlate = require('../../plate/cssm');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -48,11 +50,9 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var Alert = function (_a) {
     var className = _a.className, title = _a.title, restProps = __rest(_a, ["className", "title"]);
-    return (React__default['default'].createElement(coreComponentsPlate.Plate, __assign({ className: cn__default['default'](styles.component, className), buttonsClassName: styles.buttons, contentClassName: styles.content, title: title ? React__default['default'].createElement("span", { className: styles.title }, title) : null }, restProps)));
+    return (React__default['default'].createElement(coreComponentsPlate.Plate, __assign({ className: cn__default['default'](styles__default['default'].component, className), buttonsClassName: styles__default['default'].buttons, contentClassName: styles__default['default'].content, title: title ? React__default['default'].createElement("span", { className: styles__default['default'].title }, title) : null }, restProps)));
 };
 
 exports.Alert = Alert;

package/alert/cssm/index.js

@@ -4,6 +4,7 @@ var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('../../plate/cssm');
+require('./index.module.css');
 
 
 

package/amount/cssm/component.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
-var index_module = require('./index.module-c2d8412c.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /**
  * Компонент для отображения суммы, согласно следующему гайдлайну:
@@ -22,10 +23,10 @@ var Amount = function (_a) {
         minority: minority,
         view: view,
     }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](index_module.styles.component, className), "data-test-id": dataTestId },
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
         showPlus && value > 0 ? '+' : '',
         majorPart,
-        React__default['default'].createElement("span", { className: index_module.styles.minorPartAndCurrency },
+        React__default['default'].createElement("span", { className: styles__default['default'].minorPartAndCurrency },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
             currency ? "" + utils.THINSP + currencySymbol : null,

package/amount/cssm/index.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/utils');
-require('./index.module-c2d8412c.js');
+require('./index.module.css');
 var component = require('./component.js');
+require('./pure/index.module.css');
 var pure_component = require('./pure/component.js');
 
 var Amount = component.Amount;

package/amount/cssm/pure/component.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
-var index_module = require('../index.module-c2d8412c.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /**
  * Компонент для отображения суммы, согласно следующему гайдлайну:
@@ -23,7 +24,7 @@ var PureAmount = function (_a) {
         minority: minority,
         view: view,
     }), formatted = _d.formatted, currencySymbol = _d.currencySymbol;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](index_module.styles.component, className), "data-test-id": dataTestId },
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
         showPlus && value > 0 ? '+' : '',
         formatted,
         currency ? "" + utils.THINSP + currencySymbol : null,

package/amount/cssm/pure/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/utils');
-require('../index.module-c2d8412c.js');
+require('./index.module.css');
 var pure_component = require('./component.js');
 
 

package/amount-input/cssm/Component.js

@@ -6,11 +6,17 @@ var coreComponentsInput = require('../../input/cssm');
 var utils = require('@alfalab/utils');
 var coreComponentsWithSuffix = require('../../with-suffix/cssm');
 var utils_index = require('./utils/index.js');
+var styles = require('./index.module.css');
+var defaultColors = require('./default.module.css');
+var invertedColors = require('./inverted.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -51,15 +57,9 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
-var defaultColors = require("./default.module.css");
-
-var invertedColors = require("./inverted.module.css");
-
 var colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+    default: defaultColors__default['default'],
+    inverted: invertedColors__default['default'],
 };
 /**
  * Инпут, позволяющий закрепить значок валюты
@@ -151,16 +151,16 @@ var AmountInput = React.forwardRef(function (_a, ref) {
         }
     }, [onClear]);
     var _p = inputValue.split(','), majorPart = _p[0], minorPart = _p[1];
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.container, (_b = {},
-            _b[styles.bold] = bold,
-            _b[styles.filled] = Boolean(inputValue),
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].container, (_b = {},
+            _b[styles__default['default'].bold] = bold,
+            _b[styles__default['default'].filled] = Boolean(inputValue),
             _b)) },
         React__default['default'].createElement(SuffixInput, __assign({}, restProps, { suffix: React__default['default'].createElement(React.Fragment, null,
                 majorPart,
                 React__default['default'].createElement("span", { className: colorStyles[colors].minorPartAndCurrency },
                     minorPart !== undefined && "," + minorPart,
                     utils.THINSP,
-                    suffix === currency ? currencySymbol : suffix)), suffixContainerClassName: styles.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn__default['default'](styles.component, className), focusedClassName: focusedClassName, inputClassName: styles.input, onChange: handleChange, onClear: handleClear, inputMode: 'decimal', pattern: '[0-9\\s\\.,]*', dataTestId: dataTestId, ref: ref }))));
+                    suffix === currency ? currencySymbol : suffix)), suffixContainerClassName: styles__default['default'].suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn__default['default'](styles__default['default'].component, className), focusedClassName: focusedClassName, inputClassName: styles__default['default'].input, onChange: handleChange, onClear: handleClear, inputMode: 'decimal', pattern: '[0-9\\s\\.,]*', dataTestId: dataTestId, ref: ref }))));
 });
 
 exports.AmountInput = AmountInput;

package/amount-input/cssm/index.js

@@ -7,6 +7,9 @@ require('../../input/cssm');
 require('@alfalab/utils');
 require('../../with-suffix/cssm');
 require('./utils/index.js');
+require('./index.module.css');
+require('./default.module.css');
+require('./inverted.module.css');
 
 
 

package/attach/cssm/Component.js

@@ -10,12 +10,14 @@ var AttachmentSBlackIcon = require('@alfalab/icons-classic/AttachmentSBlackIcon'
 var AttachmentMBlackIcon = require('@alfalab/icons-classic/AttachmentMBlackIcon');
 var utils = require('@alfalab/utils');
 var utils_index = require('./utils/index.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -64,8 +66,6 @@ function __spreadArrays() {
     return r;
 }
 
-var styles = require("./index.module.css");
-
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
 var Attach = React__default['default'].forwardRef(function (_a, ref) {
     var _b;
@@ -116,22 +116,22 @@ var Attach = React__default['default'].forwardRef(function (_a, ref) {
             setFiles(value || []);
         }
     }, [uncontrolled, value]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[size], (_b = {},
-            _b[styles.disabled] = disabled,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][size], (_b = {},
+            _b[styles__default['default'].disabled] = disabled,
             _b), className) },
-        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || React__default['default'].createElement(Icon, { className: styles.icon }), onClick: handleButtonClick, ref: buttonRef }),
+        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || React__default['default'].createElement(Icon, { className: styles__default['default'].icon }), onClick: handleButtonClick, ref: buttonRef }),
             React__default['default'].createElement("span", null, buttonContent)),
-        React__default['default'].createElement("label", { className: styles.label, htmlFor: id, ref: labelRef },
-            React__default['default'].createElement("input", __assign({}, restProps, { className: styles.control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs__default['default']([ref, inputRef]), "data-test-id": dataTestId }))),
-        files && files.length > 0 ? (React__default['default'].createElement("div", { className: cn__default['default'](styles.file, fileClassName) },
+        React__default['default'].createElement("label", { className: styles__default['default'].label, htmlFor: id, ref: labelRef },
+            React__default['default'].createElement("input", __assign({}, restProps, { className: styles__default['default'].control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs__default['default']([ref, inputRef]), "data-test-id": dataTestId }))),
+        files && files.length > 0 ? (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].file, fileClassName) },
             React__default['default'].createElement("span", null, statusTextContent),
             React__default['default'].createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, null, function (targetRef, focused) {
                 var _a;
-                return (React__default['default'].createElement("button", { "aria-label": '\u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', type: 'button', className: cn__default['default'](styles.clear, (_a = {},
-                        _a[styles.focused] = focused,
+                return (React__default['default'].createElement("button", { "aria-label": '\u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', type: 'button', className: cn__default['default'](styles__default['default'].clear, (_a = {},
+                        _a[styles__default['default'].focused] = focused,
                         _a)), onClick: handleClearClick, ref: targetRef }));
             }),
-            progressBarPercent && (React__default['default'].createElement(coreComponentsProgressBar.ProgressBar, { className: styles.progressBar, value: progressBarPercent, view: 'positive' })))) : (React__default['default'].createElement("div", { className: cn__default['default'](styles.noFile, noFileClassName) }, noFileText))));
+            progressBarPercent && (React__default['default'].createElement(coreComponentsProgressBar.ProgressBar, { className: styles__default['default'].progressBar, value: progressBarPercent, view: 'positive' })))) : (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].noFile, noFileClassName) }, noFileText))));
 });
 /**
  * Для отображения в сторибуке

package/attach/cssm/index.js

@@ -11,6 +11,7 @@ require('@alfalab/icons-classic/AttachmentSBlackIcon');
 require('@alfalab/icons-classic/AttachmentMBlackIcon');
 require('@alfalab/utils');
 require('./utils/index.js');
+require('./index.module.css');
 
 
 

package/backdrop/cssm/Component.js

@@ -3,11 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var reactTransitionGroup = require('react-transition-group');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -48,14 +50,12 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var Backdrop = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.open, open = _c === void 0 ? false : _c, _d = _a.invisible, invisible = _d === void 0 ? false : _d, _e = _a.timeout, timeout = _e === void 0 ? 200 : _e, children = _a.children, onClose = _a.onClose, dataTestId = _a.dataTestId, _f = _a.transitionClassNames, transitionClassNames = _f === void 0 ? styles : _f, restProps = __rest(_a, ["className", "open", "invisible", "timeout", "children", "onClose", "dataTestId", "transitionClassNames"]);
+    var className = _a.className, _c = _a.open, open = _c === void 0 ? false : _c, _d = _a.invisible, invisible = _d === void 0 ? false : _d, _e = _a.timeout, timeout = _e === void 0 ? 200 : _e, children = _a.children, onClose = _a.onClose, dataTestId = _a.dataTestId, _f = _a.transitionClassNames, transitionClassNames = _f === void 0 ? styles__default['default'] : _f, restProps = __rest(_a, ["className", "open", "invisible", "timeout", "children", "onClose", "dataTestId", "transitionClassNames"]);
     return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ timeout: timeout, unmountOnExit: true, classNames: transitionClassNames, in: open, appear: true }, restProps),
-        React__default['default'].createElement("div", { "aria-hidden": true, onClick: onClose, "data-test-id": dataTestId, className: cn__default['default'](styles.backdrop, className, (_b = {},
-                _b[styles.invisible] = invisible,
+        React__default['default'].createElement("div", { "aria-hidden": true, onClick: onClose, "data-test-id": dataTestId, className: cn__default['default'](styles__default['default'].backdrop, className, (_b = {},
+                _b[styles__default['default'].invisible] = invisible,
                 _b)) }, children)));
 };
 

package/backdrop/cssm/index.js

@@ -4,6 +4,7 @@ var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('react-transition-group');
+require('./index.module.css');
 
 
 

package/badge/cssm/Component.js

@@ -2,13 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Badge = function (_a) {
     var _b;
@@ -16,10 +16,10 @@ var Badge = function (_a) {
     var isCountView = view === 'count';
     var isHidden = isCountView && typeof content === 'number' && content <= 0;
     var componentContent = isCountView && content && content >= 100 ? '99+' : content;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[size], styles[view], iconColor && styles[iconColor], (_b = {},
-            _b[styles.isHidden] = isHidden,
-            _b[styles.dot] = !content,
-            _b[styles.outline] = visibleIconOutline,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][size], styles__default['default'][view], iconColor && styles__default['default'][iconColor], (_b = {},
+            _b[styles__default['default'].isHidden] = isHidden,
+            _b[styles__default['default'].dot] = !content,
+            _b[styles__default['default'].outline] = visibleIconOutline,
             _b), className), "data-test-id": dataTestId }, componentContent));
 };
 

package/badge/cssm/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/bank-card/cssm/Component.js

@@ -8,14 +8,14 @@ var CameraMIcon = require('@alfalab/icons-glyph/CameraMIcon');
 var VisaXxlIcon = require('@alfalab/icons-logotype/VisaXxlIcon');
 var MastercardLIcon = require('@alfalab/icons-logotype/MastercardLIcon');
 var MirXxlIcon = require('@alfalab/icons-logotype/MirXxlIcon');
+var styles = require('./index.module.css');
 var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 // prettier-ignore
 var cardMask = [/\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/];
@@ -51,17 +51,17 @@ var BankCard = React__default['default'].forwardRef(function (_a, ref) {
             onChange(event, payload);
         }
     }, [onChange, uncontrolled]);
-    var renderRightAddons = React.useCallback(function () { return (React__default['default'].createElement("button", { type: 'button', className: styles.usePhoto, onClick: onUsePhoto },
+    var renderRightAddons = React.useCallback(function () { return (React__default['default'].createElement("button", { type: 'button', className: styles__default['default'].usePhoto, onClick: onUsePhoto },
         React__default['default'].createElement(CameraMIcon.CameraMIcon, null))); }, [onUsePhoto]);
     React.useEffect(function () {
         setBrandIcon(getBrandIcon(value));
     }, [value]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className) },
-        React__default['default'].createElement("div", { className: styles.aspectRatioContainer },
-            React__default['default'].createElement("div", { className: styles.content, style: { backgroundColor: backgroundColor } },
-                React__default['default'].createElement("div", { className: styles.bankLogo }, bankLogo),
-                React__default['default'].createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*' }),
-                brandIcon && React__default['default'].createElement("div", { className: styles.brandLogo }, brandIcon)))));
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className) },
+        React__default['default'].createElement("div", { className: styles__default['default'].aspectRatioContainer },
+            React__default['default'].createElement("div", { className: styles__default['default'].content, style: { backgroundColor: backgroundColor } },
+                React__default['default'].createElement("div", { className: styles__default['default'].bankLogo }, bankLogo),
+                React__default['default'].createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, rightAddons: renderRightAddons(), inputClassName: styles__default['default'].input, labelClassName: styles__default['default'].label, filledClassName: styles__default['default'].filled, focusedClassName: styles__default['default'].focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*' }),
+                brandIcon && React__default['default'].createElement("div", { className: styles__default['default'].brandLogo }, brandIcon)))));
 });
 BankCard.defaultProps = {
     bankLogo: React__default['default'].createElement(BankAlfaLColorIcon.BankAlfaLColorIcon, null),

package/bank-card/cssm/index.js

@@ -8,8 +8,9 @@ require('@alfalab/icons-glyph/CameraMIcon');
 require('@alfalab/icons-logotype/VisaXxlIcon');
 require('@alfalab/icons-logotype/MastercardLIcon');
 require('@alfalab/icons-logotype/MirXxlIcon');
-var Component = require('./Component.js');
+require('./index.module.css');
 require('./utils.js');
+var Component = require('./Component.js');
 
 
 

package/base-modal/cssm/Component.js

@@ -11,6 +11,7 @@ var coreComponentsBackdrop = require('../../backdrop/cssm');
 var coreComponentsStack = require('../../stack/cssm');
 require('../../global-store/cssm');
 var utils = require('./utils.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,6 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var FocusLock__default = /*#__PURE__*/_interopDefaultLegacy(FocusLock);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -46,8 +48,6 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = require("./index.module.css");
-
 var BaseModalContext = React__default['default'].createContext({
     hasFooter: false,
     hasHeader: false,
@@ -234,17 +234,17 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         return (React__default['default'].createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
             React__default['default'].createElement(BaseModalContext.Provider, { value: contextValue },
                 React__default['default'].createElement(FocusLock__default['default'], { autoFocus: !disableAutoFocus, disabled: disableFocusLock || !open, returnFocus: !disableRestoreFocus },
-                    Backdrop && (React__default['default'].createElement(Backdrop, __assign({}, backdropProps, { className: cn__default['default'](backdropProps.className, styles.backdrop), open: open, style: {
+                    Backdrop && (React__default['default'].createElement(Backdrop, __assign({}, backdropProps, { className: cn__default['default'](backdropProps.className, styles__default['default'].backdrop), open: open, style: {
                             zIndex: computedZIndex,
                         } }))),
-                    React__default['default'].createElement("div", { role: 'dialog', className: cn__default['default'](styles.wrapper, wrapperClassName, (_a = {},
-                            _a[styles.hidden] = !open && exited,
+                    React__default['default'].createElement("div", { role: 'dialog', className: cn__default['default'](styles__default['default'].wrapper, wrapperClassName, (_a = {},
+                            _a[styles__default['default'].hidden] = !open && exited,
                             _a)), ref: mergeRefs__default['default']([ref, wrapperRef]), onKeyDown: handleKeyDown, onClick: handleBackdropClick, tabIndex: -1, "data-test-id": dataTestId, style: {
                             zIndex: computedZIndex,
                         } },
-                        React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
-                            React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), ref: mergeRefs__default['default']([componentRef, componentNodeRef]) },
-                                React__default['default'].createElement("div", { className: cn__default['default'](styles.content, contentClassName) }, children))))))));
+                        React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles__default['default'] }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
+                            React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), ref: mergeRefs__default['default']([componentRef, componentNodeRef]) },
+                                React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].content, contentClassName) }, children))))))));
     }));
 });
 

package/base-modal/cssm/index.js

@@ -12,6 +12,7 @@ require('../../backdrop/cssm');
 require('../../stack/cssm');
 require('../../global-store/cssm');
 var utils = require('./utils.js');
+require('./index.module.css');
 
 
 

package/bottom-sheet/{component-a3711f42.js → component-6583fdb8.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-edda0648.js');
+var tslib_es6 = require('./tslib.es6-b7fc7b78.js');
 var React = require('react');
 var cn = require('classnames');
 var reactDiv100vh = require('react-div-100vh');

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-edda0648.js');
+require('./tslib.es6-b7fc7b78.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-a3711f42.js');
+var components_header_Component = require('./component-6583fdb8.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/components/backer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-edda0648.js');
+var tslib_es6 = require('../../tslib.es6-b7fc7b78.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');

package/bottom-sheet/components/closer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-edda0648.js');
+var tslib_es6 = require('../../tslib.es6-b7fc7b78.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../base-modal');

package/bottom-sheet/components/header/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-edda0648.js');
+require('../../tslib.es6-b7fc7b78.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('../closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('../backer/Component.js');
-var components_header_Component = require('../../component-a3711f42.js');
+var components_header_Component = require('../../component-6583fdb8.js');
 require('../footer/Component.js');
 require('../../../backdrop');
 require('../swipeable-backdrop/Component.js');

package/bottom-sheet/components/swipeable-backdrop/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-edda0648.js');
+var tslib_es6 = require('../../tslib.es6-b7fc7b78.js');
 var React = require('react');
 var coreComponentsBackdrop = require('../../../backdrop');