@alfalab/core-components-side-panel 2.4.2 → 2.5.0

package/cssm/Component.responsive.js

@@ -1,72 +1,70 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
-require('react-merge-refs');
+var hooks = require('@alfalab/hooks');
+var components_closer_Component = require('./components/closer/Component.js');
+var Component_desktop = require('./Component.desktop.js');
+var Component_mobile = require('./Component.mobile.js');
 require('classnames');
-require('@alfalab/core-components-drawer/cssm');
-require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-icon-button/cssm');
 require('./Context.js');
-require('./components/content/index.module.css');
+require('@alfalab/core-components-base-modal/cssm');
+require('./components/closer/index.module.css');
+require('react-merge-refs');
+require('@alfalab/core-components-drawer/cssm');
+require('./components/content/Component.desktop.js');
 require('./components/content/Component.js');
+require('./components/content/index.module.css');
 require('./components/content/desktop.module.css');
-require('./components/content/Component.desktop.js');
+require('./components/footer/Component.desktop.js');
+require('./components/footer/Component.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('./components/header/Component.desktop.js');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('@alfalab/core-components-icon-button/cssm');
-require('./components/closer/index.module.css');
-var components_closer_Component = require('./components/closer/Component.js');
-require('./components/header/index.module.css');
 require('./components/header/Component.js');
+require('./components/header/index.module.css');
 require('./components/header/desktop.module.css');
-require('./components/header/Component.desktop.js');
 require('./desktop.module.css');
 require('./transitions.desktop.module.css');
-var Component_desktop = require('./Component.desktop.js');
-require('./components/content/mobile.module.css');
 require('./components/content/Component.mobile.js');
-require('./components/footer/mobile.module.css');
+require('./components/content/mobile.module.css');
 require('./components/footer/Component.mobile.js');
+require('./components/footer/mobile.module.css');
+require('./components/header/Component.mobile.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/mobile.module.css');
-require('./components/header/Component.mobile.js');
 require('./mobile.module.css');
 require('./transitions.mobile.module.css');
-var Component_mobile = require('./Component.mobile.js');
-var hooks = require('@alfalab/hooks');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
-var ResponsiveContext = React__default['default'].createContext({
+var ResponsiveContext = React__default.default.createContext({
     view: 'desktop',
 });
 function createResponsive(desktop, mobile) {
     function ResponsiveChild(props) {
         var view = React.useContext(ResponsiveContext).view;
         var Child = view === 'desktop' ? desktop : mobile;
-        return React__default['default'].createElement(Child, tslib_es6.__assign({}, props));
+        return React__default.default.createElement(Child, tslib_es6.__assign({}, props));
     }
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, restProps = tslib_es6.__rest(_a, ["children"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib_es6.__rest(_a, ["children", "breakpoint"]);
     var view = hooks.useMedia([
-        ['mobile', '(max-width: 1023px)'],
-        ['desktop', '(min-width: 1024px)'],
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
     var contextValue = React.useMemo(function () { return ({ view: view }); }, [view]);
     var Component = view === 'desktop' ? Component_desktop.SidePanelDesktop : Component_mobile.SidePanelMobile;
-    return (React__default['default'].createElement(ResponsiveContext.Provider, { value: contextValue },
-        React__default['default'].createElement(Component, tslib_es6.__assign({ ref: ref }, restProps), children)));
+    return (React__default.default.createElement(ResponsiveContext.Provider, { value: contextValue },
+        React__default.default.createElement(Component, tslib_es6.__assign({ ref: ref }, restProps), children)));
 });
 var SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {
     Header: createResponsive(Component_desktop.SidePanelDesktop.Header, Component_mobile.SidePanelMobile.Header),

package/cssm/Context.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
 
 var ModalContext = coreComponentsBaseModal.BaseModalContext;

package/cssm/components/closer/Component.js

@@ -1,20 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
-var Context = require('../../Context.js');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
+var Context = require('../../Context.js');
 var styles = require('./index.module.css');
+require('@alfalab/core-components-base-modal/cssm');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /**
  * @deprecated Компонент только для внутреннего использования. Используйте <Header />
@@ -26,10 +24,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'](styles__default['default'].closer, className, (_b = {},
-            _b[styles__default['default'].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: styles__default['default'].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/cssm/components/content/Component.desktop.js

@@ -1,25 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
-require('../../Context.js');
-require('./index.module.css');
 var components_content_Component = require('./Component.js');
 var styles = require('./desktop.module.css');
+require('../../Context.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var ContentDesktop = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b, 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 && styles__default['default'][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/cssm/components/content/Component.js

@@ -1,23 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
 var Context = require('../../Context.js');
 var styles = require('./index.module.css');
+require('@alfalab/core-components-base-modal/cssm');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Content = function (_a) {
     var children = _a.children, className = _a.className, dataTestId = _a.dataTestId;
     var contentRef = React.useContext(Context.ModalContext).contentRef;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].content, className, styles__default['default'].flex), ref: contentRef, "data-test-id": dataTestId }, children));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, className, styles__default.default.flex), ref: contentRef, "data-test-id": dataTestId }, children));
 };
 
 exports.Content = Content;

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

@@ -1,25 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
-require('../../Context.js');
-require('./index.module.css');
 var components_content_Component = require('./Component.js');
 var styles = require('./mobile.module.css');
+require('../../Context.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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, styles__default['default'].content) }, restProps)));
+    return (React__default.default.createElement(components_content_Component.Content, tslib_es6.__assign({ className: cn__default.default(className, styles__default.default.content) }, restProps)));
 };
 
 exports.ContentMobile = ContentMobile;

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

@@ -1,28 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
+var components_footer_Component = require('./Component.js');
+var styles = require('./desktop.module.css');
 require('../../Context.js');
+require('@alfalab/core-components-base-modal/cssm');
 require('./index.module.css');
 require('./layout.module.css');
-var components_footer_Component = require('./Component.js');
-var styles = require('./desktop.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var FooterDesktop = function (_a) {
     var _b;
     var _c = _a.size, size = _c === void 0 ? 's' : _c, 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, size && styles__default['default'][size], (_b = {},
-            _b[styles__default['default'].sticky] = sticky,
+    return (React__default.default.createElement(components_footer_Component.Footer, tslib_es6.__assign({ className: cn__default.default(className, size && styles__default.default[size], (_b = {},
+            _b[styles__default.default.sticky] = sticky,
             _b)), sticky: sticky }, restProps)));
 };
 

package/cssm/components/footer/Component.js

@@ -1,20 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
 var Context = require('../../Context.js');
 var styles = require('./index.module.css');
 var layoutStyles = require('./layout.module.css');
+require('@alfalab/core-components-base-modal/cssm');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 layoutStyles__default = /*#__PURE__*/_interopDefaultLegacy(layoutStyles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var layoutStyles__default = /*#__PURE__*/_interopDefaultCompat(layoutStyles);
 
 var Footer = function (_a) {
     var _b;
@@ -23,9 +21,9 @@ var Footer = function (_a) {
     React.useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].footer, className, layoutStyles__default['default'][layout], gap && layoutStyles__default['default']["gap-" + gap], (_b = {},
-            _b[styles__default['default'].highlighted] = sticky && footerHighlighted,
-            _b[styles__default['default'].sticky] = sticky,
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.footer, className, layoutStyles__default.default[layout], gap && layoutStyles__default.default["gap-".concat(gap)], (_b = {},
+            _b[styles__default.default.highlighted] = sticky && footerHighlighted,
+            _b[styles__default.default.sticky] = sticky,
             _b)), "data-test-id": dataTestId }, children));
 };
 

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

@@ -1,28 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
+var components_footer_Component = require('./Component.js');
+var styles = require('./mobile.module.css');
 require('../../Context.js');
+require('@alfalab/core-components-base-modal/cssm');
 require('./index.module.css');
 require('./layout.module.css');
-var components_footer_Component = require('./Component.js');
-var styles = require('./mobile.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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, styles__default['default'].footer, (_b = {},
-            _b[styles__default['default'].sticky] = sticky,
+    return (React__default.default.createElement(components_footer_Component.Footer, tslib_es6.__assign({ className: cn__default.default(className, styles__default.default.footer, (_b = {},
+            _b[styles__default.default.sticky] = sticky,
             _b)), sticky: sticky }, restProps)));
 };
 

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

@@ -1,34 +1,32 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
-require('../../Context.js');
 var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('@alfalab/core-components-icon-button/cssm');
-require('../closer/index.module.css');
 var components_closer_Component = require('../closer/Component.js');
-require('./index.module.css');
 var components_header_Component = require('./Component.js');
 var styles = require('./desktop.module.css');
+require('@alfalab/core-components-icon-button/cssm');
+require('../../Context.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('../closer/index.module.css');
+require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var HeaderDesktop = function (_a) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, _e = _a.closerIcon, closerIcon = _e === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _e, sticky = _a.sticky, _f = _a.leftAddons, leftAddons = _f === void 0 ? React__default['default'].createElement("span", null) : _f, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "closerIcon", "sticky", "leftAddons", "title", "children"]);
+    var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, _e = _a.closerIcon, closerIcon = _e === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _e, sticky = _a.sticky, _f = _a.leftAddons, leftAddons = _f === void 0 ? React__default.default.createElement("span", null) : _f, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "closerIcon", "sticky", "leftAddons", "title", "children"]);
     var hasContent = Boolean(title || children);
-    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, size && styles__default['default'][size], (_b = {},
-            _b[styles__default['default'].sticky] = sticky,
-            _b[styles__default['default'].hasContent] = hasContent,
-            _b)), contentClassName: cn__default['default'](styles__default['default'].content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: closerIcon }) : 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, size && styles__default.default[size], (_b = {},
+            _b[styles__default.default.sticky] = sticky,
+            _b[styles__default.default.hasContent] = hasContent,
+            _b)), contentClassName: cn__default.default(styles__default.default.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon }) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
 };
 
 exports.HeaderDesktop = HeaderDesktop;

package/cssm/components/header/Component.js

@@ -1,19 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
 var Context = require('../../Context.js');
 var styles = require('./index.module.css');
+require('@alfalab/core-components-base-modal/cssm');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Header = function (_a) {
     var _b, _c;
@@ -23,19 +21,19 @@ var Header = function (_a) {
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].header, className, (_b = {},
-            _b[styles__default['default'].backgroundImage] = imageUrl,
-            _b[styles__default['default'].highlighted] = hasContent && sticky && headerHighlighted,
-            _b[styles__default['default'].sticky] = sticky,
-            _b[styles__default['default'].hasContent] = hasContent,
-            _b)), "data-test-id": dataTestId, style: tslib_es6.__assign({}, (imageUrl && { backgroundImage: "url(" + imageUrl + ")" })) },
-        leftAddons && React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addon, addonClassName) }, leftAddons),
-        hasContent && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].content, contentClassName, styles__default['default'][align], (_c = {},
-                _c[styles__default['default'].trim] = trim,
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.header, className, (_b = {},
+            _b[styles__default.default.backgroundImage] = imageUrl,
+            _b[styles__default.default.highlighted] = hasContent && sticky && headerHighlighted,
+            _b[styles__default.default.sticky] = sticky,
+            _b[styles__default.default.hasContent] = hasContent,
+            _b)), "data-test-id": dataTestId, style: tslib_es6.__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })) },
+        leftAddons && React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addon, addonClassName) }, leftAddons),
+        hasContent && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, contentClassName, styles__default.default[align], (_c = {},
+                _c[styles__default.default.trim] = trim,
                 _c)) },
             children,
-            title && React__default['default'].createElement("div", { className: styles__default['default'].title }, title))),
-        closer && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addon, styles__default['default'].closer, addonClassName) }, closer))));
+            title && React__default.default.createElement("div", { className: styles__default.default.title }, title))),
+        closer && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addon, styles__default.default.closer, addonClassName) }, closer))));
 };
 
 exports.Header = Header;

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

@@ -1,33 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
-require('../../Context.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('../closer/index.module.css');
+var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var components_closer_Component = require('../closer/Component.js');
-require('./index.module.css');
 var components_header_Component = require('./Component.js');
-var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var styles = require('./mobile.module.css');
+require('@alfalab/core-components-icon-button/cssm');
+require('../../Context.js');
+require('@alfalab/core-components-base-modal/cssm');
+require('../closer/index.module.css');
+require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 CrossMIcon__default = /*#__PURE__*/_interopDefaultLegacy(CrossMIcon);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var CrossMIcon__default = /*#__PURE__*/_interopDefaultCompat(CrossMIcon);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon__default['default'] : _d, restProps = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
-    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, (_b = {},
-            _b[styles__default['default'].sticky] = sticky,
-            _b)), contentClassName: cn__default['default'](styles__default['default'].content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
+    var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon__default.default : _d, restProps = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
+    return (React__default.default.createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default.default(className, (_b = {},
+            _b[styles__default.default.sticky] = sticky,
+            _b)), contentClassName: cn__default.default(styles__default.default.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
 };
 
 exports.HeaderMobile = HeaderMobile;

package/cssm/desktop.d.ts

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

package/cssm/desktop.js

@@ -1,34 +1,32 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component_desktop = require('./Component.desktop.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-drawer/cssm');
-require('@alfalab/core-components-base-modal/cssm');
+require('./components/content/Component.desktop.js');
+require('./components/content/Component.js');
 require('./Context.js');
+require('@alfalab/core-components-base-modal/cssm');
 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/Component.desktop.js');
+require('./components/footer/Component.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('./components/header/Component.desktop.js');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('./components/closer/Component.js');
 require('@alfalab/core-components-icon-button/cssm');
 require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
-require('./components/header/index.module.css');
 require('./components/header/Component.js');
+require('./components/header/index.module.css');
 require('./components/header/desktop.module.css');
-require('./components/header/Component.desktop.js');
 require('./desktop.module.css');
 require('./transitions.desktop.module.css');
-var Component_desktop = require('./Component.desktop.js');