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

package/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UniversalModalResponsiveProps } from './typings';
+import { type UniversalModalResponsiveProps } from './typings';
 export declare const UniversalModal: React.ForwardRefExoticComponent<UniversalModalResponsiveProps & React.RefAttributes<HTMLDivElement>>;
 export declare const UniversalModalResponsive: React.ForwardRefExoticComponent<UniversalModalResponsiveProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("./components/header").HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentResponsive } from './components/content';\nimport { FooterResponsive } from './components/footer';\nimport { HeaderResponsive } from './components/header';\nimport { UniversalModalDesktop } from './desktop';\nimport { UniversalModalMobile } from './mobile';\nimport type { UniversalModalResponsiveProps } from './typings';\n\nexport const UniversalModal = forwardRef<HTMLDivElement, UniversalModalResponsiveProps>(\n    ({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        const Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;\n\n        return (\n            <Component ref={ref} dataTestId={dataTestId} {...restProps}>\n                {children}\n            </Component>\n        );\n    },\n);\n\nexport const UniversalModalResponsive = Object.assign(UniversalModal, {\n    Header: HeaderResponsive,\n    Content: ContentResponsive,\n    Footer: FooterResponsive,\n});\n\nUniversalModalResponsive.displayName = 'UniversalModalResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","UniversalModalDesktop","UniversalModalMobile","React","__assign","HeaderResponsive","ContentResponsive","FooterResponsive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWa,cAAc,GAAGA,gBAAU,CACpC,UAAC,EAA0E,EAAE,GAAG,EAAA;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,gBAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAxE,kEAA0E,CAAF;IACrE,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAGC,uCAAqB,GAAGC,qCAAoB;AAE1E,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,GACrD,QAAQ,CACD;AAEpB,CAAC;IAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAEC,uCAAgB;AACxB,IAAA,OAAO,EAAEC,wCAAiB;AAC1B,IAAA,MAAM,EAAEC,qCAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentResponsive } from './components/content';\nimport { FooterResponsive } from './components/footer';\nimport { HeaderResponsive } from './components/header';\nimport { UniversalModalDesktop } from './desktop';\nimport { UniversalModalMobile } from './mobile';\nimport { type UniversalModalResponsiveProps } from './typings';\n\nexport const UniversalModal = forwardRef<HTMLDivElement, UniversalModalResponsiveProps>(\n    ({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        const Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;\n\n        return (\n            <Component ref={ref} dataTestId={dataTestId} {...restProps}>\n                {children}\n            </Component>\n        );\n    },\n);\n\nexport const UniversalModalResponsive = Object.assign(UniversalModal, {\n    Header: HeaderResponsive,\n    Content: ContentResponsive,\n    Footer: FooterResponsive,\n});\n\nUniversalModalResponsive.displayName = 'UniversalModalResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","UniversalModalDesktop","UniversalModalMobile","React","__assign","HeaderResponsive","ContentResponsive","FooterResponsive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWa,cAAc,GAAGA,gBAAU,CACpC,UAAC,EAA0E,EAAE,GAAG,EAAA;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,gBAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAxE,kEAA0E,CAAF;IACrE,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAGC,uCAAqB,GAAGC,qCAAoB;AAE1E,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,GACrD,QAAQ,CACD;AAEpB,CAAC;IAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAEC,uCAAgB;AACxB,IAAA,OAAO,EAAEC,wCAAiB;AAC1B,IAAA,MAAM,EAAEC,qCAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;;"}

package/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["src/Context.tsx"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\nexport const ModalContext = BaseModalContext;\n"],"names":["BaseModalContext"],"mappings":";;;;;;AAEO,IAAM,YAAY,GAAGA;;;;"}
+{"version":3,"file":"Context.js","sources":["src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\nexport const ModalContext = BaseModalContext;\n"],"names":["BaseModalContext"],"mappings":";;;;;;AAEO,IAAM,YAAY,GAAGA;;;;"}

package/components/content/base-content/base-content.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 export interface ContentProps {
     /**
      * Контент

package/components/content/base-content/base-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-content.js","sources":["../../../src/components/content/base-content/base-content.tsx"],"sourcesContent":["import React, { FC, ReactNode, Ref, useContext } 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 ContentProps {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n}\n\nexport const BaseContent: FC<ContentProps> = ({ children, className, dataTestId }) => {\n    const { contentRef } = useContext(ModalContext);\n\n    return (\n        <div\n            className={cn(styles.content, className)}\n            ref={contentRef as Ref<HTMLDivElement>}\n            data-test-id={getDataTestId(dataTestId, 'content')}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["useContext","ModalContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA0BO,IAAM,WAAW,GAAqB,UAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACnE,IAAA,IAAA,UAAU,GAAKA,gBAAU,CAACC,oBAAY,CAAC,WAA7B;IAElB,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxBC,kCAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAEjD,EAAA,QAAQ,CACP;AAEd;;;;"}
+{"version":3,"file":"base-content.js","sources":["../../../src/components/content/base-content/base-content.tsx"],"sourcesContent":["import React, { type FC, type ReactNode, type Ref, useContext } 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 ContentProps {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n}\n\nexport const BaseContent: FC<ContentProps> = ({ children, className, dataTestId }) => {\n    const { contentRef } = useContext(ModalContext);\n\n    return (\n        <div\n            className={cn(styles.content, className)}\n            ref={contentRef as Ref<HTMLDivElement>}\n            data-test-id={getDataTestId(dataTestId, 'content')}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["useContext","ModalContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA0BO,IAAM,WAAW,GAAqB,UAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACnE,IAAA,IAAA,UAAU,GAAKA,gBAAU,CAACC,oBAAY,CAAC,WAA7B;IAElB,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxBC,kCAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAEjD,EAAA,QAAQ,CACP;AAEd;;;;"}

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

@@ -1,7 +1,7 @@
 :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .universal-modal__content_1bpdq {
+} .universal-modal__content_3ps79 {
     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_1bpdq"};
+var styles = {"content":"universal-modal__content_3ps79"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/content/desktop/Component.desktop.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ContentProps } from '../base-content/base-content';
+import { type FC } from 'react';
+import { type ContentProps } from '../base-content/base-content';
 export interface ContentDesktopProps extends ContentProps {
     /**
      * Размер (только для desktop версии компонента)

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

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/content/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { BaseContent, ContentProps } from '../base-content/base-content';\n\nimport styles from './desktop.module.css';\n\nexport interface ContentDesktopProps extends ContentProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(UniversalModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","UniversalModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAeO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,2CAAqB,CAAC,EAA1D,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAsC;AAElE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/content/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { BaseContent, type ContentProps } from '../base-content/base-content';\n\nimport styles from './desktop.module.css';\n\nexport interface ContentDesktopProps extends ContentProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(UniversalModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","UniversalModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAeO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,2CAAqB,CAAC,EAA1D,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAsC;AAElE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

package/components/content/desktop/desktop.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__content_1e9sb.universal-modal__withHeader_1e9sb {
+} .universal-modal__content_n89t2.universal-modal__withHeader_n89t2 {
         padding-top: var(--gap-0);
-    } .universal-modal__content_1e9sb.universal-modal__withFooter_1e9sb {
+    } .universal-modal__content_n89t2.universal-modal__withFooter_n89t2 {
         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_1e9sb","withHeader":"universal-modal__withHeader_1e9sb","withFooter":"universal-modal__withFooter_1e9sb"};
+var styles = {"content":"universal-modal__content_n89t2","withHeader":"universal-modal__withHeader_n89t2","withFooter":"universal-modal__withFooter_n89t2"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/mobile/Component.mobile.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { type ContentProps } from '../base-content/base-content';
 export declare type ContentMobileProps = ContentProps;
 export declare const ContentMobile: FC<ContentMobileProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../src/components/content/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { type ContentProps, BaseContent } from '../base-content/base-content';\n\nimport styles from './mobile.module.css';\n\nexport type ContentMobileProps = ContentProps;\n\nexport const ContentMobile: FC<ContentMobileProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(ModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","ModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAA2B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACrE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,oBAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAA6B;AAEzD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,aAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,aAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../src/components/content/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { BaseContent, type ContentProps } from '../base-content/base-content';\n\nimport styles from './mobile.module.css';\n\nexport type ContentMobileProps = ContentProps;\n\nexport const ContentMobile: FC<ContentMobileProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(ModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","ModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAA2B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACrE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,oBAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAA6B;AAEzD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,aAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,aAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

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_c62z2 {
-    padding: var(--gap-16)
-} .universal-modal__content_c62z2.universal-modal__withHeader_c62z2 {
+} .universal-modal__content_1ca7m {
+    padding: var(--gap-16);
+} .universal-modal__content_1ca7m.universal-modal__withHeader_1ca7m {
         padding-top: var(--gap-0);
-    } .universal-modal__content_c62z2.universal-modal__withFooter_c62z2 {
+    } .universal-modal__content_1ca7m.universal-modal__withFooter_1ca7m {
         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_c62z2","withHeader":"universal-modal__withHeader_c62z2","withFooter":"universal-modal__withFooter_c62z2"};
+var styles = {"content":"universal-modal__content_1ca7m","withHeader":"universal-modal__withHeader_1ca7m","withFooter":"universal-modal__withFooter_1ca7m"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/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/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":["__rest","useIsDesktop","React","ContentDesktop","__assign","ContentMobile"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,iBAAiB,GAA+B,UAAC,EAAgB,EAAA;QAAX,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAd,EAAgB,CAAF;AACxE,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAOC,sBAAC,CAAA,aAAA,CAAAC,gCAAc,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,8BAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;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":["__rest","useIsDesktop","React","ContentDesktop","__assign","ContentMobile"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,iBAAiB,GAA+B,UAAC,EAAgB,EAAA;QAAX,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAd,EAAgB,CAAF;AACxE,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAOC,sBAAC,CAAA,aAAA,CAAAC,gCAAc,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,8BAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;;;;"}

package/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/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":["forwardRef","useContext","ModalContext","useEffect","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;IAyCa,UAAU,GAAGA,gBAAU,CAA8B,UAAC,KAAK,EAAE,GAAG,EAAA;;IACjE,IAAA,QAAQ,GAAmD,KAAK,CAAxD,QAAA,EAAE,SAAS,GAAwC,KAAK,CAA7C,SAAA,EAAE,MAAM,GAAgC,KAAK,CAArC,MAAA,EAAE,UAAU,GAAoB,KAAK,CAAA,UAAzB,EAAE,aAAa,GAAK,KAAK,CAAA,aAAV;AACtD,IAAA,IAAA,YAAY,GAAKC,gBAAU,CAACC,oBAAY,CAAC,aAA7B;AAEpB,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,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAG,GAAA,MAAM,IAAI,aAAa;AAC7C,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA,cAAA,EACYC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,WAAA,EAAA,oBAAoB,EAE7B,EAAA,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":["forwardRef","useContext","ModalContext","useEffect","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;IAyCa,UAAU,GAAGA,gBAAU,CAA8B,UAAC,KAAK,EAAE,GAAG,EAAA;;IACjE,IAAA,QAAQ,GAAmD,KAAK,CAAxD,QAAA,EAAE,SAAS,GAAwC,KAAK,CAA7C,SAAA,EAAE,MAAM,GAAgC,KAAK,CAArC,MAAA,EAAE,UAAU,GAAoB,KAAK,CAAA,UAAzB,EAAE,aAAa,GAAK,KAAK,CAAA,aAAV;AACtD,IAAA,IAAA,YAAY,GAAKC,gBAAU,CAACC,oBAAY,CAAC,aAA7B;AAEpB,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,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAG,GAAA,MAAM,IAAI,aAAa;AAC7C,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA,cAAA,EACYC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,WAAA,EAAA,oBAAoB,EAE7B,EAAA,QAAQ,CACP;AAEd,CAAC;;;;"}

package/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_8yf03 {
     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_8yf03 {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
-} .universal-modal__highlighted_1gy0j {
+} .universal-modal__highlighted_8yf03 {
     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_1gy0j","sticky":"universal-modal__sticky_1gy0j","highlighted":"universal-modal__highlighted_1gy0j"};
+var styles = {"footer":"universal-modal__footer_8yf03","sticky":"universal-modal__sticky_8yf03","highlighted":"universal-modal__highlighted_8yf03"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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,aAAe,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,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC;;;;"}

package/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":["forwardRef","__rest","useContext","UniversalModalContext","FOOTER_MEDIUM_BREAKPOINT","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;IAiBa,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACnD,IAAA,IAAA,EAA+C,GAAAC,gBAAU,CAACC,2CAAqB,CAAC,EAA9E,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,mBAAG,GAAG,GAAA,EAAA,EAAE,sBAAsB,4BAAsC;IAEtF,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAIC,8BAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,cAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,aAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,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":["forwardRef","__rest","useContext","UniversalModalContext","FOOTER_MEDIUM_BREAKPOINT","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;IAiBa,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACnD,IAAA,IAAA,EAA+C,GAAAC,gBAAU,CAACC,2CAAqB,CAAC,EAA9E,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,mBAAG,GAAG,GAAA,EAAA,EAAE,sBAAsB,4BAAsC;IAEtF,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAIC,8BAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,cAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,aAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/components/footer/desktop/desktop.css

@@ -1,5 +1,5 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__sticky_1lr61 {
+} .universal-modal__sticky_s4108 {
     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_1lr61"};
+var styles = {"sticky":"universal-modal__sticky_s4108"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/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_rucvs {
     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_rucvs.universal-modal__middle_rucvs {
         gap: var(--gap-12);
-    } .universal-modal__start_1lhhw {
+    } .universal-modal__start_rucvs {
     justify-content: flex-start;
-} .universal-modal__center_1lhhw {
+} .universal-modal__center_rucvs {
     justify-content: center;
-} .universal-modal__space-between_1lhhw {
-    justify-content: space-between
-} .universal-modal__space-between_1lhhw > * {
+} .universal-modal__space-between_rucvs {
+    justify-content: space-between;
+} .universal-modal__space-between_rucvs > * {
         flex: 1;
-    } .universal-modal__start_1lhhw,
-.universal-modal__center_1lhhw,
-.universal-modal__space-between_1lhhw {
+    } .universal-modal__start_rucvs,
+.universal-modal__center_rucvs,
+.universal-modal__space-between_rucvs {
     display: flex;
-    grid-gap: var(--gap-16);
     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_1lhhw","middle":"universal-modal__middle_1lhhw","start":"universal-modal__start_1lhhw","center":"universal-modal__center_1lhhw","space-between":"universal-modal__space-between_1lhhw"};
+var layoutStyles = {"column":"universal-modal__column_rucvs","middle":"universal-modal__middle_rucvs","start":"universal-modal__start_rucvs","center":"universal-modal__center_rucvs","space-between":"universal-modal__space-between_rucvs"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

package/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/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":["__rest","useContext","ModalContext","React","BaseFooter","__assign","cn","styles","layoutStylesMobile"],"mappings":";;;;;;;;;;;;;;;;;AAWO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;;AAJG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgB,GAAA,EAAA,CAAA,MAAA,EAAhB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACb,SAAS,GAAAA,YAAA,CAAA,EAAA,EAJoC,iCAKnD,CADe;AAEJ,IAAA,IAAA,iBAAiB,GAAKC,gBAAU,CAACC,oBAAY,CAAC,kBAA7B;AAEzB,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,aAAM,CAAC,MAAM,EAAEC,oBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC9D,YAAA,EAAA,CAACD,aAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,EAC5B,SAAS,CAAA,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":["__rest","useContext","ModalContext","React","BaseFooter","__assign","cn","styles","layoutStylesMobile"],"mappings":";;;;;;;;;;;;;;;;;AAWO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;;AAJG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgB,GAAA,EAAA,CAAA,MAAA,EAAhB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACb,SAAS,GAAAA,YAAA,CAAA,EAAA,EAJoC,iCAKnD,CADe;AAEJ,IAAA,IAAA,iBAAiB,GAAKC,gBAAU,CAACC,oBAAY,CAAC,kBAA7B;AAEzB,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,aAAM,CAAC,MAAM,EAAEC,oBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC9D,YAAA,EAAA,CAACD,aAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,EAC5B,SAAS,CAAA,CACf;AAEV;;;;"}

package/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_6wiyw {
     display: flex;
     flex-direction: column;
-    grid-gap: var(--gap-16);
     gap: var(--gap-16);
-} .universal-modal__start_15tid {
+} .universal-modal__start_6wiyw {
     justify-content: flex-start;
-} .universal-modal__center_15tid {
+} .universal-modal__center_6wiyw {
     justify-content: center;
-} .universal-modal__space-between_15tid {
-    justify-content: space-between
-} .universal-modal__space-between_15tid > * {
+} .universal-modal__space-between_6wiyw {
+    justify-content: space-between;
+} .universal-modal__space-between_6wiyw > * {
         flex: 1;
-    } .universal-modal__start_15tid,
-.universal-modal__center_15tid,
-.universal-modal__space-between_15tid {
+    } .universal-modal__start_6wiyw,
+.universal-modal__center_6wiyw,
+.universal-modal__space-between_6wiyw {
     display: flex;
-    grid-gap: var(--gap-16);
     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_15tid","start":"universal-modal__start_15tid","center":"universal-modal__center_15tid","space-between":"universal-modal__space-between_15tid"};
+var layoutStylesMobile = {"column":"universal-modal__column_6wiyw","start":"universal-modal__start_6wiyw","center":"universal-modal__center_6wiyw","space-between":"universal-modal__space-between_6wiyw"};
 
 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_17nth {
+} .universal-modal__footer_657jf {
     padding: var(--gap-16);
-} .universal-modal__sticky_17nth {
+} .universal-modal__sticky_657jf {
     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_17nth","sticky":"universal-modal__sticky_17nth"};
+var styles = {"footer":"universal-modal__footer_657jf","sticky":"universal-modal__sticky_657jf"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/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":["forwardRef","useIsDesktop","React","FooterDesktop","__assign","FooterMobile"],"mappings":";;;;;;;;;;;;;;IASa,gBAAgB,GAAGA,gBAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,+BAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAChD;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,6BAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;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":["forwardRef","useIsDesktop","React","FooterDesktop","__assign","FooterMobile"],"mappings":";;;;;;;;;;;;;;IASa,gBAAgB,GAAGA,gBAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,+BAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAChD;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,6BAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/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_1ijfl {
     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_1ijfl {
     background: var(--universal-modal-header-highlight-background);
     box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .universal-modal__sticky_rhx3h {
+} .universal-modal__sticky_1ijfl {
     position: sticky;
-    z-index: 1
-} .universal-modal__sticky_rhx3h.universal-modal__hasContent_rhx3h {
+    z-index: 1;
+} .universal-modal__sticky_1ijfl.universal-modal__hasContent_1ijfl {
         background: var(--universal-modal-header-background);
-    } .universal-modal__header_rhx3h.universal-modal__backgroundImage_rhx3h {
+    } .universal-modal__header_1ijfl.universal-modal__backgroundImage_1ijfl {
     background: center no-repeat;
     background-size: cover;
-} .universal-modal__content_rhx3h {
+} .universal-modal__content_1ijfl {
     flex-grow: 1;
-} .universal-modal__title_rhx3h {
+} .universal-modal__title_1ijfl {
     word-break: break-word;
-} .universal-modal__addon_rhx3h {
+} .universal-modal__addon_1ijfl {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .universal-modal__closer_rhx3h {
+} .universal-modal__closer_1ijfl {
     margin-left: auto;
-} .universal-modal__right_rhx3h {
+} .universal-modal__right_1ijfl {
     justify-content: flex-end;
     text-align: right;
-} .universal-modal__trim_rhx3h {
-    overflow: hidden
-} .universal-modal__trim_rhx3h .universal-modal__title_rhx3h {
+} .universal-modal__trim_1ijfl {
+    overflow: hidden;
+} .universal-modal__trim_1ijfl .universal-modal__title_1ijfl {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_rhx3h","highlighted":"universal-modal__highlighted_rhx3h","sticky":"universal-modal__sticky_rhx3h","hasContent":"universal-modal__hasContent_rhx3h"};
+var styles = {"header":"universal-modal__header_1ijfl","highlighted":"universal-modal__highlighted_1ijfl","sticky":"universal-modal__sticky_1ijfl","hasContent":"universal-modal__hasContent_1ijfl"};
 
 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/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,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    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;;;;"}

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

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

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    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, 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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"}

package/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_26fm7 {
     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_26fm7 {
     top: var(--gap-0);
-} .universal-modal__bottomAddons_1iucf,
-.universal-modal__headerTitle_1iucf {
+} .universal-modal__bottomAddons_26fm7,
+.universal-modal__headerTitle_26fm7 {
     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_26fm7.universal-modal__medium_26fm7, .universal-modal__headerTitle_26fm7.universal-modal__medium_26fm7 {
         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_26fm7 {
+    padding: 11px var(--gap-12);
+} .universal-modal__headerTitle_26fm7.universal-modal__medium_26fm7 {
         padding: 6px var(--gap-12) var(--gap-16);
-    } .universal-modal__bottomAddons_1iucf {
+    } .universal-modal__bottomAddons_26fm7 {
     padding: 6px var(--gap-12) var(--gap-16);
 }

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

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var 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"};
+var desktopStyles = {"content":"universal-modal__content_26fm7","sticky":"universal-modal__sticky_26fm7","bottomAddons":"universal-modal__bottomAddons_26fm7","headerTitle":"universal-modal__headerTitle_26fm7","medium":"universal-modal__medium_26fm7"};
 
 module.exports = desktopStyles;
 //# sourceMappingURL=desktop.module.css.js.map