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

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

@@ -34,7 +34,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     clearableCountryCode?: boolean;
 };
-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"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "options" | "visibleOptions" | "open" | "label" | "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.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, "error" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "options" | "visibleOptions" | "open" | "label" | "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/link/cssm/Component.js

@@ -4,12 +4,18 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,15 +56,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'],
 };
 var Link = React.forwardRef(function (_a, ref) {
     var _b, _c;
@@ -66,10 +66,10 @@ var Link = React.forwardRef(function (_a, ref) {
     var linkRef = React.useRef(null);
     var focused = hooks.useFocus(linkRef, 'keyboard')[0];
     var componentProps = (_b = {
-            className: cn__default['default'](styles.component, colorStyles[colors][view], (_c = {},
-                _c[styles.pseudo] = pseudo,
-                _c[styles.focused] = focused,
-                _c[styles.withAddons] = leftAddons || rightAddons,
+            className: cn__default['default'](styles__default['default'].component, colorStyles[colors][view], (_c = {},
+                _c[styles__default['default'].pseudo] = pseudo,
+                _c[styles__default['default'].focused] = focused,
+                _c[styles__default['default'].withAddons] = leftAddons || rightAddons,
                 _c), className),
             'data-test-id': dataTestId,
             rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined
@@ -78,10 +78,10 @@ var Link = React.forwardRef(function (_a, ref) {
         _b[typeof Component === 'string' ? 'href' : 'to'] = href,
         _b);
     return (React__default['default'].createElement(Component, __assign({}, componentProps, restProps, { ref: mergeRefs__default['default']([linkRef, ref]) }), leftAddons || rightAddons ? (React__default['default'].createElement(React__default['default'].Fragment, null,
-        leftAddons && React__default['default'].createElement("span", { className: styles.addons }, leftAddons),
+        leftAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, leftAddons),
         children && (React__default['default'].createElement("span", null,
-            React__default['default'].createElement("span", { className: styles.text }, children))),
-        rightAddons && React__default['default'].createElement("span", { className: styles.addons }, rightAddons))) : (React__default['default'].createElement("span", { className: styles.text }, children))));
+            React__default['default'].createElement("span", { className: styles__default['default'].text }, children))),
+        rightAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, rightAddons))) : (React__default['default'].createElement("span", { className: styles__default['default'].text }, children))));
 });
 /**
  * Для отображения в сторибуке

package/link/cssm/index.js

@@ -5,6 +5,9 @@ require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./index.module.css');
+require('./default.module.css');
+require('./inverted.module.css');
 
 
 

package/list/cssm/Component.js

@@ -2,29 +2,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var cn = require('classnames');
 var React = require('react');
+var styles = require('./index.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 = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var List = function (_a) {
     var _b, _c;
     var _d = _a.tag, Component = _d === void 0 ? 'ul' : _d, marker = _a.marker, className = _a.className, dataTestId = _a.dataTestId, children = _a.children;
     var markerType = marker || (Component === 'ul' ? '—' : 'decimal');
-    var listClassNames = cn__default['default'](styles.list, (_b = {},
-        _b[styles.lowerAlpha] = markerType === 'lower-alpha',
-        _b[styles.decimal] = markerType === 'decimal',
-        _b[styles.orderedList] = Component === 'ol',
+    var listClassNames = cn__default['default'](styles__default['default'].list, (_b = {},
+        _b[styles__default['default'].lowerAlpha] = markerType === 'lower-alpha',
+        _b[styles__default['default'].decimal] = markerType === 'decimal',
+        _b[styles__default['default'].orderedList] = Component === 'ol',
         _b), className);
-    var itemClassNames = cn__default['default'](styles.item, (_c = {},
-        _c[styles.unorderedItem] = Component === 'ul',
-        _c[styles.orderedItem] = Component === 'ol',
+    var itemClassNames = cn__default['default'](styles__default['default'].item, (_c = {},
+        _c[styles__default['default'].unorderedItem] = Component === 'ul',
+        _c[styles__default['default'].orderedItem] = Component === 'ol',
         _c));
     return (React__default['default'].createElement(Component, { className: listClassNames, "data-test-id": dataTestId }, React.Children.map(children, function (child) { return (React__default['default'].createElement("li", { className: itemClassNames },
-        Component !== 'ol' && React__default['default'].createElement("div", { className: styles.slot }, markerType),
+        Component !== 'ol' && React__default['default'].createElement("div", { className: styles__default['default'].slot }, markerType),
         child)); })));
 };
 

package/list/cssm/index.js

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

package/list-header/cssm/Component.js

@@ -3,20 +3,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTypography = require('../../typography/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 = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var ListHeader = function (_a) {
     var _b;
     var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("div", { "data-test-id": dataTestId, className: cn__default['default'](styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
+    return (React__default['default'].createElement("div", { "data-test-id": dataTestId, className: cn__default['default'](styles__default['default'].component, (_b = {}, _b[styles__default['default'].filled] = filled, _b), className) },
         React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
-        description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default['default'](styles.description) }, ", " + description))));
+        description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default['default'](styles__default['default'].description) }, ", " + description))));
 };
 
 exports.ListHeader = ListHeader;

package/list-header/cssm/index.js

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

package/loader/cssm/Component.js

@@ -2,17 +2,17 @@ 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 Loader = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
         React__default['default'].createElement("div", null),
         React__default['default'].createElement("div", null),
         React__default['default'].createElement("div", null)));

package/loader/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/masked-input/cssm/Component.js

@@ -5,12 +5,14 @@ var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var textMaskCore = require('text-mask-core');
 var coreComponentsInput = require('../../input/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 mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -51,8 +53,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000
 var PLACEHOLDER_CHAR = '\u2000';
 var MaskedInput = React__default['default'].forwardRef(function (_a, ref) {
@@ -110,7 +110,7 @@ var MaskedInput = React__default['default'].forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setTextHidden(false);
     }, []);
-    return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn__default['default'](className, (_b = {}, _b[styles.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default['default']([ref, inputRef]) })));
+    return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn__default['default'](className, (_b = {}, _b[styles__default['default'].textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default['default']([ref, inputRef]) })));
 });
 
 exports.MaskedInput = MaskedInput;

package/masked-input/cssm/index.js

@@ -6,6 +6,7 @@ require('classnames');
 require('react-merge-refs');
 require('text-mask-core');
 require('../../input/cssm');
+require('./index.module.css');
 
 
 

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-aea50108.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-28369e65.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-aea50108.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-28369e65.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-aea50108.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-28369e65.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-aea50108.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-aea50108.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-aea50108.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-aea50108.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-aea50108.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-aea50108.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-aea50108.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');

package/modal/cssm/Component.desktop.js

@@ -6,24 +6,33 @@ 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/index.module.css');
 require('./components/header/Component.js');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('./components/closer/index.module.css');
 var components_closer_Component = require('./components/closer/Component.js');
-var desktop_module = require('./desktop.module-1c065b68.js');
+require('./components/header/desktop.module.css');
 var components_header_Component_desktop = require('./components/header/Component.desktop.js');
+require('./components/content/index.module.css');
 require('./components/content/Component.js');
+require('./components/content/desktop.module.css');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
+require('./components/footer/index.module.css');
+require('./components/footer/layout.module.css');
 require('./components/footer/Component.js');
+require('./components/footer/desktop.module.css');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-3f686e77.js');
+var styles = require('./desktop.module.css');
+var transitions = require('./transitions.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);
+var transitions__default = /*#__PURE__*/_interopDefaultLegacy(transitions);
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {
     var _b;
@@ -33,7 +42,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__default['default'].component);
             if (content) {
                 var marginTop = window.getComputedStyle(content).marginTop;
                 content.style.marginTop = marginTop;
@@ -43,9 +52,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__default['default'].wrapper, wrapperClassName, (_b = {},
+            _b[styles__default['default'].fullscreen] = componentSize === 'fullscreen',
+            _b)), className: cn__default['default'](styles__default['default'].component, className, styles__default['default'][componentSize]), backdropProps: tslib_es6.__assign(tslib_es6.__assign({}, restProps.backdropProps), { invisible: componentSize === 'fullscreen' }), transitionProps: tslib_es6.__assign(tslib_es6.__assign({ classNames: transitions__default['default'] }, 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,28 +5,37 @@ 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/index.module.css');
 require('./components/header/Component.js');
 require('../../icon-button/cssm');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('./components/closer/index.module.css');
 var components_closer_Component = require('./components/closer/Component.js');
+require('./components/content/index.module.css');
 require('./components/content/Component.js');
+require('./components/footer/index.module.css');
+require('./components/footer/layout.module.css');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-3f686e77.js');
+var transitions = require('./transitions.module.css');
 require('@alfalab/icons-glyph/CrossMIcon');
-var mobile_module = require('./mobile.module-c147983e.js');
+require('./components/header/mobile.module.css');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
+require('./components/content/mobile.module.css');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');
+require('./components/footer/mobile.module.css');
 var components_footer_Component_mobile = require('./components/footer/Component.mobile.js');
+var styles = require('./mobile.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 transitions__default = /*#__PURE__*/_interopDefaultLegacy(transitions);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 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__default['default'] }, restProps.transitionProps), className: cn__default['default'](className, styles__default['default'].component) }), children));
 });
 var ModalMobile = Object.assign(ModalMobileComponent, {
     Content: components_content_Component_mobile.ContentMobile,

package/modal/cssm/Component.responsive.js

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

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

@@ -5,14 +5,15 @@ 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');
+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);
 
 /**
  * @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__default['default'].closer, className, (_b = {},
+            _b[styles__default['default'].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__default['default'].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,18 +5,19 @@ 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');
+require('./index.module.css');
 var components_content_Component = require('./Component.js');
+var styles = require('./desktop.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);
 
 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__default['default'][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');
+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);
 
 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__default['default'].content, className, (_b = {},
+            _b[styles__default['default'].flex] = flex,
             _b)), ref: contentRef }, children));
 };