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

package/modern/mobile/components/buttons/cross-button/cross-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_1n81a.universal-modal__button_1n81a {
+} .universal-modal__button_qidjg.universal-modal__button_qidjg {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_1n81a {
+} .universal-modal__icon_qidjg {
     fill: var(--color-light-neutral-translucent-700);
 }

package/modern/mobile/components/buttons/cross-button/cross-button.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 interface CrossButtonProps {
     onClick?: () => void;
 }

package/modern/mobile/components/buttons/cross-button/cross-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.js","sources":["../../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,iBAAiB,GAAyB,CAAC,KAAK,KAAI;AAC7D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,UAAU,EAAE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
+{"version":3,"file":"cross-button.js","sources":["../../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,iBAAiB,GAAyB,CAAC,KAAK,KAAI;AAC7D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK;AAEzB,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,UAAU,EAAE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

package/modern/mobile/components/buttons/cross-button/cross-button.module.css.js

@@ -1,6 +1,6 @@
 import './cross-button.css';
 
-const styles = {"button":"universal-modal__button_1n81a","icon":"universal-modal__icon_1n81a"};
+const styles = {"button":"universal-modal__button_qidjg","icon":"universal-modal__icon_qidjg"};
 
 export { styles as default };
 //# sourceMappingURL=cross-button.module.css.js.map

package/modern/mobile/components/buttons/cross-button/cross-button.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}

package/modern/mobile/mobile.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__component_1smbt {
+} .universal-modal__component_ifelu {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -8,10 +8,10 @@
     overflow-y: auto;
     max-width: 600px;
     display: flex;
-    flex-direction: column
-} .universal-modal__component_1smbt .universal-modal__content_1smbt {
+    flex-direction: column;
+} .universal-modal__component_ifelu .universal-modal__content_ifelu {
         height: auto;
-    } .universal-modal__component_1smbt.universal-modal__component_1smbt {
+    } .universal-modal__component_ifelu.universal-modal__component_ifelu {
     position: fixed;
     flex: 1;
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_1smbt","content":"universal-modal__content_1smbt"};
+const styles = {"component":"universal-modal__component_ifelu","content":"universal-modal__content_ifelu"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/mobile/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    top: var(--gap-0);\n    height: 100%;\n    width: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 600px;\n    display: flex;\n    flex-direction: column;\n\n    & .content {\n        height: auto;\n    }\n}\n\n.component.component {\n    position: fixed;\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,SAAS,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    top: var(--gap-0);\n    height: 100%;\n    width: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 600px;\n    display: flex;\n    flex-direction: column;\n\n    & .content {\n        height: auto;\n    }\n}\n\n.component.component {\n    position: fixed;\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,SAAS,CAAC,gCAAgC,CAAC;;;;"}

package/modern/mobile/transitions/right-side-transitions.mobile.css

@@ -1,15 +1,15 @@
-.universal-modal__appear_bfrbf,
-.universal-modal__enter_bfrbf {
+.universal-modal__appear_1acqq,
+.universal-modal__enter_1acqq {
     transform: translateX(100%);
-} .universal-modal__appearActive_bfrbf,
-.universal-modal__enterActive_bfrbf {
+} .universal-modal__appearActive_1acqq,
+.universal-modal__enterActive_1acqq {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .universal-modal__exit_bfrbf {
+} .universal-modal__exit_1acqq {
     transform: translateX(0);
-} .universal-modal__exitActive_bfrbf,
-.universal-modal__exitDone_bfrbf {
+} .universal-modal__exitActive_1acqq,
+.universal-modal__exitDone_1acqq {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-const rightSideTransitions = {"appear":"universal-modal__appear_bfrbf","enter":"universal-modal__enter_bfrbf","appearActive":"universal-modal__appearActive_bfrbf","enterActive":"universal-modal__enterActive_bfrbf","exit":"universal-modal__exit_bfrbf","exitActive":"universal-modal__exitActive_bfrbf","exitDone":"universal-modal__exitDone_bfrbf"};
+const rightSideTransitions = {"appear":"universal-modal__appear_1acqq","enter":"universal-modal__enter_1acqq","appearActive":"universal-modal__appearActive_1acqq","enterActive":"universal-modal__enterActive_1acqq","exit":"universal-modal__exit_1acqq","exitActive":"universal-modal__exitActive_1acqq","exitDone":"universal-modal__exitDone_1acqq"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"right-side-transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/right-side-transitions.mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.appear,\n.enter {\n    transform: translateX(100%);\n}\n\n.appearActive,\n.enterActive {\n    transform: translateX(0);\n    transition: transform 280ms ease-in-out;\n    transition-delay: 80ms;\n}\n\n.exit {\n    transform: translateX(0);\n}\n\n.exitActive,\n.exitDone {\n    transform: translateX(100%);\n    transition: transform 280ms ease-in-out;\n}\n"],"names":[],"mappings":";;AAEgB,6BAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"right-side-transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/right-side-transitions.mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.appear,\n.enter {\n    transform: translateX(100%);\n}\n\n.appearActive,\n.enterActive {\n    transform: translateX(0);\n    transition: transform 280ms ease-in-out;\n    transition-delay: 80ms;\n}\n\n.exit {\n    transform: translateX(0);\n}\n\n.exitActive,\n.exitDone {\n    transform: translateX(100%);\n    transition: transform 280ms ease-in-out;\n}\n"],"names":[],"mappings":";;AAEgB,6BAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/modern/mobile/transitions/transitions.mobile.css

@@ -1,24 +1,28 @@
-.universal-modal__appear_o40lp,
-.universal-modal__enter_o40lp {
+.universal-modal__appear_1cy7f,
+.universal-modal__enter_1cy7f {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_o40lp,
-.universal-modal__enterActive_o40lp {
+.universal-modal__appearActive_1cy7f,
+.universal-modal__enterActive_1cy7f {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
-.universal-modal__exit_o40lp {
+.universal-modal__exit_1cy7f {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_o40lp,
-.universal-modal__exitDone_o40lp {
+.universal-modal__exitActive_1cy7f,
+.universal-modal__exitDone_1cy7f {
     opacity: 0;
     transform: translateY(15px);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

package/modern/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-const transitions = {"appear":"universal-modal__appear_o40lp","enter":"universal-modal__enter_o40lp","appearActive":"universal-modal__appearActive_o40lp","enterActive":"universal-modal__enterActive_o40lp","exit":"universal-modal__exit_o40lp","exitActive":"universal-modal__exitActive_o40lp","exitDone":"universal-modal__exitDone_o40lp"};
+const transitions = {"appear":"universal-modal__appear_1cy7f","enter":"universal-modal__enter_1cy7f","appearActive":"universal-modal__appearActive_1cy7f","enterActive":"universal-modal__enterActive_1cy7f","exit":"universal-modal__exit_1cy7f","exitActive":"universal-modal__exitActive_1cy7f","exitDone":"universal-modal__exitDone_1cy7f"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/modern/mobile/transitions/transitions.mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/transitions.mobile.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 200ms ease-in, transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(15px);\n    transition: opacity 200ms ease-out, transform 200ms ease-out;\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/transitions.mobile.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 200ms ease-in,\n        transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(15px);\n    transition:\n        opacity 200ms ease-out,\n        transform 200ms ease-out;\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/modern/mobile/types/props.d.ts

@@ -1,7 +1,7 @@
-import { BaseModalProps } from '@alfalab/core-components-base-modal/modern';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal/modern';
 export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
 }

package/modern/typings/index.d.ts

@@ -1,5 +1,5 @@
-import { UniversalModalDesktopProps } from '../desktop';
-import { UniversalModalMobileProps } from '../mobile';
+import { type UniversalModalDesktopProps } from '../desktop';
+import { type UniversalModalMobileProps } from '../mobile';
 export interface UniversalModalContextType {
     modalWidth: UniversalModalDesktopProps['width'];
     modalHeaderHighlighted?: boolean;

package/moderncssm/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/moderncssm/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWa,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,GAAA,SAAS,IACrD,QAAQ,CACD;AAEpB,CAAC;MAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWa,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,GAAA,SAAS,IACrD,QAAQ,CACD;AAEpB,CAAC;MAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/moderncssm/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":[],"mappings":";;AAEO,MAAM,YAAY,GAAG;;;;"}
+{"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":[],"mappings":";;AAEO,MAAM,YAAY,GAAG;;;;"}

package/moderncssm/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/moderncssm/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":[],"mappings":";;;;;;AA0BO,MAAM,WAAW,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAI;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxB,aAAa,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":[],"mappings":";;;;;;AA0BO,MAAM,WAAW,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAI;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxB,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAEjD,EAAA,QAAQ,CACP;AAEd;;;;"}

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

@@ -1,3 +1,5 @@
+
+
 .content {
     position: relative;
     box-sizing: border-box;

package/moderncssm/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/moderncssm/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":[],"mappings":";;;;;;AAeO,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACnF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAElE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,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":[],"mappings":";;;;;;AAeO,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACnF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAElE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}

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

@@ -1,3 +1,5 @@
+
+
 .content.withHeader {
         padding-top: var(--gap-0);
     }

package/moderncssm/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/moderncssm/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":[],"mappings":";;;;;;AAUO,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACjF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,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":[],"mappings":";;;;;;AAUO,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACjF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}

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

@@ -1,5 +1,7 @@
+
+
 .content {
-    padding: var(--gap-16)
+    padding: var(--gap-16);
 }
 
 .content.withHeader {

package/moderncssm/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/moderncssm/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/moderncssm/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/moderncssm/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/moderncssm/components/footer/base-footer/index.module.css

@@ -1,19 +1,26 @@
+
+
 :root {
     --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);
 }
+
 .footer {
     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);
 }
+
 .sticky {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
+
 .highlighted {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);

package/moderncssm/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/moderncssm/components/footer/desktop/desktop.module.css

@@ -1,3 +1,5 @@
+
+
 .sticky {
     bottom: var(--gap-0);
 }

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

@@ -1,12 +1,12 @@
+
+
 .column {
     display: flex;
     flex-direction: column;
-    grid-gap: var(--gap-8);
-    gap: var(--gap-8)
+    gap: var(--gap-8);
 }
 
 .column.middle {
-        grid-gap: var(--gap-12);
         gap: var(--gap-12);
     }
 
@@ -19,7 +19,7 @@
 }
 
 .space-between {
-    justify-content: space-between
+    justify-content: space-between;
 }
 
 .space-between > * {
@@ -30,6 +30,5 @@
 .center,
 .space-between {
     display: flex;
-    grid-gap: var(--gap-16);
     gap: var(--gap-16);
 }

package/moderncssm/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/moderncssm/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/moderncssm/components/footer/mobile/layout.mobile.module.css

@@ -1,7 +1,8 @@
+
+
 .column {
     display: flex;
     flex-direction: column;
-    grid-gap: var(--gap-16);
     gap: var(--gap-16);
 }
 
@@ -14,7 +15,7 @@
 }
 
 .space-between {
-    justify-content: space-between
+    justify-content: space-between;
 }
 
 .space-between > * {
@@ -25,6 +26,5 @@
 .center,
 .space-between {
     display: flex;
-    grid-gap: var(--gap-16);
     gap: var(--gap-16);
 }

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

@@ -1,3 +1,5 @@
+
+
 .footer {
     padding: var(--gap-16);
 }

package/moderncssm/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/moderncssm/components/header/base-header/index.module.css

@@ -1,3 +1,5 @@
+
+
 :root {
     --universal-modal-header-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
@@ -7,7 +9,9 @@
 .header {
     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;
 }
 
@@ -18,7 +22,7 @@
 
 .sticky {
     position: sticky;
-    z-index: 1
+    z-index: 1;
 }
 
 .sticky.hasContent {
@@ -57,7 +61,7 @@
 }
 
 .trim {
-    overflow: hidden
+    overflow: hidden;
 }
 
 .trim .title {

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

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

package/moderncssm/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/moderncssm/components/header/desktop/desktop.module.css

@@ -1,38 +1,33 @@
+
+
 :root {
     --universal-modal-header-desktop-font-weight: bold;
     --universal-modal-header-desktop-font-family: var(--font-family-system);
 }
-
 .content {
     font-weight: var(--universal-modal-header-desktop-font-weight);
     font-family: var(--universal-modal-header-desktop-font-family);
 }
-
 .sticky {
     top: var(--gap-0);
 }
-
 .bottomAddons,
 .headerTitle {
     font-size: 22px;
     line-height: 26px;
-    font-weight: 700
+    font-weight: 700;
 }
-
 .bottomAddons.medium, .headerTitle.medium {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
-
 .headerTitle {
-    padding: 11px var(--gap-12)
+    padding: 11px var(--gap-12);
 }
-
 .headerTitle.medium {
         padding: 6px var(--gap-12) var(--gap-16);
     }
-
 .bottomAddons {
     padding: 6px var(--gap-12) var(--gap-16);
 }

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

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