@alfalab/core-components-modal 5.2.7 → 5.4.0

package/esm/components/footer/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"footer":"modal__footer_a501a","sticky":"modal__sticky_a501a","highlighted":"modal__highlighted_a501a"};
+var styles = {"footer":"modal__footer_1ckue","sticky":"modal__sticky_1ckue","highlighted":"modal__highlighted_1ckue"};
 require('./index.css')
 
-var layoutStyles = {"column":"modal__column_74d01","gap-16":"modal__gap-16_74d01","gap-24":"modal__gap-24_74d01","gap-32":"modal__gap-32_74d01","start":"modal__start_74d01","center":"modal__center_74d01","space-between":"modal__space-between_74d01"};
+var layoutStyles = {"column":"modal__column_djfss","gap-16":"modal__gap-16_djfss","gap-24":"modal__gap-24_djfss","gap-32":"modal__gap-32_djfss","start":"modal__start_djfss","center":"modal__center_djfss","space-between":"modal__space-between_djfss"};
 require('./layout.css')
 
 var Footer = function (_a) {

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

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-95d263a8.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-c7c6d75c.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_1xqlk","sticky":"modal__sticky_1xqlk"};
+var styles = {"footer":"modal__footer_lu7nw","sticky":"modal__sticky_lu7nw"};
 require('./mobile.css')
 
 var FooterMobile = function (_a) {

package/esm/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: e98if */
+/* hash: jcnt6 */
 :root {
 
     /* Hard */
@@ -31,22 +31,22 @@
 
     /* mobile */
 }
-.modal__footer_1l3ew {
+.modal__footer_1rihp {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__sticky_1l3ew {
+.modal__sticky_1rihp {
     bottom: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_1l3ew.modal__fullscreen_1l3ew {
+.modal__sticky_1rihp.modal__fullscreen_1rihp {
         bottom: 0;
     }
-.modal__s_1l3ew,
-.modal__m_1l3ew {
+.modal__s_1rihp,
+.modal__m_1rihp {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__l_1l3ew,
-.modal__xl_1l3ew,
-.modal__fullscreen_1l3ew {
+.modal__l_1rihp,
+.modal__xl_1rihp,
+.modal__fullscreen_1rihp {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/esm/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: dizyo */
+/* hash: s630c */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
 
     /* mobile */
 }
-.modal__footer_a501a {
+.modal__footer_1ckue {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__sticky_a501a {
+.modal__sticky_1ckue {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_a501a {
+.modal__highlighted_1ckue {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/esm/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: iwlpl */
+/* hash: o010c */
 :root {
 
     /* Hard */
@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.modal__column_74d01 {
+.modal__column_djfss {
     display: flex;
     flex-direction: column
 }
-.modal__column_74d01 > * {
+.modal__column_djfss > * {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_74d01 > *:last-child,
-    .modal__column_74d01 > *:only-child {
+.modal__column_djfss > *:last-child,
+    .modal__column_djfss > *:only-child {
         margin-bottom: 0;
     }
-.modal__column_74d01.modal__gap-16_74d01 > * {
+.modal__column_djfss.modal__gap-16_djfss > * {
         margin-bottom: var(--gap-m);
     }
-.modal__column_74d01.modal__gap-24_74d01 > * {
+.modal__column_djfss.modal__gap-24_djfss > * {
         margin-bottom: var(--gap-xl);
     }
-.modal__column_74d01.modal__gap-32_74d01 > * {
+.modal__column_djfss.modal__gap-32_djfss > * {
         margin-bottom: var(--gap-2xl);
     }
-.modal__start_74d01 {
+.modal__start_djfss {
     justify-content: flex-start;
 }
-.modal__center_74d01 {
+.modal__center_djfss {
     justify-content: center;
 }
-.modal__space-between_74d01 {
+.modal__space-between_djfss {
     justify-content: space-between
 }
-.modal__space-between_74d01 > * {
+.modal__space-between_djfss > * {
         flex: 1;
     }
-.modal__start_74d01,
-.modal__center_74d01,
-.modal__space-between_74d01 {
+.modal__start_djfss,
+.modal__center_djfss,
+.modal__space-between_djfss {
     display: flex
 }
-.modal__start_74d01 > *, .modal__center_74d01 > *, .modal__space-between_74d01 > * {
+.modal__start_djfss > *, .modal__center_djfss > *, .modal__space-between_djfss > * {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_74d01 > *:last-child,
-    .modal__start_74d01 > *:only-child,
-    .modal__center_74d01 > *:last-child,
-    .modal__center_74d01 > *:only-child,
-    .modal__space-between_74d01 > *:last-child,
-    .modal__space-between_74d01 > *:only-child {
+.modal__start_djfss > *:last-child,
+    .modal__start_djfss > *:only-child,
+    .modal__center_djfss > *:last-child,
+    .modal__center_djfss > *:only-child,
+    .modal__space-between_djfss > *:last-child,
+    .modal__space-between_djfss > *:only-child {
         margin-right: 0;
     }
-.modal__start_74d01.modal__gap-16_74d01 > *, .modal__center_74d01.modal__gap-16_74d01 > *, .modal__space-between_74d01.modal__gap-16_74d01 > * {
+.modal__start_djfss.modal__gap-16_djfss > *, .modal__center_djfss.modal__gap-16_djfss > *, .modal__space-between_djfss.modal__gap-16_djfss > * {
         margin-right: var(--gap-m);
     }
-.modal__start_74d01.modal__gap-24_74d01 > *, .modal__center_74d01.modal__gap-24_74d01 > *, .modal__space-between_74d01.modal__gap-24_74d01 > * {
+.modal__start_djfss.modal__gap-24_djfss > *, .modal__center_djfss.modal__gap-24_djfss > *, .modal__space-between_djfss.modal__gap-24_djfss > * {
         margin-right: var(--gap-xl);
     }
-.modal__start_74d01.modal__gap-32_74d01 > *, .modal__center_74d01.modal__gap-32_74d01 > *, .modal__space-between_74d01.modal__gap-32_74d01 > * {
+.modal__start_djfss.modal__gap-32_djfss > *, .modal__center_djfss.modal__gap-32_djfss > *, .modal__space-between_djfss.modal__gap-32_djfss > * {
         margin-right: var(--gap-2xl);
     }

package/esm/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1pd1v */
+/* hash: 1xx5y */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__footer_1xqlk {
+.modal__footer_lu7nw {
     padding: var(--gap-m);
 }
-.modal__sticky_1xqlk {
+.modal__sticky_lu7nw {
     bottom: 0;
 }

package/esm/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/esm/components/header/Component.desktop.d.ts

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

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

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-95d263a8.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-c7c6d75c.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
-import { Header } from './Component.js';
+import { H as Header, g as getDataTestId } from '../../Component-e546d8c5.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { Closer } from '../closer/Component.js';
 
-var styles = {"header":"modal__header_z7dpb","content":"modal__content_z7dpb","s":"modal__s_z7dpb","m":"modal__m_z7dpb","l":"modal__l_z7dpb","xl":"modal__xl_z7dpb","fullscreen":"modal__fullscreen_z7dpb","hasContent":"modal__hasContent_z7dpb","sticky":"modal__sticky_z7dpb"};
+var styles = {"header":"modal__header_sfnqs","content":"modal__content_sfnqs","s":"modal__s_sfnqs","m":"modal__m_sfnqs","l":"modal__l_sfnqs","xl":"modal__xl_sfnqs","fullscreen":"modal__fullscreen_sfnqs","hasContent":"modal__hasContent_sfnqs","sticky":"modal__sticky_sfnqs"};
 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.createElement("span", null) : _d, title = _a.title, children = _a.children, restProps = __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.createElement("span", null) : _d, title = _a.title, children = _a.children, dataTestId = _a.dataTestId, restProps = __rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children", "dataTestId"]);
     var hasContent = title || Boolean(children);
     return (React.createElement(Header, __assign({ className: cn(className, styles.header, size && styles[size], (_b = {},
             _b[styles.sticky] = sticky,
             _b[styles.hasContent] = hasContent,
-            _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
+            _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { dataTestId: getDataTestId(dataTestId, 'closer') }) : null, leftAddons: leftAddons, sticky: sticky, title: title, dataTestId: dataTestId }, restProps), children));
 };
 
 export { HeaderDesktop };

package/esm/components/header/Component.js

@@ -1,31 +1,5 @@
-import React, { useContext, useEffect } from 'react';
-import cn from 'classnames';
+import 'react';
+import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import { ModalContext } from '../../Context.js';
-
-var styles = {"header":"modal__header_puwvl","hasContent":"modal__hasContent_puwvl","highlighted":"modal__highlighted_puwvl","sticky":"modal__sticky_puwvl","content":"modal__content_puwvl","title":"modal__title_puwvl","addon":"modal__addon_puwvl","closer":"modal__closer_puwvl","left":"modal__left_puwvl","center":"modal__center_puwvl","right":"modal__right_puwvl","trim":"modal__trim_puwvl"};
-require('./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;
-    var _f = useContext(ModalContext), headerHighlighted = _f.headerHighlighted, setHasHeader = _f.setHasHeader;
-    var hasContent = title || Boolean(children);
-    useEffect(function () {
-        setHasHeader(true);
-    }, [setHasHeader]);
-    return (React.createElement("div", { className: cn(styles.header, className, (_b = {},
-            _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
-            _b[styles.sticky] = sticky,
-            _b[styles.hasContent] = hasContent,
-            _b)) },
-        leftAddons && React.createElement("div", { className: cn(styles.addon, addonClassName) }, leftAddons),
-        hasContent && (React.createElement("div", { className: cn(styles.content, contentClassName, styles[align], (_c = {},
-                _c[styles.trim] = trim,
-                _c)) },
-            children,
-            title && React.createElement("div", { className: styles.title }, title))),
-        closer && (React.createElement("div", { className: cn(styles.addon, styles.closer, addonClassName) }, closer))));
-};
-
-export { Header };
+import '../../Context.js';
+export { H as Header } from '../../Component-e546d8c5.js';

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { HeaderProps } from "./Component";
+import { HeaderProps } from "../../Component-e546d8c5";
 type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
     /**
      * Наличие крестика

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

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-95d263a8.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-c7c6d75c.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
-import { Header } from './Component.js';
+import { H as Header, g as getDataTestId } from '../../Component-e546d8c5.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { Closer } from '../closer/Component.js';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"sticky":"modal__sticky_13ljz","content":"modal__content_13ljz"};
+var styles = {"sticky":"modal__sticky_2q2gr","content":"modal__content_2q2gr"};
 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 = __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, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "dataTestId"]);
     return (React.createElement(Header, __assign({ className: cn(className, (_b = {},
             _b[styles.sticky] = sticky,
-            _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: CrossMIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
+            _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? (React.createElement(Closer, { icon: CrossMIcon, size: 'xs', dataTestId: getDataTestId(dataTestId, 'closer') })) : null, sticky: sticky, dataTestId: dataTestId }, restProps)));
 };
 
 export { HeaderMobile };

package/esm/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 18ady */
+/* hash: 1dzxy */
 :root {
 
     /* Hard */
@@ -43,45 +43,45 @@
 
     /* mobile */
 }
-.modal__header_z7dpb {
+.modal__header_sfnqs {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__content_z7dpb {
+.modal__content_sfnqs {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
 }
-.modal__s_z7dpb .modal__content_z7dpb,
-.modal__m_z7dpb .modal__content_z7dpb {
+.modal__s_sfnqs .modal__content_sfnqs,
+.modal__m_sfnqs .modal__content_sfnqs {
     padding: var(--modal-s-header-desktop-content-paddings);
     font-size: var(--modal-s-header-desktop-font-size);
     line-height: var(--modal-s-header-desktop-line-height);
 }
-.modal__l_z7dpb .modal__content_z7dpb,
-.modal__xl_z7dpb .modal__content_z7dpb,
-.modal__fullscreen_z7dpb .modal__content_z7dpb {
+.modal__l_sfnqs .modal__content_sfnqs,
+.modal__xl_sfnqs .modal__content_sfnqs,
+.modal__fullscreen_sfnqs .modal__content_sfnqs {
     padding: var(--modal-l-header-desktop-content-paddings);
     font-size: var(--modal-l-header-desktop-font-size);
     line-height: var(--modal-l-header-desktop-line-height);
 }
-.modal__s_z7dpb,
-.modal__m_z7dpb {
+.modal__s_sfnqs,
+.modal__m_sfnqs {
     padding: var(--modal-s-header-paddings)
 }
-.modal__s_z7dpb:not(.modal__hasContent_z7dpb), .modal__m_z7dpb:not(.modal__hasContent_z7dpb) {
+.modal__s_sfnqs:not(.modal__hasContent_sfnqs), .modal__m_sfnqs:not(.modal__hasContent_sfnqs) {
         padding-bottom: 0;
     }
-.modal__l_z7dpb,
-.modal__xl_z7dpb,
-.modal__fullscreen_z7dpb {
+.modal__l_sfnqs,
+.modal__xl_sfnqs,
+.modal__fullscreen_sfnqs {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
 }
-.modal__l_z7dpb:not(.modal__hasContent_z7dpb), .modal__xl_z7dpb:not(.modal__hasContent_z7dpb), .modal__fullscreen_z7dpb:not(.modal__hasContent_z7dpb) {
+.modal__l_sfnqs:not(.modal__hasContent_sfnqs), .modal__xl_sfnqs:not(.modal__hasContent_sfnqs), .modal__fullscreen_sfnqs:not(.modal__hasContent_sfnqs) {
         padding-bottom: var(--gap-m);
     }
-.modal__sticky_z7dpb {
+.modal__sticky_sfnqs {
     top: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_z7dpb.modal__fullscreen_z7dpb {
+.modal__sticky_sfnqs.modal__fullscreen_sfnqs {
         top: 0;
     }

package/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qi8w */
+/* hash: 6qcm7 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.modal__header_puwvl {
+.modal__header_1f3yh {
     width: 100%;
     box-sizing: border-box;
     display: flex;
@@ -33,26 +33,26 @@
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
 }
-.modal__header_puwvl:not(.modal__hasContent_puwvl) {
+.modal__header_1f3yh:not(.modal__hasContent_1f3yh) {
         pointer-events: none;
     }
-.modal__highlighted_puwvl {
+.modal__highlighted_1f3yh {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_puwvl {
+.modal__sticky_1f3yh {
     position: sticky
 }
-.modal__sticky_puwvl.modal__hasContent_puwvl {
+.modal__sticky_1f3yh.modal__hasContent_1f3yh {
         background: var(--modal-header-background);
     }
-.modal__content_puwvl {
+.modal__content_1f3yh {
     flex-grow: 1;
 }
-.modal__title_puwvl {
+.modal__title_1f3yh {
     word-break: break-word;
 }
-.modal__addon_puwvl {
+.modal__addon_1f3yh {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -60,25 +60,25 @@
     align-items: center;
     pointer-events: all;
 }
-.modal__closer_puwvl {
+.modal__closer_1f3yh {
     margin-left: auto;
 }
-.modal__left_puwvl {
+.modal__left_1f3yh {
     justify-content: flex-start;
     text-align: left;
 }
-.modal__center_puwvl {
+.modal__center_1f3yh {
     justify-content: center;
     text-align: center;
 }
-.modal__right_puwvl {
+.modal__right_1f3yh {
     justify-content: flex-end;
     text-align: right;
 }
-.modal__trim_puwvl {
+.modal__trim_1f3yh {
     overflow: hidden
 }
-.modal__trim_puwvl .modal__title_puwvl {
+.modal__trim_1f3yh .modal__title_1f3yh {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/esm/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: iq1ld */
+/* hash: 1c3il */
 :root {
 
     /* Hard */
@@ -33,10 +33,10 @@
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
 }
-.modal__sticky_13ljz {
+.modal__sticky_2q2gr {
     top: 0;
 }
-.modal__content_13ljz {
+.modal__content_2q2gr {
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);
     font-family: var(--modal-header-mobile-font-family);

package/esm/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 16efn */
+/* hash: zo31j */
 :root {
 
     /* Hard */
@@ -31,32 +31,32 @@
 
     /* mobile */
 }
-.modal__wrapper_1gumq {
+.modal__wrapper_1k6jx {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_1gumq {
+.modal__component_1k6jx {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_1gumq {
+.modal__fullscreen_1k6jx {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_1gumq .modal__component_1gumq {
+.modal__fullscreen_1k6jx .modal__component_1k6jx {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_1gumq {
+.modal__s_1k6jx {
     width: var(--modal-s-width);
 }
-.modal__m_1gumq {
+.modal__m_1k6jx {
     width: var(--modal-m-width);
 }
-.modal__l_1gumq {
+.modal__l_1k6jx {
     width: var(--modal-l-width);
 }
-.modal__xl_1gumq {
+.modal__xl_1k6jx {
     width: var(--modal-xl-width);
 }

package/esm/desktop.js

@@ -1,10 +1,10 @@
-import './tslib.es6-95d263a8.js';
+import './tslib.es6-c7c6d75c.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import 'react-merge-refs';
 import './Context.js';
-import './components/header/Component.js';
+import './Component-e546d8c5.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import './components/closer/Component.js';
@@ -14,4 +14,4 @@ import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
 export { ModalDesktop } from './Component.desktop.js';
-import './transitions.module-1403a282.js';
+import './transitions.module-246cce05.js';

package/esm/getDataTestId-3fe0d3e6.d.ts

@@ -0,0 +1,2 @@
+declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
+export { getDataTestId };

package/esm/index.js

@@ -1,10 +1,10 @@
-import './tslib.es6-95d263a8.js';
+import './tslib.es6-c7c6d75c.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import 'react-merge-refs';
 export { ModalContext } from './Context.js';
-import './components/header/Component.js';
+import './Component-e546d8c5.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import './components/closer/Component.js';
@@ -14,7 +14,7 @@ import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
 import './Component.desktop.js';
-import './transitions.module-1403a282.js';
+import './transitions.module-246cce05.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1cpbx */
+/* hash: y28w2 */
 :root {
 
     /* Hard */
@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_bp8q4 {
+.modal__component_1n03x {
     flex: 1;
     width: 100%;
 }