@alfalab/core-components-side-panel 2.1.5 → 2.3.0

package/components/header/Component.desktop.js

@@ -2,32 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8f8531e8.js');
+var tslib_es6 = require('../../tslib.es6-d84e0616.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
 require('../../Context.js');
-var components_header_Component = require('./Component.js');
+var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('../closer/Component.js');
+var components_header_Component = require('./Component.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 = {"content":"side-panel__content_9exhx","s":"side-panel__s_9exhx","hasContent":"side-panel__hasContent_9exhx","sticky":"side-panel__sticky_9exhx"};
+var styles = {"content":"side-panel__content_nuaig","s":"side-panel__s_nuaig","hasContent":"side-panel__hasContent_nuaig","sticky":"side-panel__sticky_nuaig"};
 require('./desktop.css')
 
 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, sticky = _a.sticky, _e = _a.leftAddons, leftAddons = _e === void 0 ? React__default['default'].createElement("span", null) : _e, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "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[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));
+            _b)), contentClassName: cn__default['default'](styles.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/components/header/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8f8531e8.js');
+var tslib_es6 = require('../../tslib.es6-d84e0616.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"side-panel__header_1bh31","hasContent":"side-panel__hasContent_1bh31","highlighted":"side-panel__highlighted_1bh31","sticky":"side-panel__sticky_1bh31","backgroundImage":"side-panel__backgroundImage_1bh31","content":"side-panel__content_1bh31","title":"side-panel__title_1bh31","addon":"side-panel__addon_1bh31","closer":"side-panel__closer_1bh31","left":"side-panel__left_1bh31","center":"side-panel__center_1bh31","right":"side-panel__right_1bh31","trim":"side-panel__trim_1bh31"};
+var styles = {"header":"side-panel__header_mq08o","hasContent":"side-panel__hasContent_mq08o","highlighted":"side-panel__highlighted_mq08o","sticky":"side-panel__sticky_mq08o","backgroundImage":"side-panel__backgroundImage_mq08o","content":"side-panel__content_mq08o","title":"side-panel__title_mq08o","addon":"side-panel__addon_mq08o","closer":"side-panel__closer_mq08o","left":"side-panel__left_mq08o","center":"side-panel__center_mq08o","right":"side-panel__right_mq08o","trim":"side-panel__trim_mq08o"};
 require('./index.css')
 
 var Header = function (_a) {

package/components/header/Component.mobile.d.ts

@@ -1,10 +1,14 @@
-import { FC } from 'react';
+import { ElementType, FC } from 'react';
 import { HeaderProps } from "./Component";
 type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
     /**
      * Наличие крестика
      */
     hasCloser?: boolean;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: ElementType;
 };
 declare const HeaderMobile: FC<HeaderMobileProps>;
 export { HeaderMobileProps, HeaderMobile };

package/components/header/Component.mobile.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8f8531e8.js');
+var tslib_es6 = require('../../tslib.es6-d84e0616.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
 require('../../Context.js');
-var components_header_Component = require('./Component.js');
 require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('../closer/Component.js');
+var components_header_Component = require('./Component.js');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,15 +18,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var CrossMIcon__default = /*#__PURE__*/_interopDefaultLegacy(CrossMIcon);
 
-var styles = {"sticky":"side-panel__sticky_7slgu","content":"side-panel__content_7slgu"};
+var styles = {"sticky":"side-panel__sticky_10ra5","content":"side-panel__content_10ra5"};
 require('./mobile.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"]);
+    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.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)));
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
 };
 
 exports.HeaderMobile = HeaderMobile;

package/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: n5ssr */
+/* hash: p4lcw */
 :root {
 
     /* Hard */
@@ -34,21 +34,21 @@
 
     /* mobile */
 }
-.side-panel__content_9exhx {
+.side-panel__content_nuaig {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
 }
-.side-panel__s_9exhx .side-panel__content_9exhx {
+.side-panel__s_nuaig .side-panel__content_nuaig {
     padding: var(--side-panel-s-header-desktop-content-paddings);
     font-size: var(--side-panel-s-header-desktop-font-size);
     line-height: var(--side-panel-s-header-desktop-line-height);
 }
-.side-panel__s_9exhx {
+.side-panel__s_nuaig {
     padding: var(--side-panel-s-header-paddings)
 }
-.side-panel__s_9exhx:not(.side-panel__hasContent_9exhx) {
+.side-panel__s_nuaig:not(.side-panel__hasContent_nuaig) {
         padding-bottom: 0;
     }
-.side-panel__sticky_9exhx {
+.side-panel__sticky_nuaig {
     top: 0;
 }

package/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 3jt44 */
+/* hash: g0wlq */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.side-panel__header_1bh31 {
+.side-panel__header_mq08o {
     width: 100%;
     box-sizing: border-box;
     display: flex;
@@ -33,31 +33,31 @@
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
 }
-.side-panel__header_1bh31:not(.side-panel__hasContent_1bh31) {
+.side-panel__header_mq08o:not(.side-panel__hasContent_mq08o) {
         pointer-events: none;
     }
-.side-panel__highlighted_1bh31 {
+.side-panel__highlighted_mq08o {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
 }
-.side-panel__sticky_1bh31 {
+.side-panel__sticky_mq08o {
     position: sticky;
     z-index: 1
 }
-.side-panel__sticky_1bh31.side-panel__hasContent_1bh31 {
+.side-panel__sticky_mq08o.side-panel__hasContent_mq08o {
         background: var(--side-panel-header-background);
     }
-.side-panel__header_1bh31.side-panel__backgroundImage_1bh31 {
+.side-panel__header_mq08o.side-panel__backgroundImage_mq08o {
     background: center no-repeat;
     background-size: cover;
 }
-.side-panel__content_1bh31 {
+.side-panel__content_mq08o {
     flex-grow: 1;
 }
-.side-panel__title_1bh31 {
+.side-panel__title_mq08o {
     word-break: break-word;
 }
-.side-panel__addon_1bh31 {
+.side-panel__addon_mq08o {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -65,25 +65,25 @@
     align-items: center;
     pointer-events: all;
 }
-.side-panel__closer_1bh31 {
+.side-panel__closer_mq08o {
     margin-left: auto;
 }
-.side-panel__left_1bh31 {
+.side-panel__left_mq08o {
     justify-content: flex-start;
     text-align: left;
 }
-.side-panel__center_1bh31 {
+.side-panel__center_mq08o {
     justify-content: center;
     text-align: center;
 }
-.side-panel__right_1bh31 {
+.side-panel__right_mq08o {
     justify-content: flex-end;
     text-align: right;
 }
-.side-panel__trim_1bh31 {
+.side-panel__trim_mq08o {
     overflow: hidden
 }
-.side-panel__trim_1bh31 .side-panel__title_1bh31 {
+.side-panel__trim_mq08o .side-panel__title_mq08o {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: yiy8o */
+/* hash: lkx0f */
 :root {
 
     /* Hard */
@@ -34,10 +34,10 @@
     --side-panel-header-mobile-font-family: var(--font-family-system);
     --side-panel-header-mobile-font-weight: bold;
 }
-.side-panel__sticky_7slgu {
+.side-panel__sticky_10ra5 {
     top: 0;
 }
-.side-panel__content_7slgu {
+.side-panel__content_10ra5 {
     font-size: var(--side-panel-header-mobile-font-size);
     line-height: var(--side-panel-header-mobile-line-height);
     font-family: var(--side-panel-header-mobile-font-family);

package/cssm/Component.desktop.d.ts

@@ -1,13 +1,8 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from 'react';
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { TransitionProps } from 'react-transition-group/Transition';
-type SidePanelDesktopProps = BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TransitionProps>;
+import { DrawerProps } from "@alfalab/core-components-drawer";
+type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -19,11 +14,7 @@ type SidePanelDesktopProps = BaseModalProps & {
      */
     hasCloser?: boolean;
 };
-declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TimeoutProps<undefined>> | Partial<EndListenerProps<undefined>> | undefined;
+declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
      * @default "s"

package/cssm/Component.desktop.js

@@ -2,21 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-ce870b46.js');
+var tslib_es6 = require('./tslib.es6-9682e485.js');
 var React = require('react');
+var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsDrawer = require('@alfalab/core-components-drawer/cssm');
-var mergeRefs = require('react-merge-refs');
 require('@alfalab/core-components-base-modal/cssm');
 require('./Context.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/closer/index.module.css');
-require('./components/closer/Component.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');
@@ -26,21 +18,46 @@ 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');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+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/desktop.module.css');
+var components_header_Component_desktop = require('./components/header/Component.desktop.js');
 var styles = require('./desktop.module.css');
 var transitions = require('./transitions.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 mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var transitions__default = /*#__PURE__*/_interopDefaultLegacy(transitions);
 
 var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 's' : _b, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _c = _a.contentTransitionProps, contentTransitionProps = _c === void 0 ? {} : _c, backdropProps = _a.backdropProps, restProps = tslib_es6.__rest(_a, ["size", "children", "className", "wrapperClassName", "contentTransitionProps", "backdropProps"]);
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 's' : _d, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _e = _a.contentTransitionProps, contentTransitionProps = _e === void 0 ? {} : _e, backdropProps = _a.backdropProps, _f = _a.placement, placement = _f === void 0 ? 'right' : _f, restProps = tslib_es6.__rest(_a, ["size", "children", "className", "wrapperClassName", "contentTransitionProps", "backdropProps", "placement"]);
     var modalRef = React.useRef(null);
-    return (React__default['default'].createElement(coreComponentsDrawer.Drawer, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([ref, modalRef]), wrapperClassName: wrapperClassName, className: cn__default['default'](className, styles__default['default'][size], styles__default['default'].hidden), backdropProps: backdropProps, contentTransitionProps: tslib_es6.__assign({ classNames: transitions__default['default'] }, contentTransitionProps) }), React__default['default'].Children.map(children, function (child) {
+    var enterCn = cn__default['default']((_b = {},
+        _b[transitions__default['default'].appearRight] = placement === 'right',
+        _b[transitions__default['default'].appearLeft] = placement === 'left',
+        _b));
+    var exitCn = cn__default['default']((_c = {},
+        _c[transitions__default['default'].exitActiveRight] = placement === 'right',
+        _c[transitions__default['default'].exitActiveLeft] = placement === 'left',
+        _c));
+    return (React__default['default'].createElement(coreComponentsDrawer.Drawer, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([ref, modalRef]), placement: placement, wrapperClassName: wrapperClassName, className: cn__default['default'](className, styles__default['default'][size], styles__default['default'].hidden), backdropProps: backdropProps, contentTransitionProps: tslib_es6.__assign({ classNames: {
+                appear: enterCn,
+                enter: enterCn,
+                appearActive: transitions__default['default'].enterActive,
+                enterActive: transitions__default['default'].enterActive,
+                exit: transitions__default['default'].exit,
+                exitActive: exitCn,
+                exitDone: exitCn,
+            } }, contentTransitionProps) }), React__default['default'].Children.map(children, function (child) {
         return React.isValidElement(child) ? React.cloneElement(child, { size: size }) : child;
     })));
 });

package/cssm/Component.mobile.js

@@ -2,29 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-ce870b46.js');
+var tslib_es6 = require('./tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
 require('./Context.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/closer/index.module.css');
-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');
-require('@alfalab/icons-glyph/CrossMIcon');
-require('./components/header/mobile.module.css');
-var components_header_Component_mobile = require('./components/header/Component.mobile.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/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');
+require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/header/mobile.module.css');
+var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var styles = require('./mobile.module.css');
 var transitions = require('./transitions.mobile.module.css');
 

package/cssm/Component.responsive.d.ts

@@ -1,13 +1,8 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from 'react';
-import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
-type SidePanelResponsiveProps = BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TransitionProps>;
+import { DrawerProps } from "@alfalab/core-components-drawer";
+type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -19,11 +14,7 @@ type SidePanelResponsiveProps = BaseModalProps & {
      */
     hasCloser?: boolean;
 };
-declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TimeoutProps<undefined>> | Partial<EndListenerProps<undefined>> | undefined;
+declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -35,7 +26,7 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
      */
     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/cssm/Component.responsive.js

@@ -2,21 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-ce870b46.js');
+var tslib_es6 = require('./tslib.es6-9682e485.js');
 var React = require('react');
+require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-drawer/cssm');
-require('react-merge-refs');
 require('@alfalab/core-components-base-modal/cssm');
 require('./Context.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-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/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');
@@ -26,16 +18,24 @@ require('./components/footer/layout.module.css');
 require('./components/footer/Component.js');
 require('./components/footer/desktop.module.css');
 require('./components/footer/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/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('@alfalab/icons-glyph/CrossMIcon');
-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('@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');
@@ -45,6 +45,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 var ResponsiveContext = React__default['default'].createContext({
     view: 'desktop',
 });

package/cssm/components/closer/Component.d.ts

@@ -20,7 +20,7 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * Иконка
      */
-    icon?: ElementType;
+    icon: ElementType;
 };
 /**
  * @deprecated Компонент только для внутреннего использования. Используйте <Header />

package/cssm/components/closer/Component.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.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 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 }; }
@@ -22,7 +21,7 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  */
 var Closer = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, _d = _a.icon, icon = _d === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _d, restProps = tslib_es6.__rest(_a, ["className", "size", "sticky", "icon"]);
+    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, icon = _a.icon, restProps = tslib_es6.__rest(_a, ["className", "size", "sticky", "icon"]);
     var onClose = React.useContext(Context.ModalContext).onClose;
     var handleClick = React.useCallback(function (event) {
         onClose(event, 'closerClick');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal/cssm');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal/cssm');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal/cssm');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal/cssm');

package/cssm/components/header/Component.desktop.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { ElementType, FC } from 'react';
 import { HeaderProps } from "./Component";
 type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
     /**
@@ -9,6 +9,10 @@ type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
      * Наличие крестика
      */
     hasCloser?: boolean;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: ElementType;
 };
 declare const HeaderDesktop: FC<HeaderDesktopProps>;
 export { HeaderDesktopProps, HeaderDesktop };

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.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_header_Component = require('./Component.js');
+var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,12 +23,12 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(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, sticky = _a.sticky, _e = _a.leftAddons, leftAddons = _e === void 0 ? React__default['default'].createElement("span", null) : _e, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "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, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
+            _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;