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

package/intl-phone-input/modern/component.d.ts

@@ -34,7 +34,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     clearableCountryCode?: boolean;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "className" | "label" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "options" | "visibleOptions" | "open" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "options" | "visibleOptions" | "open" | "label" | "error" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

package/intl-phone-input/modern/component.js

@@ -73,7 +73,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
     }, [countries, countryIso2, setValue, handleCountryChange]);
     const loadPhoneUtils = useCallback(() => {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ff7faad6.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-2d877c7b.js')
             .then(utils => {
             phoneLibUtils.current = utils.AsYouType;
         })

package/modal/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-deef124c.js');
+var tslib_es6 = require('./tslib.es6-54a62169.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -15,7 +15,7 @@ require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-921b8e9a.js');
+var transitions_module = require('./transitions.module-8899c5d8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/modal/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-deef124c.js');
+var tslib_es6 = require('./tslib.es6-54a62169.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -11,7 +11,7 @@ require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-921b8e9a.js');
+var transitions_module = require('./transitions.module-8899c5d8.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');

package/modal/Component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-deef124c.js');
+var tslib_es6 = require('./tslib.es6-54a62169.js');
 var React = require('react');
 require('classnames');
 require('../base-modal');
@@ -16,7 +16,7 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 var Component_desktop = require('./Component.desktop.js');
-require('./transitions.module-921b8e9a.js');
+require('./transitions.module-8899c5d8.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');

package/modal/components/closer/Component.js

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

package/modal/components/content/Component.desktop.js

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

package/modal/components/content/Component.mobile.js

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

package/modal/components/footer/Component.desktop.js

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

package/modal/components/footer/Component.mobile.js

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

package/modal/components/header/Component.desktop.js

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

package/modal/components/header/Component.mobile.js

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

package/modal/cssm/Component.desktop.js

@@ -6,18 +6,16 @@ var cn = require('classnames');
 var coreComponentsBaseModal = require('../../base-modal/cssm');
 var mergeRefs = require('react-merge-refs');
 require('./Context.js');
-require('./index.module-c2d8412c.js');
 require('./components/header/Component.js');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
-var desktop_module = require('./desktop.module-1c065b68.js');
 var components_header_Component_desktop = require('./components/header/Component.desktop.js');
 require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-3f686e77.js');
+var transitions_module = require('./transitions.module-5d309bf3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,6 +23,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
+var styles = require("./desktop.module.css");
+
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.size, size = _c === void 0 ? 's' : _c, fixedPosition = _a.fixedPosition, fullscreen = _a.fullscreen, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _d = _a.transitionProps, transitionProps = _d === void 0 ? {} : _d, restProps = tslib_es6.__rest(_a, ["size", "fixedPosition", "fullscreen", "children", "className", "wrapperClassName", "transitionProps"]);
@@ -33,7 +33,7 @@ var ModalDesktopComponent = React.forwardRef(function (_a, ref) {
     var modalRef = React.useRef(null);
     var handleEntered = React.useCallback(function (node, isAppearing) {
         if (fixedPosition && modalRef.current) {
-            var content = modalRef.current.querySelector("." + desktop_module.styles.component);
+            var content = modalRef.current.querySelector("." + styles.component);
             if (content) {
                 var marginTop = window.getComputedStyle(content).marginTop;
                 content.style.marginTop = marginTop;
@@ -43,9 +43,9 @@ var ModalDesktopComponent = React.forwardRef(function (_a, ref) {
             transitionProps.onEntered(node, isAppearing);
         }
     }, [fixedPosition, transitionProps]);
-    return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([ref, modalRef]), wrapperClassName: cn__default['default'](desktop_module.styles.wrapper, wrapperClassName, (_b = {},
-            _b[desktop_module.styles.fullscreen] = componentSize === 'fullscreen',
-            _b)), className: cn__default['default'](desktop_module.styles.component, className, desktop_module.styles[componentSize]), backdropProps: tslib_es6.__assign(tslib_es6.__assign({}, restProps.backdropProps), { invisible: componentSize === 'fullscreen' }), transitionProps: tslib_es6.__assign(tslib_es6.__assign({ classNames: transitions_module.transitions }, transitionProps), { onEntered: handleEntered }) }), React__default['default'].Children.map(children, function (child) {
+    return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([ref, modalRef]), wrapperClassName: cn__default['default'](styles.wrapper, wrapperClassName, (_b = {},
+            _b[styles.fullscreen] = componentSize === 'fullscreen',
+            _b)), className: cn__default['default'](styles.component, className, styles[componentSize]), backdropProps: tslib_es6.__assign(tslib_es6.__assign({}, restProps.backdropProps), { invisible: componentSize === 'fullscreen' }), transitionProps: tslib_es6.__assign(tslib_es6.__assign({ classNames: transitions_module.transitions }, transitionProps), { onEntered: handleEntered }) }), React__default['default'].Children.map(children, function (child) {
         return React.isValidElement(child) ? React.cloneElement(child, { size: componentSize }) : child;
     })));
 });

package/modal/cssm/Component.mobile.js

@@ -5,16 +5,14 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../base-modal/cssm');
 require('./Context.js');
-require('./index.module-c2d8412c.js');
 require('./components/header/Component.js');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-3f686e77.js');
+var transitions_module = require('./transitions.module-5d309bf3.js');
 require('@alfalab/icons-glyph/CrossMIcon');
-var mobile_module = require('./mobile.module-c147983e.js');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');
 var components_footer_Component_mobile = require('./components/footer/Component.mobile.js');
@@ -24,9 +22,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
+var styles = require("./mobile.module.css");
+
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_es6.__rest(_a, ["children", "className"]);
-    return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, { ref: ref, transitionProps: tslib_es6.__assign({ classNames: transitions_module.transitions }, restProps.transitionProps), className: cn__default['default'](className, mobile_module.styles.component) }), children));
+    return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, tslib_es6.__assign({}, restProps, { ref: ref, transitionProps: tslib_es6.__assign({ classNames: transitions_module.transitions }, restProps.transitionProps), className: cn__default['default'](className, styles.component) }), children));
 });
 var ModalMobile = Object.assign(ModalMobileComponent, {
     Content: components_content_Component_mobile.ContentMobile,

package/modal/cssm/Component.responsive.d.ts

@@ -11,7 +11,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;

package/modal/cssm/Component.responsive.js

@@ -6,21 +6,18 @@ require('classnames');
 require('../../base-modal/cssm');
 require('react-merge-refs');
 require('./Context.js');
-require('./index.module-c2d8412c.js');
 require('./components/header/Component.js');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
-require('./desktop.module-1c065b68.js');
 require('./components/header/Component.desktop.js');
 require('./components/content/Component.js');
 require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
-require('./transitions.module-3f686e77.js');
 var Component_desktop = require('./Component.desktop.js');
+require('./transitions.module-5d309bf3.js');
 require('@alfalab/icons-glyph/CrossMIcon');
-require('./mobile.module-c147983e.js');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');

package/modal/cssm/components/closer/Component.js

@@ -5,7 +5,6 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 var Context = require('../../Context.js');
-var index_module = require('../../index.module-c2d8412c.js');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
 var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
 
@@ -14,6 +13,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
+var styles = require("./index.module.css");
+
 /**
  * @deprecated Компонент только для внутреннего использования. Используйте <Header />
  */
@@ -24,10 +25,10 @@ var Closer = function (_a) {
     var handleClick = React.useCallback(function (event) {
         onClose(event, 'closerClick');
     }, [onClose]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.closer, className, (_b = {},
-            _b[index_module.styles.sticky] = sticky,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.closer, className, (_b = {},
+            _b[styles.sticky] = sticky,
             _b)) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: index_module.styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
 };
 
 exports.Closer = Closer;

package/modal/cssm/components/content/Component.desktop.js

@@ -5,8 +5,6 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 require('../../Context.js');
-require('../../index.module-c2d8412c.js');
-var desktop_module = require('../../desktop.module-1c065b68.js');
 var components_content_Component = require('./Component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,9 +12,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
+var styles = require("./desktop.module.css");
+
 var ContentDesktop = function (_a) {
     var size = _a.size, className = _a.className, restProps = tslib_es6.__rest(_a, ["size", "className"]);
-    return (React__default['default'].createElement(components_content_Component.Content, tslib_es6.__assign({ className: cn__default['default'](className, size && desktop_module.styles[size]) }, restProps)));
+    return (React__default['default'].createElement(components_content_Component.Content, tslib_es6.__assign({ className: cn__default['default'](className, size && styles[size]) }, restProps)));
 };
 
 exports.ContentDesktop = ContentDesktop;

package/modal/cssm/components/content/Component.js

@@ -4,19 +4,20 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 var Context = require('../../Context.js');
-var index_module = require('../../index.module-c2d8412c.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 Content = function (_a) {
     var _b;
     var children = _a.children, flex = _a.flex, className = _a.className;
     var contentRef = React.useContext(Context.ModalContext).contentRef;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.content, className, (_b = {},
-            _b[index_module.styles.flex] = flex,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.content, className, (_b = {},
+            _b[styles.flex] = flex,
             _b)), ref: contentRef }, children));
 };
 

package/modal/cssm/components/content/Component.mobile.js

@@ -5,18 +5,18 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 require('../../Context.js');
-require('../../index.module-c2d8412c.js');
 var components_content_Component = require('./Component.js');
-var mobile_module = require('../../mobile.module-c147983e.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("./mobile.module.css");
+
 var ContentMobile = function (_a) {
     var className = _a.className, restProps = tslib_es6.__rest(_a, ["className"]);
-    return (React__default['default'].createElement(components_content_Component.Content, tslib_es6.__assign({ className: cn__default['default'](className, mobile_module.styles.content) }, restProps)));
+    return (React__default['default'].createElement(components_content_Component.Content, tslib_es6.__assign({ className: cn__default['default'](className, styles.content) }, restProps)));
 };
 
 exports.ContentMobile = ContentMobile;

package/modal/cssm/components/footer/Component.desktop.js

@@ -5,8 +5,6 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 require('../../Context.js');
-require('../../index.module-c2d8412c.js');
-var desktop_module = require('../../desktop.module-1c065b68.js');
 var components_footer_Component = require('./Component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,11 +12,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
+var styles = require("./desktop.module.css");
+
 var FooterDesktop = function (_a) {
     var _b;
     var size = _a.size, className = _a.className, sticky = _a.sticky, restProps = tslib_es6.__rest(_a, ["size", "className", "sticky"]);
-    return (React__default['default'].createElement(components_footer_Component.Footer, tslib_es6.__assign({ className: cn__default['default'](className, desktop_module.styles.footer, size && desktop_module.styles[size], (_b = {},
-            _b[desktop_module.styles.sticky] = sticky,
+    return (React__default['default'].createElement(components_footer_Component.Footer, tslib_es6.__assign({ className: cn__default['default'](className, styles.footer, size && styles[size], (_b = {},
+            _b[styles.sticky] = sticky,
             _b)), sticky: sticky }, restProps)));
 };
 

package/modal/cssm/components/footer/Component.js

@@ -4,13 +4,14 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 var Context = require('../../Context.js');
-var index_module = require('../../index.module-c2d8412c.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 layoutStyles = require("./layout.module.css");
 
 var Footer = function (_a) {
@@ -20,9 +21,9 @@ var Footer = function (_a) {
     React.useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.footer, className, layoutStyles[layout], gap && layoutStyles["gap-" + gap], (_b = {},
-            _b[index_module.styles.highlighted] = sticky && footerHighlighted,
-            _b[index_module.styles.sticky] = sticky,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.footer, className, layoutStyles[layout], gap && layoutStyles["gap-" + gap], (_b = {},
+            _b[styles.highlighted] = sticky && footerHighlighted,
+            _b[styles.sticky] = sticky,
             _b)) }, children));
 };
 

package/modal/cssm/components/footer/Component.mobile.js

@@ -5,20 +5,20 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 require('../../Context.js');
-require('../../index.module-c2d8412c.js');
 var components_footer_Component = require('./Component.js');
-var mobile_module = require('../../mobile.module-c147983e.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("./mobile.module.css");
+
 var FooterMobile = function (_a) {
     var _b;
     var className = _a.className, sticky = _a.sticky, restProps = tslib_es6.__rest(_a, ["className", "sticky"]);
-    return (React__default['default'].createElement(components_footer_Component.Footer, tslib_es6.__assign({ className: cn__default['default'](className, mobile_module.styles.footer, (_b = {},
-            _b[mobile_module.styles.sticky] = sticky,
+    return (React__default['default'].createElement(components_footer_Component.Footer, tslib_es6.__assign({ className: cn__default['default'](className, styles.footer, (_b = {},
+            _b[styles.sticky] = sticky,
             _b)), sticky: sticky }, restProps)));
 };
 

package/modal/cssm/components/header/Component.desktop.js

@@ -5,26 +5,26 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 require('../../Context.js');
-require('../../index.module-c2d8412c.js');
 var components_header_Component = require('./Component.js');
 require('../../../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('../closer/Component.js');
-var desktop_module = require('../../desktop.module-1c065b68.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("./desktop.module.css");
+
 var HeaderDesktop = function (_a) {
     var _b;
     var size = _a.size, className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.leftAddons, leftAddons = _d === void 0 ? React__default['default'].createElement("span", null) : _d, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children"]);
     var hasContent = title || Boolean(children);
-    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, desktop_module.styles.header, size && desktop_module.styles[size], (_b = {},
-            _b[desktop_module.styles.sticky] = sticky,
-            _b[desktop_module.styles.hasContent] = hasContent,
-            _b)), contentClassName: cn__default['default'](desktop_module.styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
+    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, styles.header, size && styles[size], (_b = {},
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
 };
 
 exports.HeaderDesktop = HeaderDesktop;

package/modal/cssm/components/header/Component.js

@@ -4,13 +4,14 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 var Context = require('../../Context.js');
-var index_module = require('../../index.module-c2d8412c.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 Header = function (_a) {
     var _b, _c;
     var className = _a.className, addonClassName = _a.addonClassName, contentClassName = _a.contentClassName, leftAddons = _a.leftAddons, children = _a.children, _d = _a.align, align = _d === void 0 ? 'left' : _d, _e = _a.trim, trim = _e === void 0 ? true : _e, title = _a.title, closer = _a.closer, sticky = _a.sticky;
@@ -19,18 +20,18 @@ var Header = function (_a) {
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.header, className, (_b = {},
-            _b[index_module.styles.highlighted] = hasContent && sticky && headerHighlighted,
-            _b[index_module.styles.sticky] = sticky,
-            _b[index_module.styles.hasContent] = hasContent,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.header, className, (_b = {},
+            _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
             _b)) },
-        leftAddons && React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.addon, addonClassName) }, leftAddons),
-        hasContent && (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.content, contentClassName, index_module.styles[align], (_c = {},
-                _c[index_module.styles.trim] = trim,
+        leftAddons && React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, addonClassName) }, leftAddons),
+        hasContent && (React__default['default'].createElement("div", { className: cn__default['default'](styles.content, contentClassName, styles[align], (_c = {},
+                _c[styles.trim] = trim,
                 _c)) },
             children,
-            title && React__default['default'].createElement("div", { className: index_module.styles.title }, title))),
-        closer && (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.addon, index_module.styles.closer, addonClassName) }, closer))));
+            title && React__default['default'].createElement("div", { className: styles.title }, title))),
+        closer && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, styles.closer, addonClassName) }, closer))));
 };
 
 exports.Header = Header;

package/modal/cssm/components/header/Component.mobile.js

@@ -5,13 +5,11 @@ var React = require('react');
 var cn = require('classnames');
 require('../../../../base-modal/cssm');
 require('../../Context.js');
-require('../../index.module-c2d8412c.js');
 var components_header_Component = require('./Component.js');
 require('../../../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('../closer/Component.js');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var mobile_module = require('../../mobile.module-c147983e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,12 +17,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var CrossMIcon__default = /*#__PURE__*/_interopDefaultLegacy(CrossMIcon);
 
+var styles = require("./mobile.module.css");
+
 var HeaderMobile = function (_a) {
     var _b;
     var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, restProps = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky"]);
     return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, (_b = {},
-            _b[mobile_module.styles.sticky] = sticky,
-            _b)), contentClassName: cn__default['default'](mobile_module.styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: CrossMIcon__default['default'], size: 'xs' }) : null, sticky: sticky }, restProps)));
+            _b[styles.sticky] = sticky,
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: CrossMIcon__default['default'], size: 'xs' }) : null, sticky: sticky }, restProps)));
 };
 
 exports.HeaderMobile = HeaderMobile;

package/modal/cssm/desktop.js

@@ -6,19 +6,17 @@ require('classnames');
 require('../../base-modal/cssm');
 require('react-merge-refs');
 require('./Context.js');
-require('./index.module-c2d8412c.js');
 require('./components/header/Component.js');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('./components/closer/Component.js');
-require('./desktop.module-1c065b68.js');
 require('./components/header/Component.desktop.js');
 require('./components/content/Component.js');
 require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
-require('./transitions.module-3f686e77.js');
 var Component_desktop = require('./Component.desktop.js');
+require('./transitions.module-5d309bf3.js');
 
 
 

package/modal/cssm/index.js

@@ -6,21 +6,18 @@ require('classnames');
 require('../../base-modal/cssm');
 require('react-merge-refs');
 var Context = require('./Context.js');
-require('./index.module-c2d8412c.js');
 require('./components/header/Component.js');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('./components/closer/Component.js');
-require('./desktop.module-1c065b68.js');
 require('./components/header/Component.desktop.js');
 require('./components/content/Component.js');
 require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
-require('./transitions.module-3f686e77.js');
 require('./Component.desktop.js');
+require('./transitions.module-5d309bf3.js');
 require('@alfalab/icons-glyph/CrossMIcon');
-require('./mobile.module-c147983e.js');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');