@alfalab/core-components-universal-modal 2.0.7 → 2.0.8

package/components/content/base-content/index.css

@@ -1,7 +1,7 @@
 :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .universal-modal__content_1u4ai {
+} .universal-modal__content_1lx6r {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/components/content/base-content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_1u4ai"};
+var styles = {"content":"universal-modal__content_1lx6r"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/content/desktop/desktop.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__content_vuvjc.universal-modal__withHeader_vuvjc {
+} .universal-modal__content_141za.universal-modal__withHeader_141za {
         padding-top: var(--gap-0);
-    } .universal-modal__content_vuvjc.universal-modal__withFooter_vuvjc {
+    } .universal-modal__content_141za.universal-modal__withFooter_141za {
         padding-bottom: var(--gap-0);
     }

package/components/content/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"content":"universal-modal__content_vuvjc","withHeader":"universal-modal__withHeader_vuvjc","withFooter":"universal-modal__withFooter_vuvjc"};
+var styles = {"content":"universal-modal__content_141za","withHeader":"universal-modal__withHeader_141za","withFooter":"universal-modal__withFooter_141za"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/mobile/mobile.css

@@ -4,10 +4,10 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
-} .universal-modal__content_13llp {
+} .universal-modal__content_1t3x3 {
     padding: var(--gap-16);
-} .universal-modal__content_13llp.universal-modal__withHeader_13llp {
+} .universal-modal__content_1t3x3.universal-modal__withHeader_1t3x3 {
         padding-top: var(--gap-0);
-    } .universal-modal__content_13llp.universal-modal__withFooter_13llp {
+    } .universal-modal__content_1t3x3.universal-modal__withFooter_1t3x3 {
         padding-bottom: var(--gap-20);
     }

package/components/content/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"content":"universal-modal__content_13llp","withHeader":"universal-modal__withHeader_13llp","withFooter":"universal-modal__withFooter_13llp"};
+var styles = {"content":"universal-modal__content_1t3x3","withHeader":"universal-modal__withHeader_1t3x3","withFooter":"universal-modal__withFooter_1t3x3"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/footer/base-footer/index.css

@@ -10,18 +10,18 @@
     --universal-modal-footer-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__footer_bt9sn {
+} .universal-modal__footer_1r5tk {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
-} .universal-modal__sticky_bt9sn {
+} .universal-modal__sticky_1r5tk {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
-} .universal-modal__highlighted_bt9sn {
+} .universal-modal__highlighted_1r5tk {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/components/footer/base-footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_bt9sn","sticky":"universal-modal__sticky_bt9sn","highlighted":"universal-modal__highlighted_bt9sn"};
+var styles = {"footer":"universal-modal__footer_1r5tk","sticky":"universal-modal__sticky_1r5tk","highlighted":"universal-modal__highlighted_1r5tk"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/desktop/desktop.css

@@ -1,5 +1,5 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__sticky_18gnn {
+} .universal-modal__sticky_babim {
     bottom: var(--gap-0);
 }

package/components/footer/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"sticky":"universal-modal__sticky_18gnn"};
+var styles = {"sticky":"universal-modal__sticky_babim"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/footer/desktop/layout.css

@@ -5,23 +5,23 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .universal-modal__column_186zj {
+} .universal-modal__column_1jy06 {
     display: flex;
     flex-direction: column;
     gap: var(--gap-8);
-} .universal-modal__column_186zj.universal-modal__middle_186zj {
+} .universal-modal__column_1jy06.universal-modal__middle_1jy06 {
         gap: var(--gap-12);
-    } .universal-modal__start_186zj {
+    } .universal-modal__start_1jy06 {
     justify-content: flex-start;
-} .universal-modal__center_186zj {
+} .universal-modal__center_1jy06 {
     justify-content: center;
-} .universal-modal__space-between_186zj {
+} .universal-modal__space-between_1jy06 {
     justify-content: space-between;
-} .universal-modal__space-between_186zj > * {
+} .universal-modal__space-between_1jy06 > * {
         flex: 1;
-    } .universal-modal__start_186zj,
-.universal-modal__center_186zj,
-.universal-modal__space-between_186zj {
+    } .universal-modal__start_1jy06,
+.universal-modal__center_1jy06,
+.universal-modal__space-between_1jy06 {
     display: flex;
     gap: var(--gap-16);
 }

package/components/footer/desktop/layout.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.css');
 
-var layoutStyles = {"column":"universal-modal__column_186zj","middle":"universal-modal__middle_186zj","start":"universal-modal__start_186zj","center":"universal-modal__center_186zj","space-between":"universal-modal__space-between_186zj"};
+var layoutStyles = {"column":"universal-modal__column_1jy06","middle":"universal-modal__middle_1jy06","start":"universal-modal__start_1jy06","center":"universal-modal__center_1jy06","space-between":"universal-modal__space-between_1jy06"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

package/components/footer/mobile/layout.mobile.css

@@ -1,21 +1,21 @@
 :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .universal-modal__column_1x914 {
+} .universal-modal__column_1dtzq {
     display: flex;
     flex-direction: column;
     gap: var(--gap-16);
-} .universal-modal__start_1x914 {
+} .universal-modal__start_1dtzq {
     justify-content: flex-start;
-} .universal-modal__center_1x914 {
+} .universal-modal__center_1dtzq {
     justify-content: center;
-} .universal-modal__space-between_1x914 {
+} .universal-modal__space-between_1dtzq {
     justify-content: space-between;
-} .universal-modal__space-between_1x914 > * {
+} .universal-modal__space-between_1dtzq > * {
         flex: 1;
-    } .universal-modal__start_1x914,
-.universal-modal__center_1x914,
-.universal-modal__space-between_1x914 {
+    } .universal-modal__start_1dtzq,
+.universal-modal__center_1dtzq,
+.universal-modal__space-between_1dtzq {
     display: flex;
     gap: var(--gap-16);
 }

package/components/footer/mobile/layout.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.mobile.css');
 
-var layoutStylesMobile = {"column":"universal-modal__column_1x914","start":"universal-modal__start_1x914","center":"universal-modal__center_1x914","space-between":"universal-modal__space-between_1x914"};
+var layoutStylesMobile = {"column":"universal-modal__column_1dtzq","start":"universal-modal__start_1dtzq","center":"universal-modal__center_1dtzq","space-between":"universal-modal__space-between_1dtzq"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/components/footer/mobile/mobile.css

@@ -2,8 +2,8 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .universal-modal__footer_1307g {
+} .universal-modal__footer_1ocm3 {
     padding: var(--gap-16);
-} .universal-modal__sticky_1307g {
+} .universal-modal__sticky_1ocm3 {
     bottom: var(--gap-0);
 }

package/components/footer/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"footer":"universal-modal__footer_1307g","sticky":"universal-modal__sticky_1307g"};
+var styles = {"footer":"universal-modal__footer_1ocm3","sticky":"universal-modal__sticky_1ocm3"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/header/base-header/index.css

@@ -2,50 +2,24 @@
     --color-light-modal-bg-primary: #fff;
     --color-light-neutral-300: #e7e8eb;
 } :root {
-    --gap-l: 20px;
-    --gap-20: var(--gap-l);
+    --gap-0: 0px;
 } :root {
     --universal-modal-header-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__header_19wtv {
+} .universal-modal__header_11pq4 {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
-    padding: var(--gap-20) var(--gap-20) 0;
-} .universal-modal__highlighted_19wtv {
-    background: var(--universal-modal-header-highlight-background);
-    box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .universal-modal__sticky_19wtv {
-    position: sticky;
-    z-index: 1;
-} .universal-modal__sticky_19wtv.universal-modal__hasContent_19wtv {
-        background: var(--universal-modal-header-background);
-    } .universal-modal__header_19wtv.universal-modal__backgroundImage_19wtv {
-    background: center no-repeat;
-    background-size: cover;
-} .universal-modal__content_19wtv {
-    flex-grow: 1;
-} .universal-modal__title_19wtv {
-    word-break: break-word;
-} .universal-modal__addon_19wtv {
-    min-width: 48px;
-    height: 48px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    pointer-events: all;
-} .universal-modal__closer_19wtv {
-    margin-left: auto;
-} .universal-modal__right_19wtv {
-    justify-content: flex-end;
-    text-align: right;
-} .universal-modal__trim_19wtv {
-    overflow: hidden;
-} .universal-modal__trim_19wtv .universal-modal__title_19wtv {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
+} .universal-modal__header_11pq4.universal-modal__highlighted_11pq4 {
+        background: var(--universal-modal-header-highlight-background);
+        box-shadow: var(--universal-modal-header-highlight-box-shadow);
+    } .universal-modal__header_11pq4.universal-modal__sticky_11pq4 {
+        position: sticky;
+        top: var(--gap-0);
+        z-index: 1;
+    } .universal-modal__header_11pq4.universal-modal__sticky_11pq4.universal-modal__hasContent_11pq4 {
+            background: var(--universal-modal-header-background);
+        }

package/components/header/base-header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_19wtv","highlighted":"universal-modal__highlighted_19wtv","sticky":"universal-modal__sticky_19wtv","hasContent":"universal-modal__hasContent_19wtv"};
+var styles = {"header":"universal-modal__header_11pq4","highlighted":"universal-modal__highlighted_11pq4","sticky":"universal-modal__sticky_11pq4","hasContent":"universal-modal__hasContent_11pq4"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/base-header/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/header/base-header/index.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n    padding: var(--gap-20) var(--gap-20) 0;\n}\n\n.highlighted {\n    background: var(--universal-modal-header-highlight-background);\n    box-shadow: var(--universal-modal-header-highlight-box-shadow);\n}\n\n.sticky {\n    position: sticky;\n    z-index: 1;\n\n    &.hasContent {\n        background: var(--universal-modal-header-background);\n    }\n}\n\n.header.backgroundImage {\n    background: center no-repeat;\n    background-size: cover;\n}\n\n.content {\n    flex-grow: 1;\n}\n\n.title {\n    word-break: break-word;\n}\n\n.addon {\n    min-width: 48px;\n    height: 48px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: all;\n}\n\n.closer {\n    margin-left: auto;\n}\n\n.right {\n    justify-content: flex-end;\n    text-align: right;\n}\n\n.trim {\n    overflow: hidden;\n\n    & .title {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,YAAY,CAAC,mCAA4U,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/header/base-header/index.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n\n    &.highlighted {\n        background: var(--universal-modal-header-highlight-background);\n        box-shadow: var(--universal-modal-header-highlight-box-shadow);\n    }\n\n    &.sticky {\n        position: sticky;\n        top: var(--gap-0);\n        z-index: 1;\n\n        &.hasContent {\n            background: var(--universal-modal-header-background);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,YAAY,CAAC,mCAAmC,CAAC;;;;"}

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

@@ -18,9 +18,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var HeaderDesktop = React.forwardRef(function (props, ref) {
-    var _a, _b, _c;
-    var className = props.className, children = props.children, contentClassName = props.contentClassName, title = props.title, sticky = props.sticky, _d = props.bigTitle, bigTitle = _d === void 0 ? false : _d, titleClassName = props.titleClassName, dataTestId = props.dataTestId, bottomAddonsClassName = props.bottomAddonsClassName, onClose = props.onClose, restProps = tslib.__rest(props, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
-    var _e = React.useContext(Context.ModalContext), componentRef = _e.componentRef, handleCloseByContext = _e.onClose;
+    var _a;
+    var className = props.className, children = props.children, contentClassName = props.contentClassName, title = props.title, sticky = props.sticky, _b = props.bigTitle, bigTitle = _b === void 0 ? false : _b, titleClassName = props.titleClassName, dataTestId = props.dataTestId, bottomAddonsClassName = props.bottomAddonsClassName, onClose = props.onClose, restProps = tslib.__rest(props, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _c = React.useContext(Context.ModalContext), componentRef = _c.componentRef, handleCloseByContext = _c.onClose;
     var modalHeaderHighlighted = React.useContext(universalModalContext.UniversalModalContext).modalHeaderHighlighted;
     var titleRef = React.useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
@@ -34,16 +34,12 @@ var HeaderDesktop = React.forwardRef(function (props, ref) {
         }
         return handleCloseByContext.apply(void 0, args);
     };
-    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn__default.default(index_module.header, className, (_a = {},
+    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn__default.default(index_module.header, desktop_module.header, className, (_a = {},
             _a[index_module.highlighted] = sticky && modalHeaderHighlighted && hasContent,
             _a[index_module.sticky] = sticky,
             _a[index_module.hasContent] = hasContent,
-            _a[desktop_module.sticky] = sticky,
-            _a)), contentClassName: cn__default.default(desktop_module.content, contentClassName), bottomAddonsClassName: cn__default.default(desktop_module.bottomAddons, bottomAddonsClassName, (_b = {},
-            _b[desktop_module.medium] = bigTitle,
-            _b)), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktop_module.headerTitle, titleClassName, (_c = {},
-            _c[desktop_module.medium] = bigTitle,
-            _c)), titleRef: titleRef, onClose: handleClose }), children));
+            _a[desktop_module.medium] = bigTitle,
+            _a)), contentClassName: cn__default.default(desktop_module.content, contentClassName), bottomAddonsClassName: cn__default.default(desktop_module.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktop_module.headerTitle, titleClassName), titleRef: titleRef, onClose: handleClose }), children));
 });
 HeaderDesktop.displayName = 'HeaderDesktop';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { componentRef, onClose: handleCloseByContext } = useContext(ModalContext);\n    const { modalHeaderHighlighted } = useContext(UniversalModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, className, {\n                [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(desktopStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":["forwardRef","__rest","useContext","ModalContext","UniversalModalContext","useRef","React","NavigationBarPrivate","getDataTestId","cn","styles","desktopStyles"],"mappings":"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"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { componentRef, onClose: handleCloseByContext } = useContext(ModalContext);\n    const { modalHeaderHighlighted } = useContext(UniversalModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, desktopStyles.header, className, {\n                [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.medium]: bigTitle,\n            })}\n            contentClassName={cn(desktopStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName)}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":["forwardRef","__rest","useContext","ModalContext","UniversalModalContext","useRef","React","NavigationBarPrivate","__assign","getDataTestId","cn","styles","desktopStyles"],"mappings":"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"}

package/components/header/desktop/desktop.css

@@ -1,34 +1,39 @@
 :root {
     --gap-s: 12px;
     --gap-m: 16px;
-    --gap-0: 0px;
+    --gap-l: 20px;
     --gap-6: 6px;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
 } :root {
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --universal-modal-header-desktop-font-weight: bold;
     --universal-modal-header-desktop-font-family: var(--font-family-system);
-} .universal-modal__content_p01vn {
-    font-weight: var(--universal-modal-header-desktop-font-weight);
-    font-family: var(--universal-modal-header-desktop-font-family);
-} .universal-modal__sticky_p01vn {
-    top: var(--gap-0);
-} .universal-modal__bottomAddons_p01vn,
-.universal-modal__headerTitle_p01vn {
-    font-size: 22px;
-    line-height: 26px;
-    font-weight: 700;
-} .universal-modal__bottomAddons_p01vn.universal-modal__medium_p01vn, .universal-modal__headerTitle_p01vn.universal-modal__medium_p01vn {
-        font-size: 30px;
-        line-height: 36px;
+} .universal-modal__header_ua2wm {
+    padding: var(--gap-20) var(--gap-20) 0;
+} .universal-modal__header_ua2wm .universal-modal__content_ua2wm {
+        font-weight: var(--universal-modal-header-desktop-font-weight);
+        font-family: var(--universal-modal-header-desktop-font-family);
+    } .universal-modal__header_ua2wm .universal-modal__content_ua2wm .universal-modal__headerTitle_ua2wm {
+            font-size: 22px;
+            line-height: 26px;
+            font-weight: 700;
+            padding: 11px var(--gap-12);
+        } .universal-modal__header_ua2wm .universal-modal__bottomAddons_ua2wm {
+        font-size: 22px;
+        line-height: 26px;
         font-weight: 700;
-    } .universal-modal__headerTitle_p01vn {
-    padding: 11px var(--gap-12);
-} .universal-modal__headerTitle_p01vn.universal-modal__medium_p01vn {
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
-    } .universal-modal__bottomAddons_p01vn {
-    padding: var(--gap-6) var(--gap-12) var(--gap-16);
-}
+    } .universal-modal__header_ua2wm.universal-modal__medium_ua2wm .universal-modal__content_ua2wm .universal-modal__headerTitle_ua2wm {
+            font-size: 30px;
+            line-height: 36px;
+            font-weight: 700;
+            padding: var(--gap-6) var(--gap-12) var(--gap-16);
+        } .universal-modal__header_ua2wm.universal-modal__medium_ua2wm .universal-modal__bottomAddons_ua2wm {
+            font-size: 30px;
+            line-height: 36px;
+            font-weight: 700;
+        }

package/components/header/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var desktopStyles = {"content":"universal-modal__content_p01vn","sticky":"universal-modal__sticky_p01vn","bottomAddons":"universal-modal__bottomAddons_p01vn","headerTitle":"universal-modal__headerTitle_p01vn","medium":"universal-modal__medium_p01vn"};
+var desktopStyles = {"header":"universal-modal__header_ua2wm","content":"universal-modal__content_ua2wm","headerTitle":"universal-modal__headerTitle_ua2wm","bottomAddons":"universal-modal__bottomAddons_ua2wm","medium":"universal-modal__medium_ua2wm"};
 
 module.exports = desktopStyles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/header/desktop/desktop.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktop.module.css.js","sources":["../../../src/components/header/desktop/desktop.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '../../../desktop/vars.css';\n\n.content {\n    font-weight: var(--universal-modal-header-desktop-font-weight);\n    font-family: var(--universal-modal-header-desktop-font-family);\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n\n.bottomAddons,\n.headerTitle {\n    @mixin headline-system_small;\n\n    &.medium {\n        @mixin headline-system_medium;\n    }\n}\n\n.headerTitle {\n    padding: 11px var(--gap-12);\n\n    &.medium {\n        padding: var(--gap-6) var(--gap-12) var(--gap-16);\n    }\n}\n\n.bottomAddons {\n    padding: var(--gap-6) var(--gap-12) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,SAAS,CAAC,gCAAgC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"desktop.module.css.js","sources":["../../../src/components/header/desktop/desktop.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '../../../desktop/vars.css';\n\n.header {\n    padding: var(--gap-20) var(--gap-20) 0;\n\n    & .content {\n        font-weight: var(--universal-modal-header-desktop-font-weight);\n        font-family: var(--universal-modal-header-desktop-font-family);\n\n        & .headerTitle {\n            @mixin headline-system_small;\n            padding: 11px var(--gap-12);\n        }\n    }\n\n    & .bottomAddons {\n        @mixin headline-system_small;\n        padding: var(--gap-6) var(--gap-12) var(--gap-16);\n    }\n\n    &.medium {\n        & .content .headerTitle {\n            @mixin headline-system_medium;\n            padding: var(--gap-6) var(--gap-12) var(--gap-16);\n        }\n\n        & .bottomAddons {\n            @mixin headline-system_medium;\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,aAAa,CAAC,oCAAoC,CAAC,cAAc,CAAC,qCAAqC,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}

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

@@ -42,7 +42,6 @@ var HeaderMobile = function (_a) {
             _b[index_module.highlighted] = sticky && headerHighlighted && hasContent,
             _b[index_module.sticky] = sticky,
             _b[index_module.hasContent] = hasContent,
-            _b[mobile_module.sticky] = sticky,
             _b)), contentClassName: cn__default.default(mobile_module.content, contentClassName), bottomAddonsClassName: cn__default.default(mobile_module.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, onClose: handleClose }), children));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [mobileStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":["__rest","useContext","ModalContext","useRef","useEffect","React","NavigationBarPrivate","__assign","getDataTestId","cn","styles","mobileStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,EAUnD,EAAA;;IATG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAToCA,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAUnD,CADe;AAEN,IAAA,IAAA,KAKFC,gBAAU,CAACC,oBAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACH,oBAAoB,aACL;AAE5B,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,IAAM,WAAW,GAAyC,YAAA;QAAC,IAAO,IAAA,GAAA,EAAA;aAAP,IAAO,EAAA,GAAA,CAAA,EAAP,EAAO,GAAA,SAAA,CAAA,MAAA,EAAP,EAAO,EAAA,EAAA;YAAP,IAAO,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC9D,QAAA,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AAC3B;QAED,OAAO,oBAAoB,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AACzC,KAAC;AAED,IAAAC,eAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;QAElB,OAAO,YAAA;YACH,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uDAAoB,EACbC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEC,aAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAAD,YAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAACC,aAAY,CAAC,MAAM,CAAA,GAAG,MAAM;AAC/B,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAEF,mBAAE,CAACE,aAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAEF,mBAAE,CAACE,aAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":["__rest","useContext","ModalContext","useRef","useEffect","React","NavigationBarPrivate","__assign","getDataTestId","cn","styles","mobileStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,EAUnD,EAAA;;IATG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAToCA,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAUnD,CADe;AAEN,IAAA,IAAA,KAKFC,gBAAU,CAACC,oBAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACH,oBAAoB,aACL;AAE5B,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,IAAM,WAAW,GAAyC,YAAA;QAAC,IAAO,IAAA,GAAA,EAAA;aAAP,IAAO,EAAA,GAAA,CAAA,EAAP,EAAO,GAAA,SAAA,CAAA,MAAA,EAAP,EAAO,EAAA,EAAA;YAAP,IAAO,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC9D,QAAA,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AAC3B;QAED,OAAO,oBAAoB,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AACzC,KAAC;AAED,IAAAC,eAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;QAElB,OAAO,YAAA;YACH,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uDAAoB,EACbC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEC,aAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAAD,YAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAED,mBAAE,CAACE,aAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAEF,mBAAE,CAACE,aAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}

package/components/header/mobile/mobile.css

@@ -3,7 +3,6 @@
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-    --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-6: 6px;
     --gap-8: var(--gap-xs);
@@ -17,11 +16,9 @@
     --universal-modal-header-mobile-line-height: 28px;
     --universal-modal-header-mobile-font-family: var(--font-family-system);
     --universal-modal-header-mobile-font-weight: 600;
-} .universal-modal__header_4qu8b {
+} .universal-modal__header_1rqro {
     padding: var(--gap-8) var(--gap-4);
-} .universal-modal__sticky_4qu8b {
-    top: var(--gap-0);
-} .universal-modal__content_4qu8b {
+} .universal-modal__content_1rqro {
     font-size: var(--universal-modal-header-mobile-font-size);
     line-height: var(--universal-modal-header-mobile-line-height);
     font-family: var(--universal-modal-header-mobile-font-family);
@@ -29,7 +26,7 @@
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
-} .universal-modal__bottomAddons_4qu8b {
+} .universal-modal__bottomAddons_1rqro {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/components/header/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"header":"universal-modal__header_4qu8b","sticky":"universal-modal__sticky_4qu8b","content":"universal-modal__content_4qu8b","bottomAddons":"universal-modal__bottomAddons_4qu8b"};
+var mobileStyles = {"header":"universal-modal__header_1rqro","content":"universal-modal__content_1rqro","bottomAddons":"universal-modal__bottomAddons_1rqro"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/header/mobile/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../../src/components/header/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../mobile/vars.css';\n\n.header {\n    padding: var(--gap-8) var(--gap-4);\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n\n.content {\n    font-size: var(--universal-modal-header-mobile-font-size);\n    line-height: var(--universal-modal-header-mobile-line-height);\n    font-family: var(--universal-modal-header-mobile-font-family);\n    font-weight: var(--universal-modal-header-mobile-font-weight);\n    padding: 0 var(--gap-12);\n    min-height: 40px;\n    justify-content: center;\n}\n\n.bottomAddons {\n    @mixin headline-system-mobile_small;\n    padding: var(--gap-6) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../../../src/components/header/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../mobile/vars.css';\n\n.header {\n    padding: var(--gap-8) var(--gap-4);\n}\n\n.content {\n    font-size: var(--universal-modal-header-mobile-font-size);\n    line-height: var(--universal-modal-header-mobile-line-height);\n    font-family: var(--universal-modal-header-mobile-font-family);\n    font-weight: var(--universal-modal-header-mobile-font-weight);\n    padding: 0 var(--gap-12);\n    min-height: 40px;\n    justify-content: center;\n}\n\n.bottomAddons {\n    @mixin headline-system-mobile_small;\n    padding: var(--gap-6) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}

package/cssm/components/header/base-header/index.module.css

@@ -2,8 +2,7 @@
     --color-light-modal-bg-primary: #fff;
     --color-light-neutral-300: #e7e8eb;
 } :root {
-    --gap-l: 20px;
-    --gap-20: var(--gap-l);
+    --gap-0: 0px;
 } :root {
     --universal-modal-header-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
@@ -14,38 +13,13 @@
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
-    padding: var(--gap-20) var(--gap-20) 0;
-} .highlighted {
-    background: var(--universal-modal-header-highlight-background);
-    box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .sticky {
-    position: sticky;
-    z-index: 1;
-} .sticky.hasContent {
-        background: var(--universal-modal-header-background);
-    } .header.backgroundImage {
-    background: center no-repeat;
-    background-size: cover;
-} .content {
-    flex-grow: 1;
-} .title {
-    word-break: break-word;
-} .addon {
-    min-width: 48px;
-    height: 48px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    pointer-events: all;
-} .closer {
-    margin-left: auto;
-} .right {
-    justify-content: flex-end;
-    text-align: right;
-} .trim {
-    overflow: hidden;
-} .trim .title {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
+} .header.highlighted {
+        background: var(--universal-modal-header-highlight-background);
+        box-shadow: var(--universal-modal-header-highlight-box-shadow);
+    } .header.sticky {
+        position: sticky;
+        top: var(--gap-0);
+        z-index: 1;
+    } .header.sticky.hasContent {
+            background: var(--universal-modal-header-background);
+        }