@alfalab/core-components-side-panel 2.2.0 → 2.4.0

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-946fd0e1.js');
+var tslib_es6 = require('../../tslib.es6-bd97d91e.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_1ogyl","content":"side-panel__content_1ogyl"};
+var styles = {"sticky":"side-panel__sticky_3v3t8","content":"side-panel__content_3v3t8"};
 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: 1ml9y */
+/* hash: wuvj0 */
 :root {
 
     /* Hard */
@@ -34,21 +34,21 @@
 
     /* mobile */
 }
-.side-panel__content_c199h {
+.side-panel__content_10sfs {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
 }
-.side-panel__s_c199h .side-panel__content_c199h {
+.side-panel__s_10sfs .side-panel__content_10sfs {
     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_c199h {
+.side-panel__s_10sfs {
     padding: var(--side-panel-s-header-paddings)
 }
-.side-panel__s_c199h:not(.side-panel__hasContent_c199h) {
+.side-panel__s_10sfs:not(.side-panel__hasContent_10sfs) {
         padding-bottom: 0;
     }
-.side-panel__sticky_c199h {
+.side-panel__sticky_10sfs {
     top: 0;
 }

package/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 12zaa */
+/* hash: 1qua6 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.side-panel__header_1e3es {
+.side-panel__header_zo5iv {
     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_1e3es:not(.side-panel__hasContent_1e3es) {
+.side-panel__header_zo5iv:not(.side-panel__hasContent_zo5iv) {
         pointer-events: none;
     }
-.side-panel__highlighted_1e3es {
+.side-panel__highlighted_zo5iv {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
 }
-.side-panel__sticky_1e3es {
+.side-panel__sticky_zo5iv {
     position: sticky;
     z-index: 1
 }
-.side-panel__sticky_1e3es.side-panel__hasContent_1e3es {
+.side-panel__sticky_zo5iv.side-panel__hasContent_zo5iv {
         background: var(--side-panel-header-background);
     }
-.side-panel__header_1e3es.side-panel__backgroundImage_1e3es {
+.side-panel__header_zo5iv.side-panel__backgroundImage_zo5iv {
     background: center no-repeat;
     background-size: cover;
 }
-.side-panel__content_1e3es {
+.side-panel__content_zo5iv {
     flex-grow: 1;
 }
-.side-panel__title_1e3es {
+.side-panel__title_zo5iv {
     word-break: break-word;
 }
-.side-panel__addon_1e3es {
+.side-panel__addon_zo5iv {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -65,25 +65,25 @@
     align-items: center;
     pointer-events: all;
 }
-.side-panel__closer_1e3es {
+.side-panel__closer_zo5iv {
     margin-left: auto;
 }
-.side-panel__left_1e3es {
+.side-panel__left_zo5iv {
     justify-content: flex-start;
     text-align: left;
 }
-.side-panel__center_1e3es {
+.side-panel__center_zo5iv {
     justify-content: center;
     text-align: center;
 }
-.side-panel__right_1e3es {
+.side-panel__right_zo5iv {
     justify-content: flex-end;
     text-align: right;
 }
-.side-panel__trim_1e3es {
+.side-panel__trim_zo5iv {
     overflow: hidden
 }
-.side-panel__trim_1e3es .side-panel__title_1e3es {
+.side-panel__trim_zo5iv .side-panel__title_zo5iv {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1qm8o */
+/* hash: 5p0hd */
 :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_1ogyl {
+.side-panel__sticky_3v3t8 {
     top: 0;
 }
-.side-panel__content_1ogyl {
+.side-panel__content_3v3t8 {
     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,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
-import { DrawerProps } from "@alfalab/core-components-drawer";
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
-type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
+import { DrawerProps } from "@alfalab/core-components-drawer";
+type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps' | 'scrollbarProps'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -14,7 +14,7 @@ type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'n
      */
     hasCloser?: boolean;
 };
-declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement" | "scrollbarProps"> & {
     /**
      * Ширина модального окна
      * @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,14 +18,22 @@ 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);
 

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
 import { DrawerProps } from "@alfalab/core-components-drawer";
-type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
+type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar' | 'scrollbarProps'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -14,7 +14,7 @@ type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTrans
      */
     hasCloser?: boolean;
 };
-declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement" | "scrollbarProps"> & {
     /**
      * Ширина модального окна
      * @default "s"

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;

package/cssm/components/header/Component.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.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/cssm/components/header/Component.mobile.js

@@ -2,17 +2,16 @@
 
 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');
 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 CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var styles = require('./mobile.module.css');
 
@@ -25,10 +24,10 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(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, 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__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: CrossMIcon__default['default'], size: 'xs' }) : null, sticky: sticky }, restProps)));
+            _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.js

@@ -2,21 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 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');
-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,6 +18,14 @@ 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');
+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');