@alfalab/core-components-universal-modal 2.0.2 → 2.0.3

package/modern/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_c62z2 {
-    padding: var(--gap-16)
-} .universal-modal__content_c62z2.universal-modal__withHeader_c62z2 {
+} .universal-modal__content_1xh6u {
+    padding: var(--gap-16);
+} .universal-modal__content_1xh6u.universal-modal__withHeader_1xh6u {
         padding-top: var(--gap-0);
-    } .universal-modal__content_c62z2.universal-modal__withFooter_c62z2 {
+    } .universal-modal__content_1xh6u.universal-modal__withFooter_1xh6u {
         padding-bottom: var(--gap-20);
     }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"content":"universal-modal__content_c62z2","withHeader":"universal-modal__withHeader_c62z2","withFooter":"universal-modal__withFooter_c62z2"};
+const styles = {"content":"universal-modal__content_1xh6u","withHeader":"universal-modal__withHeader_1xh6u","withFooter":"universal-modal__withFooter_1xh6u"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/components/content/responsive/Component.responsive.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { type ContentDesktopProps } from '../desktop/Component.desktop';
 import { type ContentMobileProps } from '../mobile/Component.mobile';
 export interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {

package/modern/components/content/responsive/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/content/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { type ContentDesktopProps, ContentDesktop } from '../desktop/Component.desktop';\nimport { type ContentMobileProps, ContentMobile } from '../mobile/Component.mobile';\n\nexport interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,iBAAiB,GAA+B,CAAC,EAAE,GAAG,SAAS,EAAE,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,cAAc,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/content/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, type ContentDesktopProps } from '../desktop/Component.desktop';\nimport { ContentMobile, type ContentMobileProps } from '../mobile/Component.mobile';\n\nexport interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,iBAAiB,GAA+B,CAAC,EAAE,GAAG,SAAS,EAAE,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,cAAc,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;;;;"}

package/modern/components/footer/base-footer/base-footer.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export interface FooterProps {
     /**
      * Контент футера

package/modern/components/footer/base-footer/base-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-footer.js","sources":["../../../../src/components/footer/base-footer/base-footer.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport interface FooterProps {\n    /**\n     * Контент футера\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Фиксирует футер\n     */\n    sticky?: boolean;\n\n    /**\n     * Выравнивание элементов футера\n     */\n    layout?: 'start' | 'center' | 'space-between' | 'column';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Отбивка бордером\n     */\n    isHighlighted?: boolean;\n}\n\nexport const BaseFooter = forwardRef<HTMLDivElement, FooterProps>((props, ref) => {\n    const { children, className, sticky, dataTestId, isHighlighted } = props;\n    const { setHasFooter } = useContext(ModalContext);\n\n    useEffect(() => {\n        setHasFooter(true);\n\n        return () => {\n            setHasFooter(false);\n        };\n    }, [setHasFooter]);\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.footer, className, {\n                [styles.highlighted]: sticky && isHighlighted,\n                [styles.sticky]: sticky,\n            })}\n            data-test-id={getDataTestId(dataTestId, 'footer')}\n            data-name='modalFooterDesktop'\n        >\n            {children}\n        </div>\n    );\n});\n"],"names":[],"mappings":";;;;;;AAyCa,MAAA,UAAU,GAAG,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7E,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK;IACxE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAEjD,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE;AACpC,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,aAAa;AAC7C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACY,cAAA,EAAA,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,WAAA,EACvC,oBAAoB,EAAA,EAE7B,QAAQ,CACP;AAEd,CAAC;;;;"}
+{"version":3,"file":"base-footer.js","sources":["../../../../src/components/footer/base-footer/base-footer.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport interface FooterProps {\n    /**\n     * Контент футера\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Фиксирует футер\n     */\n    sticky?: boolean;\n\n    /**\n     * Выравнивание элементов футера\n     */\n    layout?: 'start' | 'center' | 'space-between' | 'column';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Отбивка бордером\n     */\n    isHighlighted?: boolean;\n}\n\nexport const BaseFooter = forwardRef<HTMLDivElement, FooterProps>((props, ref) => {\n    const { children, className, sticky, dataTestId, isHighlighted } = props;\n    const { setHasFooter } = useContext(ModalContext);\n\n    useEffect(() => {\n        setHasFooter(true);\n\n        return () => {\n            setHasFooter(false);\n        };\n    }, [setHasFooter]);\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.footer, className, {\n                [styles.highlighted]: sticky && isHighlighted,\n                [styles.sticky]: sticky,\n            })}\n            data-test-id={getDataTestId(dataTestId, 'footer')}\n            data-name='modalFooterDesktop'\n        >\n            {children}\n        </div>\n    );\n});\n"],"names":[],"mappings":";;;;;;AAyCa,MAAA,UAAU,GAAG,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7E,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK;IACxE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAEjD,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE;AACpC,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,aAAa;AAC7C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACY,cAAA,EAAA,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,WAAA,EACvC,oBAAoB,EAAA,EAE7B,QAAQ,CACP;AAEd,CAAC;;;;"}

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

@@ -10,16 +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_1gy0j {
+} .universal-modal__footer_15hc7 {
     width: 100%;
     box-sizing: border-box;
-    transition: box-shadow 0.2s ease, background 0.2s ease;
+    transition:
+        box-shadow 0.2s ease,
+        background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
-} .universal-modal__sticky_1gy0j {
+} .universal-modal__sticky_15hc7 {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
-} .universal-modal__highlighted_1gy0j {
+} .universal-modal__highlighted_15hc7 {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"universal-modal__footer_1gy0j","sticky":"universal-modal__sticky_1gy0j","highlighted":"universal-modal__highlighted_1gy0j"};
+const styles = {"footer":"universal-modal__footer_15hc7","sticky":"universal-modal__sticky_15hc7","highlighted":"universal-modal__highlighted_15hc7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/footer/base-footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../vars.css';\n\n.footer {\n    width: 100%;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s ease, background 0.2s ease;\n    padding: var(--gap-16) var(--gap-32) var(--gap-32);\n}\n\n.sticky {\n    background: var(--universal-modal-footer-background);\n    position: sticky;\n    z-index: 1;\n}\n\n.highlighted {\n    background: var(--universal-modal-footer-highlight-background);\n    box-shadow: var(--universal-modal-footer-highlight-box-shadow);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/footer/base-footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../vars.css';\n\n.footer {\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-16) var(--gap-32) var(--gap-32);\n}\n\n.sticky {\n    background: var(--universal-modal-footer-background);\n    position: sticky;\n    z-index: 1;\n}\n\n.highlighted {\n    background: var(--universal-modal-footer-highlight-background);\n    box-shadow: var(--universal-modal-footer-highlight-box-shadow);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC;;;;"}

package/modern/components/footer/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/footer/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';\nimport { type FooterProps, BaseFooter } from '../base-footer/base-footer';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { modalWidth = 500, modalFooterHighlighted } = useContext(UniversalModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":[],"mappings":";;;;;;;;AAiBa,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACnE,IAAA,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;IAEtF,MAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAC3C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ;AAClC,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,GACjC,SAAS,EAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/footer/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';\nimport { BaseFooter, type FooterProps } from '../base-footer/base-footer';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { modalWidth = 500, modalFooterHighlighted } = useContext(UniversalModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":[],"mappings":";;;;;;;;AAiBa,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACnE,IAAA,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;IAEtF,MAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAC3C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ;AAClC,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,GACjC,SAAS,EAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/modern/components/footer/desktop/desktop.css

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

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-const styles = {"sticky":"universal-modal__sticky_1lr61"};
+const styles = {"sticky":"universal-modal__sticky_el2j0"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/modern/components/footer/desktop/layout.css

@@ -5,26 +5,23 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .universal-modal__column_1lhhw {
+} .universal-modal__column_ebeel {
     display: flex;
     flex-direction: column;
-    grid-gap: var(--gap-8);
-    gap: var(--gap-8)
-} .universal-modal__column_1lhhw.universal-modal__middle_1lhhw {
-        grid-gap: var(--gap-12);
+    gap: var(--gap-8);
+} .universal-modal__column_ebeel.universal-modal__middle_ebeel {
         gap: var(--gap-12);
-    } .universal-modal__start_1lhhw {
+    } .universal-modal__start_ebeel {
     justify-content: flex-start;
-} .universal-modal__center_1lhhw {
+} .universal-modal__center_ebeel {
     justify-content: center;
-} .universal-modal__space-between_1lhhw {
-    justify-content: space-between
-} .universal-modal__space-between_1lhhw > * {
+} .universal-modal__space-between_ebeel {
+    justify-content: space-between;
+} .universal-modal__space-between_ebeel > * {
         flex: 1;
-    } .universal-modal__start_1lhhw,
-.universal-modal__center_1lhhw,
-.universal-modal__space-between_1lhhw {
+    } .universal-modal__start_ebeel,
+.universal-modal__center_ebeel,
+.universal-modal__space-between_ebeel {
     display: flex;
-    grid-gap: var(--gap-16);
     gap: var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './layout.css';
 
-const layoutStyles = {"column":"universal-modal__column_1lhhw","middle":"universal-modal__middle_1lhhw","start":"universal-modal__start_1lhhw","center":"universal-modal__center_1lhhw","space-between":"universal-modal__space-between_1lhhw"};
+const layoutStyles = {"column":"universal-modal__column_ebeel","middle":"universal-modal__middle_ebeel","start":"universal-modal__start_ebeel","center":"universal-modal__center_ebeel","space-between":"universal-modal__space-between_ebeel"};
 
 export { layoutStyles as default };
 //# sourceMappingURL=layout.module.css.js.map

package/modern/components/footer/mobile/Component.mobile.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { type FooterProps } from '../base-footer/base-footer';
 export declare type FooterMobileProps = FooterProps;
 export declare const FooterMobile: FC<FooterMobileProps>;

package/modern/components/footer/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/footer/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { type FooterProps, BaseFooter } from '../base-footer/base-footer';\n\nimport layoutStylesMobile from './layout.mobile.module.css';\nimport styles from './mobile.module.css';\n\nexport type FooterMobileProps = FooterProps;\n\nexport const FooterMobile: FC<FooterMobileProps> = ({\n    className,\n    sticky,\n    layout = 'start',\n    ...restProps\n}) => {\n    const { footerHighlighted } = useContext(ModalContext);\n\n    return (\n        <BaseFooter\n            className={cn(styles.footer, layoutStylesMobile[layout], className, {\n                [styles.sticky]: sticky,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={footerHighlighted}\n            {...restProps}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAWa,MAAA,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,GAAG,SAAS,EACf,KAAI;IACD,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEtD,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAChE,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,GAC5B,SAAS,EAAA,CACf;AAEV;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/footer/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { BaseFooter, type FooterProps } from '../base-footer/base-footer';\n\nimport layoutStylesMobile from './layout.mobile.module.css';\nimport styles from './mobile.module.css';\n\nexport type FooterMobileProps = FooterProps;\n\nexport const FooterMobile: FC<FooterMobileProps> = ({\n    className,\n    sticky,\n    layout = 'start',\n    ...restProps\n}) => {\n    const { footerHighlighted } = useContext(ModalContext);\n\n    return (\n        <BaseFooter\n            className={cn(styles.footer, layoutStylesMobile[layout], className, {\n                [styles.sticky]: sticky,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={footerHighlighted}\n            {...restProps}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAWa,MAAA,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,GAAG,SAAS,EACf,KAAI;IACD,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEtD,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAChE,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,GAC5B,SAAS,EAAA,CACf;AAEV;;;;"}

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

@@ -1,23 +1,21 @@
 :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .universal-modal__column_15tid {
+} .universal-modal__column_s3i6x {
     display: flex;
     flex-direction: column;
-    grid-gap: var(--gap-16);
     gap: var(--gap-16);
-} .universal-modal__start_15tid {
+} .universal-modal__start_s3i6x {
     justify-content: flex-start;
-} .universal-modal__center_15tid {
+} .universal-modal__center_s3i6x {
     justify-content: center;
-} .universal-modal__space-between_15tid {
-    justify-content: space-between
-} .universal-modal__space-between_15tid > * {
+} .universal-modal__space-between_s3i6x {
+    justify-content: space-between;
+} .universal-modal__space-between_s3i6x > * {
         flex: 1;
-    } .universal-modal__start_15tid,
-.universal-modal__center_15tid,
-.universal-modal__space-between_15tid {
+    } .universal-modal__start_s3i6x,
+.universal-modal__center_s3i6x,
+.universal-modal__space-between_s3i6x {
     display: flex;
-    grid-gap: var(--gap-16);
     gap: var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-const layoutStylesMobile = {"column":"universal-modal__column_15tid","start":"universal-modal__start_15tid","center":"universal-modal__center_15tid","space-between":"universal-modal__space-between_15tid"};
+const layoutStylesMobile = {"column":"universal-modal__column_s3i6x","start":"universal-modal__start_s3i6x","center":"universal-modal__center_s3i6x","space-between":"universal-modal__space-between_s3i6x"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/modern/components/footer/mobile/mobile.css

@@ -2,8 +2,8 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .universal-modal__footer_17nth {
+} .universal-modal__footer_94mbj {
     padding: var(--gap-16);
-} .universal-modal__sticky_17nth {
+} .universal-modal__sticky_94mbj {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"footer":"universal-modal__footer_17nth","sticky":"universal-modal__sticky_17nth"};
+const styles = {"footer":"universal-modal__footer_94mbj","sticky":"universal-modal__sticky_94mbj"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/components/footer/responsive/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/footer/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { type FooterDesktopProps, FooterDesktop } from '../desktop/Component.desktop';\nimport { type FooterMobileProps, FooterMobile } from '../mobile/Component.mobile';\n\nexport interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/footer/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, type FooterDesktopProps } from '../desktop/Component.desktop';\nimport { FooterMobile, type FooterMobileProps } from '../mobile/Component.mobile';\n\nexport interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

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

@@ -8,41 +8,43 @@
     --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_rhx3h {
+} .universal-modal__header_g18qx {
     width: 100%;
     box-sizing: border-box;
-    transition: box-shadow 0.2s ease, background 0.2s ease;
+    transition:
+        box-shadow 0.2s ease,
+        background 0.2s ease;
     padding: var(--gap-20) var(--gap-20) 0;
-} .universal-modal__highlighted_rhx3h {
+} .universal-modal__highlighted_g18qx {
     background: var(--universal-modal-header-highlight-background);
     box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .universal-modal__sticky_rhx3h {
+} .universal-modal__sticky_g18qx {
     position: sticky;
-    z-index: 1
-} .universal-modal__sticky_rhx3h.universal-modal__hasContent_rhx3h {
+    z-index: 1;
+} .universal-modal__sticky_g18qx.universal-modal__hasContent_g18qx {
         background: var(--universal-modal-header-background);
-    } .universal-modal__header_rhx3h.universal-modal__backgroundImage_rhx3h {
+    } .universal-modal__header_g18qx.universal-modal__backgroundImage_g18qx {
     background: center no-repeat;
     background-size: cover;
-} .universal-modal__content_rhx3h {
+} .universal-modal__content_g18qx {
     flex-grow: 1;
-} .universal-modal__title_rhx3h {
+} .universal-modal__title_g18qx {
     word-break: break-word;
-} .universal-modal__addon_rhx3h {
+} .universal-modal__addon_g18qx {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .universal-modal__closer_rhx3h {
+} .universal-modal__closer_g18qx {
     margin-left: auto;
-} .universal-modal__right_rhx3h {
+} .universal-modal__right_g18qx {
     justify-content: flex-end;
     text-align: right;
-} .universal-modal__trim_rhx3h {
-    overflow: hidden
-} .universal-modal__trim_rhx3h .universal-modal__title_rhx3h {
+} .universal-modal__trim_g18qx {
+    overflow: hidden;
+} .universal-modal__trim_g18qx .universal-modal__title_g18qx {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"header":"universal-modal__header_rhx3h","highlighted":"universal-modal__highlighted_rhx3h","sticky":"universal-modal__sticky_rhx3h","hasContent":"universal-modal__hasContent_rhx3h"};
+const styles = {"header":"universal-modal__header_g18qx","highlighted":"universal-modal__highlighted_g18qx","sticky":"universal-modal__sticky_g18qx","hasContent":"universal-modal__hasContent_g18qx"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/index.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s ease, 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,eAAe,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    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,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,YAAY,CAAC,mCAA4U,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/modern';
+import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/modern';
 export interface HeaderDesktopProps extends Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'> {
     /**
      * Заголовок в шапке крупного размера

package/modern/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    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":[],"mappings":";;;;;;;;;AA2Ba,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EACF,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAChF,MAAM,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAEpE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;AAClE,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1B;AAED,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,QACI,oBAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE;YACpC,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,sBAAsB,IAAI,UAAU;AACpE,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AAC/B,YAAA,CAAC,aAAa,CAAC,MAAM,GAAG,MAAM;SACjC,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC7D,qBAAqB,EAAE,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,qBAAqB,EAAE;AACzE,YAAA,CAAC,aAAa,CAAC,MAAM,GAAG,QAAQ;AACnC,SAAA,CAAC,EACF,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAE,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,cAAc,EAAE;AAC1D,YAAA,CAAC,aAAa,CAAC,MAAM,GAAG,QAAQ;AACnC,SAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAEnB,EAAA,QAAQ,CACU;AAE/B,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"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":[],"mappings":";;;;;;;;;AA2Ba,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EACF,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAChF,MAAM,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAEpE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;AAClE,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1B;AAED,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,QACI,oBAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE;YACpC,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,sBAAsB,IAAI,UAAU;AACpE,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AAC/B,YAAA,CAAC,aAAa,CAAC,MAAM,GAAG,MAAM;SACjC,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC7D,qBAAqB,EAAE,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,qBAAqB,EAAE;AACzE,YAAA,CAAC,aAAa,CAAC,MAAM,GAAG,QAAQ;AACnC,SAAA,CAAC,EACF,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAE,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,cAAc,EAAE;AAC1D,YAAA,CAAC,aAAa,CAAC,MAAM,GAAG,QAAQ;AACnC,SAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAEnB,EAAA,QAAQ,CACU;AAE/B,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/modern/components/header/desktop/desktop.css

@@ -5,29 +5,29 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --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_1iucf {
+} .universal-modal__content_1u5kt {
     font-weight: var(--universal-modal-header-desktop-font-weight);
     font-family: var(--universal-modal-header-desktop-font-family);
-} .universal-modal__sticky_1iucf {
+} .universal-modal__sticky_1u5kt {
     top: var(--gap-0);
-} .universal-modal__bottomAddons_1iucf,
-.universal-modal__headerTitle_1iucf {
+} .universal-modal__bottomAddons_1u5kt,
+.universal-modal__headerTitle_1u5kt {
     font-size: 22px;
     line-height: 26px;
-    font-weight: 700
-} .universal-modal__bottomAddons_1iucf.universal-modal__medium_1iucf, .universal-modal__headerTitle_1iucf.universal-modal__medium_1iucf {
+    font-weight: 700;
+} .universal-modal__bottomAddons_1u5kt.universal-modal__medium_1u5kt, .universal-modal__headerTitle_1u5kt.universal-modal__medium_1u5kt {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
-    } .universal-modal__headerTitle_1iucf {
-    padding: 11px var(--gap-12)
-} .universal-modal__headerTitle_1iucf.universal-modal__medium_1iucf {
+    } .universal-modal__headerTitle_1u5kt {
+    padding: 11px var(--gap-12);
+} .universal-modal__headerTitle_1u5kt.universal-modal__medium_1u5kt {
         padding: 6px var(--gap-12) var(--gap-16);
-    } .universal-modal__bottomAddons_1iucf {
+    } .universal-modal__bottomAddons_1u5kt {
     padding: 6px var(--gap-12) var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-const desktopStyles = {"content":"universal-modal__content_1iucf","sticky":"universal-modal__sticky_1iucf","bottomAddons":"universal-modal__bottomAddons_1iucf","headerTitle":"universal-modal__headerTitle_1iucf","medium":"universal-modal__medium_1iucf"};
+const desktopStyles = {"content":"universal-modal__content_1u5kt","sticky":"universal-modal__sticky_1u5kt","bottomAddons":"universal-modal__bottomAddons_1u5kt","headerTitle":"universal-modal__headerTitle_1u5kt","medium":"universal-modal__medium_1u5kt"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/modern';
+import { type FC } from 'react';
+import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/modern';
 export declare type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
 export declare const HeaderMobile: FC<HeaderMobileProps>;

package/modern/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, { FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    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":[],"mappings":";;;;;;;;AAgBa,MAAA,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,OAAO,EAAE,oBAAoB,GAChC,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;AAClE,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1B;AAED,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,OACb,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE;YACzD,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AAC/B,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,MAAM;AAChC,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,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                [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":[],"mappings":";;;;;;;;AAgBa,MAAA,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,OAAO,EAAE,oBAAoB,GAChC,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;AAClE,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1B;AAED,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,OACb,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE;YACzD,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AAC/B,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,MAAM;AAChC,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACU;AAE/B;;;;"}

package/modern/components/header/mobile/mobile.css

@@ -9,18 +9,18 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --universal-modal-header-mobile-font-size: 20px;
     --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_9eg96 {
+} .universal-modal__header_19wd5 {
     padding: var(--gap-8) var(--gap-4);
-} .universal-modal__sticky_9eg96 {
+} .universal-modal__sticky_19wd5 {
     top: var(--gap-0);
-} .universal-modal__content_9eg96 {
+} .universal-modal__content_19wd5 {
     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);
@@ -28,7 +28,7 @@
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
-} .universal-modal__bottomAddons_9eg96 {
+} .universal-modal__bottomAddons_19wd5 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"header":"universal-modal__header_9eg96","sticky":"universal-modal__sticky_9eg96","content":"universal-modal__content_9eg96","bottomAddons":"universal-modal__bottomAddons_9eg96"};
+const mobileStyles = {"header":"universal-modal__header_19wd5","sticky":"universal-modal__sticky_19wd5","content":"universal-modal__content_19wd5","bottomAddons":"universal-modal__bottomAddons_19wd5"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/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/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: 6px var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,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.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: 6px var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}

package/modern/components/header/responsive/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { HeaderDesktopProps } from '../desktop/Component.desktop';
-import { HeaderMobileProps } from '../mobile/Component.mobile';
+import { type HeaderDesktopProps } from '../desktop/Component.desktop';
+import { type HeaderMobileProps } from '../mobile/Component.mobile';
 export interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {
 }
 export declare const HeaderResponsive: React.ForwardRefExoticComponent<HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/modern/components/header/responsive/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/header/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, HeaderDesktopProps } from '../desktop/Component.desktop';\nimport { HeaderMobile, HeaderMobileProps } from '../mobile/Component.mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/header/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, type HeaderDesktopProps } from '../desktop/Component.desktop';\nimport { HeaderMobile, type HeaderMobileProps } from '../mobile/Component.mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/modern/context/universal-modal-context.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UniversalModalContextType } from '../typings';
+import { type UniversalModalContextType } from '../typings';
 export declare const UniversalModalContext: import("react").Context<UniversalModalContextType>;

package/modern/context/universal-modal-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"universal-modal-context.js","sources":["../../src/context/universal-modal-context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { UniversalModalContextType } from '../typings';\n\nexport const UniversalModalContext = createContext<UniversalModalContextType>({\n    modalWidth: 500,\n    hasFooter: false,\n    hasHeader: false,\n});\n"],"names":[],"mappings":";;AAIO,MAAM,qBAAqB,GAAG,aAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}
+{"version":3,"file":"universal-modal-context.js","sources":["../../src/context/universal-modal-context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { type UniversalModalContextType } from '../typings';\n\nexport const UniversalModalContext = createContext<UniversalModalContextType>({\n    modalWidth: 500,\n    hasFooter: false,\n    hasHeader: false,\n});\n"],"names":[],"mappings":";;AAIO,MAAM,qBAAqB,GAAG,aAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}

package/modern/desktop/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UniversalModalDesktopProps } from './types/props';
+import { type UniversalModalDesktopProps } from './types/props';
 export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("../components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;

package/modern/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport type { UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport type { UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAaa,8BAA8B,GAAG,UAAU,CAGtD,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAC9D,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACpF,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAEpF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAE/D,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;QAC3B,sBAAsB;QACtB,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,yBAAyB;QACzB,yBAAyB;AAC5B,KAAA,CAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;IAED,MAAM,WAAW,GAAG,MAAK;QACrB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;MAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport { type UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAaa,8BAA8B,GAAG,UAAU,CAGtD,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAC9D,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACpF,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAEpF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAE/D,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;QAC3B,sBAAsB;QACtB,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,yBAAyB;QACzB,yBAAyB;AAC5B,KAAA,CAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;IAED,MAAM,WAAW,GAAG,MAAK;QACrB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;MAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}

package/modern/desktop/components/buttons/arrow-button/arrow-button.css

@@ -3,7 +3,7 @@
 } :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .universal-modal__button_1oern.universal-modal__button_1oern {
+} .universal-modal__button_33ns3.universal-modal__button_33ns3 {
     padding: 0 var(--gap-12);
     background-color: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);