@alfalab/core-components 29.1.0 → 29.3.0

package/modal/Component-9c5b5bf3.js

@@ -0,0 +1,41 @@
+var React = require('react');
+var cn = require('classnames');
+var Context = require('./Context.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 getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
+var styles = {"header":"modal__header_618kp","hasContent":"modal__hasContent_618kp","highlighted":"modal__highlighted_618kp","sticky":"modal__sticky_618kp","content":"modal__content_618kp","title":"modal__title_618kp","addon":"modal__addon_618kp","closer":"modal__closer_618kp","left":"modal__left_618kp","center":"modal__center_618kp","right":"modal__right_618kp","trim":"modal__trim_618kp"};
+require('./components/header/index.css');
+
+var Header = function (_a) {
+    var _b, _c;
+    var className = _a.className, addonClassName = _a.addonClassName, contentClassName = _a.contentClassName, leftAddons = _a.leftAddons, children = _a.children, _d = _a.align, align = _d === void 0 ? 'left' : _d, _e = _a.trim, trim = _e === void 0 ? true : _e, title = _a.title, closer = _a.closer, sticky = _a.sticky, dataTestId = _a.dataTestId;
+    var _f = React.useContext(Context.ModalContext), headerHighlighted = _f.headerHighlighted, setHasHeader = _f.setHasHeader;
+    var hasContent = title || Boolean(children);
+    React.useEffect(function () {
+        setHasHeader(true);
+    }, [setHasHeader]);
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.header, className, (_b = {},
+            _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
+            _b)), "data-test-id": getDataTestId(dataTestId) },
+        leftAddons && React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, addonClassName) }, leftAddons),
+        hasContent && (React__default['default'].createElement("div", { className: cn__default['default'](styles.content, contentClassName, styles[align], (_c = {},
+                _c[styles.trim] = trim,
+                _c)) },
+            children,
+            title && (React__default['default'].createElement("div", { className: styles.title, "data-test-id": getDataTestId(dataTestId, 'title') }, title)))),
+        closer && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, styles.closer, addonClassName) }, closer))));
+};
+
+exports.Header = Header;
+exports.getDataTestId = getDataTestId;

package/modal/Component.desktop.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-5d9294d0.js');
+var tslib_es6 = require('./tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
 var mergeRefs = require('react-merge-refs');
 require('./Context.js');
-require('./components/header/Component.js');
+require('./Component-9c5b5bf3.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
@@ -15,7 +15,7 @@ require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-e78c491f.js');
+var transitions_module = require('./transitions.module-3067f7b1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"wrapper":"modal__wrapper_12kb8","component":"modal__component_12kb8","fullscreen":"modal__fullscreen_12kb8","s":"modal__s_12kb8","m":"modal__m_12kb8","l":"modal__l_12kb8","xl":"modal__xl_12kb8"};
+var styles = {"wrapper":"modal__wrapper_1j7f0","component":"modal__component_1j7f0","fullscreen":"modal__fullscreen_1j7f0","s":"modal__s_1j7f0","m":"modal__m_1j7f0","l":"modal__l_1j7f0","xl":"modal__xl_1j7f0"};
 require('./desktop.css');
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.mobile.js

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-5d9294d0.js');
+var tslib_es6 = require('./tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
 require('./Context.js');
-require('./components/header/Component.js');
+require('./Component-9c5b5bf3.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-e78c491f.js');
+var transitions_module = require('./transitions.module-3067f7b1.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');
@@ -22,7 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"modal__component_7c1ol"};
+var styles = {"component":"modal__component_vix0z"};
 require('./mobile.css');
 
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.responsive.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-5d9294d0.js');
+var tslib_es6 = require('./tslib.es6-f56245ae.js');
 var React = require('react');
 require('classnames');
 require('../base-modal');
 require('react-merge-refs');
 require('./Context.js');
-require('./components/header/Component.js');
+require('./Component-9c5b5bf3.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
@@ -16,7 +16,7 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 var Component_desktop = require('./Component.desktop.js');
-require('./transitions.module-e78c491f.js');
+require('./transitions.module-3067f7b1.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');

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

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

package/modal/components/closer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-5d9294d0.js');
+var tslib_es6 = require('../../tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../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 = {"closer":"modal__closer_1gech","button":"modal__button_1gech","sticky":"modal__sticky_1gech"};
+var styles = {"closer":"modal__closer_1x1g9","button":"modal__button_1x1g9","sticky":"modal__sticky_1x1g9"};
 require('./index.css');
 
 /**
@@ -21,7 +21,7 @@ require('./index.css');
  */
 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, _d = _a.icon, icon = _d === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _d, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "size", "sticky", "icon", "dataTestId"]);
     var onClose = React.useContext(Context.ModalContext).onClose;
     var handleClick = React.useCallback(function (event) {
         onClose(event, 'closerClick');
@@ -29,7 +29,7 @@ var Closer = function (_a) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.closer, className, (_b = {},
             _b[styles.sticky] = sticky,
             _b)) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 exports.Closer = Closer;

package/modal/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: 17raq */
+/* hash: 1ufth */
 :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
 }
@@ -29,7 +29,7 @@
 :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
-.modal__closer_1gech {
+.modal__closer_1x1g9 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_1gech {
+.modal__button_1x1g9 {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_1gech {
+.modal__sticky_1x1g9 {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-5d9294d0.js');
+var tslib_es6 = require('../../tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"s":"modal__s_16ndt","m":"modal__m_16ndt","l":"modal__l_16ndt","xl":"modal__xl_16ndt","fullscreen":"modal__fullscreen_16ndt"};
+var styles = {"s":"modal__s_igih8","m":"modal__m_igih8","l":"modal__l_igih8","xl":"modal__xl_igih8","fullscreen":"modal__fullscreen_igih8"};
 require('./desktop.css');
 
 var ContentDesktop = function (_a) {

package/modal/components/content/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"content":"modal__content_1iq3b","flex":"modal__flex_1iq3b"};
+var styles = {"content":"modal__content_uj7zj","flex":"modal__flex_uj7zj"};
 require('./index.css');
 
 var Content = function (_a) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-5d9294d0.js');
+var tslib_es6 = require('../../tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"content":"modal__content_ajzg9"};
+var styles = {"content":"modal__content_1cjja"};
 require('./mobile.css');
 
 var ContentMobile = function (_a) {

package/modal/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 7p4kh */
+/* hash: 1gloh */
 :root {
 
     /* Hard */
@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_16ndt,
-.modal__m_16ndt {
+.modal__s_igih8,
+.modal__m_igih8 {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_16ndt:last-child, .modal__m_16ndt:last-child {
+.modal__s_igih8:last-child, .modal__m_igih8:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_16ndt,
-.modal__xl_16ndt,
-.modal__fullscreen_16ndt {
+.modal__l_igih8,
+.modal__xl_igih8,
+.modal__fullscreen_igih8 {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_16ndt:last-child, .modal__xl_16ndt:last-child, .modal__fullscreen_16ndt:last-child {
+.modal__l_igih8:last-child, .modal__xl_igih8:last-child, .modal__fullscreen_igih8:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/modal/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 127y3 */
+/* hash: 1h17z */
 :root {
 
     /* Hard */
@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_1iq3b {
+.modal__content_uj7zj {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_1iq3b {
+.modal__flex_uj7zj {
     flex: 1 1 auto;
 }

package/modal/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: bgvyu */
+/* hash: fw4e4 */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__content_ajzg9 {
+.modal__content_1cjja {
     padding: 0 var(--gap-m)
 }
-.modal__content_ajzg9:last-child {
+.modal__content_1cjja:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-5d9294d0.js');
+var tslib_es6 = require('../../tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_1ojwa","sticky":"modal__sticky_1ojwa","fullscreen":"modal__fullscreen_1ojwa","s":"modal__s_1ojwa","m":"modal__m_1ojwa","l":"modal__l_1ojwa","xl":"modal__xl_1ojwa"};
+var styles = {"footer":"modal__footer_58z0m","sticky":"modal__sticky_58z0m","fullscreen":"modal__fullscreen_58z0m","s":"modal__s_58z0m","m":"modal__m_58z0m","l":"modal__l_58z0m","xl":"modal__xl_58z0m"};
 require('./desktop.css');
 
 var FooterDesktop = function (_a) {

package/modal/components/footer/Component.js

@@ -10,10 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_19m90","sticky":"modal__sticky_19m90","highlighted":"modal__highlighted_19m90"};
+var styles = {"footer":"modal__footer_1pcfs","sticky":"modal__sticky_1pcfs","highlighted":"modal__highlighted_1pcfs"};
 require('./index.css');
 
-var layoutStyles = {"column":"modal__column_akuep","gap-16":"modal__gap-16_akuep","gap-24":"modal__gap-24_akuep","gap-32":"modal__gap-32_akuep","start":"modal__start_akuep","center":"modal__center_akuep","space-between":"modal__space-between_akuep"};
+var layoutStyles = {"column":"modal__column_qb16d","gap-16":"modal__gap-16_qb16d","gap-24":"modal__gap-24_qb16d","gap-32":"modal__gap-32_qb16d","start":"modal__start_qb16d","center":"modal__center_qb16d","space-between":"modal__space-between_qb16d"};
 require('./layout.css');
 
 var Footer = function (_a) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-5d9294d0.js');
+var tslib_es6 = require('../../tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_1g05h","sticky":"modal__sticky_1g05h"};
+var styles = {"footer":"modal__footer_zd1p3","sticky":"modal__sticky_zd1p3"};
 require('./mobile.css');
 
 var FooterMobile = function (_a) {

package/modal/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: chccp */
+/* hash: 1d6iy */
 :root {
 
     /* Hard */
@@ -31,22 +31,22 @@
 
     /* mobile */
 }
-.modal__footer_1ojwa {
+.modal__footer_58z0m {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__sticky_1ojwa {
+.modal__sticky_58z0m {
     bottom: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_1ojwa.modal__fullscreen_1ojwa {
+.modal__sticky_58z0m.modal__fullscreen_58z0m {
         bottom: 0;
     }
-.modal__s_1ojwa,
-.modal__m_1ojwa {
+.modal__s_58z0m,
+.modal__m_58z0m {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__l_1ojwa,
-.modal__xl_1ojwa,
-.modal__fullscreen_1ojwa {
+.modal__l_58z0m,
+.modal__xl_58z0m,
+.modal__fullscreen_58z0m {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/modal/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1j206 */
+/* hash: 1etcq */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
 
     /* mobile */
 }
-.modal__footer_19m90 {
+.modal__footer_1pcfs {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__sticky_19m90 {
+.modal__sticky_1pcfs {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_19m90 {
+.modal__highlighted_1pcfs {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/modal/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: 1evy6 */
+/* hash: 1htw5 */
 :root {
 
     /* Hard */
@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.modal__column_akuep {
+.modal__column_qb16d {
     display: flex;
     flex-direction: column
 }
-.modal__column_akuep > * {
+.modal__column_qb16d > * {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_akuep > *:last-child,
-    .modal__column_akuep > *:only-child {
+.modal__column_qb16d > *:last-child,
+    .modal__column_qb16d > *:only-child {
         margin-bottom: 0;
     }
-.modal__column_akuep.modal__gap-16_akuep > * {
+.modal__column_qb16d.modal__gap-16_qb16d > * {
         margin-bottom: var(--gap-m);
     }
-.modal__column_akuep.modal__gap-24_akuep > * {
+.modal__column_qb16d.modal__gap-24_qb16d > * {
         margin-bottom: var(--gap-xl);
     }
-.modal__column_akuep.modal__gap-32_akuep > * {
+.modal__column_qb16d.modal__gap-32_qb16d > * {
         margin-bottom: var(--gap-2xl);
     }
-.modal__start_akuep {
+.modal__start_qb16d {
     justify-content: flex-start;
 }
-.modal__center_akuep {
+.modal__center_qb16d {
     justify-content: center;
 }
-.modal__space-between_akuep {
+.modal__space-between_qb16d {
     justify-content: space-between
 }
-.modal__space-between_akuep > * {
+.modal__space-between_qb16d > * {
         flex: 1;
     }
-.modal__start_akuep,
-.modal__center_akuep,
-.modal__space-between_akuep {
+.modal__start_qb16d,
+.modal__center_qb16d,
+.modal__space-between_qb16d {
     display: flex
 }
-.modal__start_akuep > *, .modal__center_akuep > *, .modal__space-between_akuep > * {
+.modal__start_qb16d > *, .modal__center_qb16d > *, .modal__space-between_qb16d > * {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_akuep > *:last-child,
-    .modal__start_akuep > *:only-child,
-    .modal__center_akuep > *:last-child,
-    .modal__center_akuep > *:only-child,
-    .modal__space-between_akuep > *:last-child,
-    .modal__space-between_akuep > *:only-child {
+.modal__start_qb16d > *:last-child,
+    .modal__start_qb16d > *:only-child,
+    .modal__center_qb16d > *:last-child,
+    .modal__center_qb16d > *:only-child,
+    .modal__space-between_qb16d > *:last-child,
+    .modal__space-between_qb16d > *:only-child {
         margin-right: 0;
     }
-.modal__start_akuep.modal__gap-16_akuep > *, .modal__center_akuep.modal__gap-16_akuep > *, .modal__space-between_akuep.modal__gap-16_akuep > * {
+.modal__start_qb16d.modal__gap-16_qb16d > *, .modal__center_qb16d.modal__gap-16_qb16d > *, .modal__space-between_qb16d.modal__gap-16_qb16d > * {
         margin-right: var(--gap-m);
     }
-.modal__start_akuep.modal__gap-24_akuep > *, .modal__center_akuep.modal__gap-24_akuep > *, .modal__space-between_akuep.modal__gap-24_akuep > * {
+.modal__start_qb16d.modal__gap-24_qb16d > *, .modal__center_qb16d.modal__gap-24_qb16d > *, .modal__space-between_qb16d.modal__gap-24_qb16d > * {
         margin-right: var(--gap-xl);
     }
-.modal__start_akuep.modal__gap-32_akuep > *, .modal__center_akuep.modal__gap-32_akuep > *, .modal__space-between_akuep.modal__gap-32_akuep > * {
+.modal__start_qb16d.modal__gap-32_qb16d > *, .modal__center_qb16d.modal__gap-32_qb16d > *, .modal__space-between_qb16d.modal__gap-32_qb16d > * {
         margin-right: var(--gap-2xl);
     }

package/modal/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1m4n2 */
+/* hash: zg4bl */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__footer_1g05h {
+.modal__footer_zd1p3 {
     padding: var(--gap-m);
 }
-.modal__sticky_1g05h {
+.modal__sticky_zd1p3 {
     bottom: 0;
 }

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

@@ -1,45 +0,0 @@
-import { FC, ReactNode } from 'react';
-type HeaderProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Компонент крестика
-     */
-    closer?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: 'left' | 'center';
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-};
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { HeaderProps } from "./Component";
+import { HeaderProps } from "../../Component-9c5b5bf3";
 import { ModalDesktopProps } from "../../Component.desktop";
 type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
     /**

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-5d9294d0.js');
+var tslib_es6 = require('../../tslib.es6-f56245ae.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
 require('../../Context.js');
-var components_header_Component = require('./Component.js');
+var components_header_Component = require('../../Component-9c5b5bf3.js');
 require('../../../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('../closer/Component.js');
@@ -15,17 +15,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"modal__header_ph2cq","content":"modal__content_ph2cq","s":"modal__s_ph2cq","m":"modal__m_ph2cq","l":"modal__l_ph2cq","xl":"modal__xl_ph2cq","fullscreen":"modal__fullscreen_ph2cq","hasContent":"modal__hasContent_ph2cq","sticky":"modal__sticky_ph2cq"};
+var styles = {"header":"modal__header_1ie1v","content":"modal__content_1ie1v","s":"modal__s_1ie1v","m":"modal__m_1ie1v","l":"modal__l_1ie1v","xl":"modal__xl_1ie1v","fullscreen":"modal__fullscreen_1ie1v","hasContent":"modal__hasContent_1ie1v","sticky":"modal__sticky_1ie1v"};
 require('./desktop.css');
 
 var HeaderDesktop = function (_a) {
     var _b;
-    var size = _a.size, className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.leftAddons, leftAddons = _d === void 0 ? React__default['default'].createElement("span", null) : _d, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children"]);
+    var size = _a.size, className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.leftAddons, leftAddons = _d === void 0 ? React__default['default'].createElement("span", null) : _d, title = _a.title, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children", "dataTestId"]);
     var hasContent = title || Boolean(children);
     return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, styles.header, size && styles[size], (_b = {},
             _b[styles.sticky] = sticky,
             _b[styles.hasContent] = hasContent,
-            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { dataTestId: components_header_Component.getDataTestId(dataTestId, 'closer') }) : null, leftAddons: leftAddons, sticky: sticky, title: title, dataTestId: dataTestId }, restProps), children));
 };
 
 exports.HeaderDesktop = HeaderDesktop;