@alfalab/core-components-universal-modal 3.1.1 → 3.1.2

package/moderncssm/responsive/components/footer/index.js

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
+import '../../../desktop/Component.desktop.js';
+import '../../../desktop/components/header/index.js';
+import { FooterDesktop } from '../../../desktop/components/footer/index.js';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-base-modal/moderncssm';
+import '../../../components/base-content/index.module.css';
+import '../../../mobile/Component.mobile.js';
+import '@alfalab/core-components-navigation-bar-private/moderncssm';
+import '../../../components/base-header/index.module.css';
+import '../../../mobile/components/header/index.module.css';
+import { FooterMobile } from '../../../mobile/components/footer/index.js';
+import '../../../mobile/components/content/index.module.css';
+
+const FooterResponsive = forwardRef((props, ref) => {
+    const isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(FooterDesktop, { ref: ref, ...props });
+    }
+    return React.createElement(FooterMobile, { ...props });
+});
+FooterResponsive.displayName = 'FooterResponsive';
+
+export { FooterResponsive };
+//# sourceMappingURL=index.js.map

package/moderncssm/responsive/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/responsive/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, type FooterDesktopProps } from '../../../desktop';\nimport { FooterMobile, type FooterMobileProps } from '../../../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;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/{components/header/responsive/Component.responsive.d.ts → moderncssm/responsive/components/header/index.d.ts}

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

package/moderncssm/responsive/components/header/index.js

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
+import '../../../desktop/Component.desktop.js';
+import { HeaderDesktop } from '../../../desktop/components/header/index.js';
+import '../../../desktop/components/footer/index.js';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-base-modal/moderncssm';
+import '../../../components/base-content/index.module.css';
+import '../../../mobile/Component.mobile.js';
+import { HeaderMobile } from '../../../mobile/components/header/index.js';
+import '../../../components/base-footer/index.js';
+import '../../../mobile/components/footer/index.module.css';
+import '../../../mobile/components/footer/layout.mobile.module.css';
+import '../../../mobile/components/content/index.module.css';
+
+const HeaderResponsive = forwardRef((props, ref) => {
+    const isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(HeaderDesktop, { ref: ref, ...props });
+    }
+    return React.createElement(HeaderMobile, { ...props });
+});
+HeaderResponsive.displayName = 'HeaderResponsive';
+
+export { HeaderResponsive };
+//# sourceMappingURL=index.js.map

package/moderncssm/responsive/components/header/index.js.map

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

package/moderncssm/responsive/index.d.ts

@@ -0,0 +1,4 @@
+export { HeaderResponsive, type HeaderResponsiveProps } from './components/header';
+export { ContentResponsive, type ContentResponsiveProps } from './components/content';
+export { FooterResponsive, type FooterResponsiveProps } from './components/footer';
+export { UniversalModalResponsive, UniversalModal } from './Component.responsive';

package/moderncssm/responsive/index.js

@@ -0,0 +1,5 @@
+export { HeaderResponsive } from './components/header/index.js';
+export { ContentResponsive } from './components/content/index.js';
+export { FooterResponsive } from './components/footer/index.js';
+export { UniversalModal, UniversalModalResponsive } from './Component.responsive.js';
+//# sourceMappingURL=index.js.map

package/{esm/components/header → moderncssm/responsive}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "3.1.1",
+    "version": "3.1.2",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",
@@ -11,7 +11,7 @@
     "module": "./esm/index.js",
     "dependencies": {
         "@alfalab/core-components-backdrop": "^5.0.2",
-        "@alfalab/core-components-base-modal": "^7.1.3",
+        "@alfalab/core-components-base-modal": "^7.1.4",
         "@alfalab/core-components-mq": "^6.0.3",
         "@alfalab/core-components-navigation-bar-private": "^2.0.6",
         "@alfalab/core-components-scrollbar": "^5.0.2",
@@ -30,6 +30,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.3",
+    "themesVersion": "15.0.4",
     "varsVersion": "11.0.2"
 }

package/responsive/Component.responsive.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+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>>;
+    Content: React.FC<import("./components/content").ContentResponsiveProps>;
+    Footer: React.ForwardRefExoticComponent<import("./components/footer").FooterResponsiveProps & React.RefAttributes<HTMLDivElement>>;
+};

package/{Component.responsive.js → responsive/Component.responsive.js}

@@ -5,25 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq');
-var Component_responsive$1 = require('./components/content/responsive/Component.responsive.js');
+var Component_desktop = require('../desktop/Component.desktop.js');
+require('../desktop/components/header/index.js');
+require('../desktop/components/footer/index.js');
 require('classnames');
-require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-shared');
-require('./components/content/base-content/index.css');
-require('./components/content/desktop/desktop.css');
-require('./components/content/mobile/mobile.css');
-var Component_responsive = require('./components/footer/responsive/Component.responsive.js');
-require('./components/footer/desktop/Component.desktop.js');
-require('./components/footer/base-footer/base-footer.js');
-require('./components/footer/mobile/layout.mobile.css');
-require('./components/footer/mobile/mobile.css');
-var Component_responsive$2 = require('./components/header/responsive/Component.responsive.js');
-require('./components/header/desktop/Component.desktop.js');
+require('@alfalab/core-components-base-modal');
+require('../components/base-content/index.css');
+var Component_mobile = require('../mobile/Component.mobile.js');
 require('@alfalab/core-components-navigation-bar-private');
-require('./components/header/base-header/index.css');
-require('./components/header/mobile/mobile.css');
-var Component_desktop = require('./desktop/Component.desktop.js');
-var Component_mobile = require('./mobile/Component.mobile.js');
+require('../components/base-header/index.css');
+require('../mobile/components/header/index.css');
+require('../components/base-footer/index.js');
+require('../mobile/components/footer/index.css');
+require('../mobile/components/footer/layout.mobile.css');
+require('../mobile/components/content/index.css');
+var index$1 = require('./components/content/index.js');
+var index = require('./components/footer/index.js');
+var index$2 = require('./components/header/index.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -36,9 +35,9 @@ var UniversalModal = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref, dataTestId: dataTestId }, restProps), children));
 });
 var UniversalModalResponsive = Object.assign(UniversalModal, {
-    Header: Component_responsive$2.HeaderResponsive,
-    Content: Component_responsive$1.ContentResponsive,
-    Footer: Component_responsive.FooterResponsive,
+    Header: index$2.HeaderResponsive,
+    Content: index$1.ContentResponsive,
+    Footer: index.FooterResponsive,
 });
 UniversalModalResponsive.displayName = 'UniversalModalResponsive';
 

package/responsive/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../src/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { UniversalModalDesktop } from '../desktop';\nimport { UniversalModalMobile } from '../mobile';\nimport { type UniversalModalResponsiveProps } from '../typings';\n\nimport { ContentResponsive } from './components/content';\nimport { FooterResponsive } from './components/footer';\nimport { HeaderResponsive } from './components/header';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYa,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,wBAAgB;AACxB,IAAA,OAAO,EAAEC,yBAAiB;AAC1B,IAAA,MAAM,EAAEC,sBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;;"}

package/responsive/components/content/index.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import { type ContentDesktopProps } from '../../../desktop';
+import { type ContentMobileProps } from '../../../mobile';
+export interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {
+}
+export declare const ContentResponsive: FC<ContentResponsiveProps>;

package/responsive/components/content/index.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('@alfalab/core-components-mq');
+require('../../../desktop/Component.desktop.js');
+require('../../../desktop/components/header/index.js');
+require('../../../desktop/components/footer/index.js');
+var index = require('../../../desktop/components/content/index.js');
+require('../../../mobile/Component.mobile.js');
+require('classnames');
+require('@alfalab/core-components-navigation-bar-private');
+require('@alfalab/core-components-shared');
+require('@alfalab/core-components-base-modal');
+require('../../../components/base-header/index.css');
+require('../../../mobile/components/header/index.css');
+require('../../../components/base-footer/index.js');
+require('../../../mobile/components/footer/index.css');
+require('../../../mobile/components/footer/layout.mobile.css');
+var index$1 = require('../../../mobile/components/content/index.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ContentResponsive = function (_a) {
+    var restProps = tslib.__rest(_a, []);
+    var isDesktop = coreComponentsMq.useIsDesktop();
+    if (isDesktop) {
+        return React__default.default.createElement(index.ContentDesktop, tslib.__assign({}, restProps));
+    }
+    return React__default.default.createElement(index$1.ContentMobile, tslib.__assign({}, restProps));
+};
+
+exports.ContentResponsive = ContentResponsive;
+//# sourceMappingURL=index.js.map

package/responsive/components/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/responsive/components/content/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, type ContentDesktopProps } from '../../../desktop';\nimport { ContentMobile, type ContentMobileProps } from '../../../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;IAEhC,IAAI,SAAS,EAAE;AACX,QAAA,OAAOC,sBAAC,CAAA,aAAA,CAAAC,oBAAc,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;;AAG5C,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,qBAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;;;;"}

package/responsive/components/footer/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type FooterDesktopProps } from '../../../desktop';
+import { type FooterMobileProps } from '../../../mobile';
+export interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {
+}
+export declare const FooterResponsive: React.ForwardRefExoticComponent<FooterResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/responsive/components/footer/index.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('@alfalab/core-components-mq');
+require('../../../desktop/Component.desktop.js');
+require('../../../desktop/components/header/index.js');
+var index = require('../../../desktop/components/footer/index.js');
+require('classnames');
+require('@alfalab/core-components-shared');
+require('@alfalab/core-components-base-modal');
+require('../../../components/base-content/index.css');
+require('../../../mobile/Component.mobile.js');
+require('@alfalab/core-components-navigation-bar-private');
+require('../../../components/base-header/index.css');
+require('../../../mobile/components/header/index.css');
+var index$1 = require('../../../mobile/components/footer/index.js');
+require('../../../mobile/components/content/index.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var FooterResponsive = React.forwardRef(function (props, ref) {
+    var isDesktop = coreComponentsMq.useIsDesktop();
+    if (isDesktop) {
+        return React__default.default.createElement(index.FooterDesktop, tslib.__assign({ ref: ref }, props));
+    }
+    return React__default.default.createElement(index$1.FooterMobile, tslib.__assign({}, props));
+});
+FooterResponsive.displayName = 'FooterResponsive';
+
+exports.FooterResponsive = FooterResponsive;
+//# sourceMappingURL=index.js.map

package/responsive/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/responsive/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, type FooterDesktopProps } from '../../../desktop';\nimport { FooterMobile, type FooterMobileProps } from '../../../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;IAEhC,IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,mBAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;;AAGjD,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,oBAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/responsive/components/header/index.d.ts

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

package/responsive/components/header/index.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('@alfalab/core-components-mq');
+require('../../../desktop/Component.desktop.js');
+var index = require('../../../desktop/components/header/index.js');
+require('../../../desktop/components/footer/index.js');
+require('classnames');
+require('@alfalab/core-components-shared');
+require('@alfalab/core-components-base-modal');
+require('../../../components/base-content/index.css');
+require('../../../mobile/Component.mobile.js');
+var index$1 = require('../../../mobile/components/header/index.js');
+require('../../../components/base-footer/index.js');
+require('../../../mobile/components/footer/index.css');
+require('../../../mobile/components/footer/layout.mobile.css');
+require('../../../mobile/components/content/index.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var HeaderResponsive = React.forwardRef(function (props, ref) {
+    var isDesktop = coreComponentsMq.useIsDesktop();
+    if (isDesktop) {
+        return React__default.default.createElement(index.HeaderDesktop, tslib.__assign({ ref: ref }, props));
+    }
+    return React__default.default.createElement(index$1.HeaderMobile, tslib.__assign({}, props));
+});
+HeaderResponsive.displayName = 'HeaderResponsive';
+
+exports.HeaderResponsive = HeaderResponsive;
+//# sourceMappingURL=index.js.map

package/responsive/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/responsive/components/header/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, type HeaderDesktopProps } from '../../../desktop';\nimport { HeaderMobile, type HeaderMobileProps } from '../../../mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":["forwardRef","useIsDesktop","React","HeaderDesktop","__assign","HeaderMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IASa,gBAAgB,GAAGA,gBAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,mBAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;;AAGjD,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,oBAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/responsive/index.d.ts

@@ -0,0 +1,4 @@
+export { HeaderResponsive, type HeaderResponsiveProps } from './components/header';
+export { ContentResponsive, type ContentResponsiveProps } from './components/content';
+export { FooterResponsive, type FooterResponsiveProps } from './components/footer';
+export { UniversalModalResponsive, UniversalModal } from './Component.responsive';

package/responsive/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./components/header/index.js');
+var index$1 = require('./components/content/index.js');
+var index$2 = require('./components/footer/index.js');
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.HeaderResponsive = index.HeaderResponsive;
+exports.ContentResponsive = index$1.ContentResponsive;
+exports.FooterResponsive = index$2.FooterResponsive;
+exports.UniversalModal = Component_responsive.UniversalModal;
+exports.UniversalModalResponsive = Component_responsive.UniversalModalResponsive;
+//# sourceMappingURL=index.js.map

package/{components/footer → responsive}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/src/components/{content/base-content → base-content}/index.module.css

@@ -1,4 +1,4 @@
-@import '../../../vars.css';
+@import '../../vars.css';
 
 .content {
     position: relative;

package/src/components/{content/base-content/base-content.tsx → base-content/index.tsx}

@@ -3,7 +3,7 @@ import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { ModalContext } from '../../../Context';
+import { ModalContext } from '../../Context';
 
 import styles from './index.module.css';
 
@@ -32,6 +32,7 @@ export const BaseContent: FC<ContentProps> = ({ children, className, dataTestId
             className={cn(styles.content, className)}
             ref={contentRef as Ref<HTMLDivElement>}
             data-test-id={getDataTestId(dataTestId, 'content')}
+            data-name='universal-modal-base-content'
         >
             {children}
         </div>

package/src/components/{footer/base-footer → base-footer}/index.module.css

@@ -1,5 +1,5 @@
 @import '@alfalab/core-components-vars/src/index.css';
-@import '../../../vars.css';
+@import '../../vars.css';
 
 .footer {
     width: 100%;

package/src/components/{footer/base-footer/base-footer.tsx → base-footer/index.tsx}

@@ -3,7 +3,7 @@ import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { ModalContext } from '../../../Context';
+import { ModalContext } from '../../Context';
 
 import styles from './index.module.css';
 
@@ -59,7 +59,7 @@ export const BaseFooter = forwardRef<HTMLDivElement, FooterProps>((props, ref) =
                 [styles.sticky]: sticky,
             })}
             data-test-id={getDataTestId(dataTestId, 'footer')}
-            data-name='modalFooterDesktop'
+            data-name='universal-modal-base-footer'
         >
             {children}
         </div>

package/src/components/{header/base-header → base-header}/index.module.css

@@ -1,4 +1,4 @@
-@import '../../../vars.css';
+@import '../../vars.css';
 @import '@alfalab/core-components-vars/src/index.css';
 
 .header {

package/src/components/{header/base-header → base-header}/useBaseHeader.ts

@@ -2,7 +2,7 @@ import { useContext, useEffect, useRef } from 'react';
 
 import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';
 
-import { ModalContext } from '../../../Context';
+import { ModalContext } from '../../Context';
 
 type Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;
 

package/src/desktop/Component.desktop.tsx

@@ -1,10 +1,9 @@
 import React, { forwardRef, useMemo } from 'react';
 
-import { ContentDesktop } from '../components/content';
-import { FooterDesktop } from '../components/footer';
-import { HeaderDesktop } from '../components/header';
-
 import { CenterModal } from './components/center-modal';
+import { ContentDesktop } from './components/content';
+import { FooterDesktop } from './components/footer';
+import { HeaderDesktop } from './components/header';
 import { SideModal } from './components/side-modal';
 import { type UniversalModalContextType } from './types/context';
 import { type UniversalModalDesktopProps } from './types/props';

package/src/desktop/components/center-modal/center-modal.tsx

@@ -57,7 +57,7 @@ export const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps
             ref={ref}
             componentRef={componentRef}
             scrollHandler='content'
-            disableBlockingScroll={withoutOverlay}
+            scrollLock={overlay}
             wrapperClassName={cn(styles.baseModalContainer, {
                 [styles.wrapperJustifyStart]: verticalAlign === 'top',
                 [styles.wrapperJustifyCenter]: verticalAlign === 'center',
@@ -65,7 +65,7 @@ export const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps
                 [styles.withoutOverlay]: withoutOverlay,
             })}
             className={cn(styles.component, className, styles.baseModalComponent, {
-                ...getMarginStyles({ styles, margin }),
+                ...getMarginStyles({ styles, margin, height }),
             })}
             transitionProps={{
                 classNames: transitionProps,

package/src/desktop/components/content/index.tsx

@@ -0,0 +1,9 @@
+import React, { type FC } from 'react';
+
+import { BaseContent, type ContentProps } from '../../../components/base-content';
+
+export type ContentDesktopProps = ContentProps;
+
+export const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => (
+    <BaseContent className={className} {...restProps} />
+);

package/src/{components/footer/desktop/Component.desktop.tsx → desktop/components/footer/index.tsx}

@@ -1,10 +1,10 @@
 import React, { forwardRef, useContext } from 'react';
 import cn from 'classnames';
 
+import { BaseFooter, type FooterProps } from '../../../components/base-footer';
 import { ModalContext } from '../../../Context';
-import { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';
-import { UniversalModalContext } from '../../../desktop/context';
-import { BaseFooter, type FooterProps } from '../base-footer/base-footer';
+import { FOOTER_MEDIUM_BREAKPOINT } from '../../constants';
+import { UniversalModalContext } from '../../context';
 
 import styles from './desktop.module.css';
 import layoutStyles from './layout.module.css';

package/src/{components/header/desktop/Component.desktop.tsx → desktop/components/header/index.tsx}

@@ -7,9 +7,9 @@ import {
 } from '@alfalab/core-components-navigation-bar-private';
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { useBaseHeader } from '../base-header/useBaseHeader';
+import { useBaseHeader } from '../../../components/base-header/useBaseHeader';
 
-import styles from '../base-header/index.module.css';
+import styles from '../../../components/base-header/index.module.css';
 import desktopStyles from './desktop.module.css';
 
 export interface HeaderDesktopProps
@@ -53,7 +53,7 @@ export const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((pro
             ref={ref}
             view='desktop'
             dataTestId={getDataTestId(dataTestId, 'header')}
-            dataName='modalHeaderDesktop'
+            dataName='universal-modal-header'
             sticky={sticky}
             title={title}
             className={cn(styles.header, desktopStyles.header, className, {

package/src/desktop/components/side-modal/side-modal.tsx

@@ -55,7 +55,7 @@ export const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>(
             componentRef={componentRef}
             contentElementRef={contentRef}
             scrollHandler='content'
-            disableBlockingScroll={withoutOverlay}
+            scrollLock={overlay}
             wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, {
                 [styles.wrapperAlignStart]: horizontalAlign === 'start',
                 [styles.wrapperAlignEnd]: horizontalAlign === 'end',
@@ -64,7 +64,7 @@ export const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>(
                 [styles.withoutOverlay]: withoutOverlay,
             })}
             className={cn(styles.component, className, styles.baseModalComponent, {
-                ...getMarginStyles({ styles, margin }),
+                ...getMarginStyles({ styles, margin, height }),
             })}
             contentClassName={styles.content}
             transitionProps={{

package/src/desktop/index.ts

@@ -1,11 +1,8 @@
 export { UniversalModalDesktop, UniversalModalDesktopComponent } from './Component.desktop';
 export type { UniversalModalDesktopProps } from './types/props';
 
-export { HeaderDesktop } from '../components/header';
-export type { HeaderDesktopProps } from '../components/header';
+export { HeaderDesktop, type HeaderDesktopProps } from './components/header';
 
-export { FooterDesktop } from '../components/footer';
-export type { FooterDesktopProps } from '../components/footer';
+export { FooterDesktop, type FooterDesktopProps } from './components/footer';
 
-export { ContentDesktop } from '../components/content';
-export type { ContentDesktopProps } from '../components/content';
+export { ContentDesktop, type ContentDesktopProps } from './components/content';

package/src/desktop/styles/common.module.css

@@ -8,3 +8,38 @@
         }
     }
 }
+
+.component {
+    & [data-name='universal-modal-header'] {
+        & + [data-name='universal-modal-base-content'] {
+            padding-top: var(--gap-0);
+        }
+    }
+
+    & [data-name='universal-modal-base-content']:not(:last-child) {
+        padding-bottom: var(--gap-0);
+    }
+}
+
+:root {
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --hug-content-top-gap: 0px;
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --hug-content-bottom-gap: 0px;
+}
+
+.hugContent {
+    max-height: calc(100% - var(--hug-content-top-gap) - var(--hug-content-bottom-gap));
+    margin-top: var(--hug-content-top-gap);
+    margin-bottom: var(--hug-content-bottom-gap);
+
+    /* prettier-ignore */
+    @for $i from 0 to 128 {
+        &.topGap-$(i) {
+            --hug-content-top-gap: $(i)px;
+        }
+        &.bottomGap-$(i) {
+            --hug-content-bottom-gap: $(i)px;
+        }
+    }
+}

package/src/desktop/utils/get-height-style.ts

@@ -4,8 +4,6 @@ import { hasOwnProperty, isClient } from '@alfalab/core-components-shared';
 
 import { type UniversalModalDesktopProps } from '../types/props';
 
-import { getMaxHeightStyle } from './get-max-height-style';
-
 /**
  * Передает высоту компонента для нескольких кейсов
  * 1. Высота строится по контенту;
@@ -17,7 +15,7 @@ export const getHeightStyle = (
     margin: UniversalModalDesktopProps['margin'],
 ): Pick<CSSProperties, 'height' | 'maxHeight'> => {
     if (height === 'hugContent') {
-        return { maxHeight: getMaxHeightStyle(margin) };
+        return {};
     }
 
     let viewportHeight = 0;