npm - @alfalab/core-components-universal-modal - Versions diffs - 1.0.0 - Mend

@alfalab/core-components-universal-modal 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (718) hide show

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

@@ -0,0 +1,38 @@
+/* hash: 1opxd */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+    /* Hard */
+    /* Up */
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    /* новые значения, используйте их */
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__appear_sdj88,
+.universal-modal__enter_sdj88 {
+    transform: translateX(100%);
+} .universal-modal__appearActive_sdj88,
+.universal-modal__enterActive_sdj88 {
+    transform: translateX(0);
+    transition: transform 280ms ease-in-out;
+    transition-delay: 80ms;
+} .universal-modal__exit_sdj88 {
+    transform: translateX(0);
+} .universal-modal__exitActive_sdj88,
+.universal-modal__exitDone_sdj88 {
+    transform: translateX(100%);
+    transition: transform 280ms ease-in-out;
+}

package/modern/mobile/transitions/transitions.mobile.css ADDED Viewed

@@ -0,0 +1,25 @@
+/* hash: 19uyl */
+.universal-modal__appear_1obsf,
+.universal-modal__enter_1obsf {
+    opacity: 0;
+    transform: translateY(15px);
+}
+.universal-modal__appearActive_1obsf,
+.universal-modal__enterActive_1obsf {
+    opacity: 1;
+    transform: translateY(0);
+    transition: opacity 200ms ease-in, transform 200ms ease-in;
+}
+.universal-modal__exit_1obsf {
+    opacity: 1;
+    transform: translateY(0);
+}
+.universal-modal__exitActive_1obsf,
+.universal-modal__exitDone_1obsf {
+    opacity: 0;
+    transform: translateY(15px);
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+}

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

@@ -0,0 +1,11 @@
+import { BaseModalProps } from "@alfalab/core-components-base-modal";
+type BaseUniversalModalMobileProps = {
+    /**
+     * Хэндлер закрытия модалки
+     */
+    onClose?: () => void;
+    /** Сторона с которой будет появляться модальное окно */
+    appearance?: 'bottom' | 'right';
+};
+type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>;
+export { BaseUniversalModalMobileProps, UniversalModalMobileProps };

package/modern/mobile/types/props.js ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/modern/shared/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { ModalContext } from "../Context";
2	+ export { getUniversalModalTestIds } from "../utils/getUniversalModalTestIds";

package/modern/shared/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { ModalContext } from '../Context.js';
2	+ export { getUniversalModalTestIds } from '../utils/getUniversalModalTestIds.js';

package/modern/typings/index.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { UniversalModalDesktopProps } from "../desktop/types/props";
+import { UniversalModalMobileProps } from "../mobile/types/props";
+type TResponsiveModalContext = {
+    modalWidth?: number;
+    modalHeaderHighlighted?: boolean;
+    modalFooterHighlighted?: boolean;
+    setModalWidth?: (width: number) => void;
+    setModalHeaderHighlighted?: (value: boolean) => void;
+    setModalFooterHighlighted?: (value: boolean) => void;
+} | null;
+type UniversalModalResponsiveProps = UniversalModalDesktopProps & UniversalModalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+export { TResponsiveModalContext, UniversalModalResponsiveProps };

package/modern/typings/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/modern/typings/margin-type.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+type TMarginSize = 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
+type TMargin = {
+    top?: TMarginSize;
+    right?: TMarginSize;
+    bottom?: TMarginSize;
+    left?: TMarginSize;
+};
+export { TMargin };

package/modern/typings/margin-type.js ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/modern/utils/getUniversalModalTestIds.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare function getUniversalModalTestIds(dataTestId: string): {
+    modal: string;
+    title: string;
+    header: string;
+    content: string;
+    footer: string;
+};
+export { getUniversalModalTestIds };

package/modern/utils/getUniversalModalTestIds.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { getDataTestId } from '@alfalab/core-components-shared/modern';
+function getUniversalModalTestIds(dataTestId) {
+    return {
+        modal: dataTestId,
+        title: getDataTestId(dataTestId, 'header-title'),
+        header: getDataTestId(dataTestId, 'header'),
+        content: getDataTestId(dataTestId, 'content'),
+        footer: getDataTestId(dataTestId, 'footer'),
+    };
+}
+export { getUniversalModalTestIds };

package/moderncssm/Component.responsive.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import React from 'react';
+declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.FC<import("./components/header/index").HeaderResponsiveProps>;
+    Content: React.FC<import("./components/content/index").ContentResponsiveProps>;
+    Footer: React.FC<import("./components/footer/index").FooterResponsiveProps>;
+};
+export { UniversalModal, UniversalModalResponsive };

package/moderncssm/Component.responsive.js ADDED Viewed

@@ -0,0 +1,47 @@
+import React, { forwardRef } from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
+import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-base-modal/moderncssm';
+import './components/content/base-content/index.module.css';
+import './components/content/mobile/mobile.module.css';
+import { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
+import './ResponsiveContext.js';
+import './components/footer/base-footer/index.module.css';
+import './components/footer/desktop/desktop.module.css';
+import './components/footer/desktop/layout.module.css';
+import './components/footer/mobile/layout.mobile.module.css';
+import './components/footer/mobile/mobile.module.css';
+import { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
+import '@alfalab/core-components-navigation-bar-private/moderncssm';
+import './components/header/base-header/index.module.css';
+import './components/header/desktop/desktop.module.css';
+import './components/header/mobile/mobile.module.css';
+import { UniversalModalDesktop } from './desktop/Component.desktop.js';
+import '@alfalab/core-components-button/moderncssm/desktop';
+import '@alfalab/icons-glyph/CrossMediumMIcon';
+import './desktop/components/buttons/cross-button/cross-button.module.css';
+import '@alfalab/core-components-typography/moderncssm';
+import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
+import './desktop/components/buttons/arrow-button/arrow-button.module.css';
+import { UniversalModalMobile } from './mobile/Component.mobile.js';
+import '@alfalab/core-components-button/moderncssm/mobile';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './mobile/components/buttons/cross-button/cross-button.module.css';
+import '@alfalab/icons-glyph/ChevronLeftMIcon';
+import './mobile/components/buttons/arrow-button/arrow-button.module.css';
+const UniversalModal = forwardRef(({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
+    const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
+    const Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;
+    return (React.createElement(Component, { ref: ref, dataTestId: dataTestId, ...restProps }, children));
+});
+const UniversalModalResponsive = Object.assign(UniversalModal, {
+    Header: HeaderResponsive,
+    Content: ContentResponsive,
+    Footer: FooterResponsive,
+});
+UniversalModalResponsive.displayName = 'UniversalModalResponsive';
+export { UniversalModal, UniversalModalResponsive };

package/moderncssm/Context.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "@alfalab/core-components-base-modal";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/moderncssm/Context.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { BaseModalContext } from '@alfalab/core-components-base-modal/moderncssm';
+const ModalContext = BaseModalContext;
+export { ModalContext };

package/moderncssm/ResponsiveContext.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TResponsiveModalContext } from "./typings/index";
+declare const ResponsiveContext: import("react").Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/moderncssm/ResponsiveContext.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+const ResponsiveContext = createContext(null);
+export { ResponsiveContext };

package/moderncssm/components/content/base-content/base-content.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const BaseContent: FC<ContentProps>;
+export { ContentProps, BaseContent };

package/moderncssm/components/content/base-content/base-content.js ADDED Viewed

@@ -0,0 +1,15 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
+import { ModalContext } from '../../../Context.js';
+import styles from './index.module.css';
+const BaseContent = ({ children, className, dataTestId }) => {
+    const { contentRef, hasHeader, hasFooter } = useContext(ModalContext);
+    return (React.createElement("div", { className: cn(styles.content, styles.flex, className, {
+            [styles.withHeader]: hasHeader,
+            [styles.withFooter]: hasFooter,
+        }), ref: contentRef, "data-test-id": getDataTestId(dataTestId, 'content') }, children));
+};
+export { BaseContent };

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

@@ -0,0 +1,26 @@
+/* */
+:root {
+    /* scroll */
+}
+.content {
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+    z-index: 0;
+    padding: var(--gap-32) var(--gap-32) var(--gap-32)
+}
+.content.withHeader {
+        padding-top: var(--gap-0);
+    }
+.content.withFooter {
+        padding-bottom: var(--gap-16);
+    }
+.flex {
+    flex: 1 1 auto;
+}

package/moderncssm/components/content/desktop/Component.desktop.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ContentProps } from "../base-content/base-content";
+type ContentDesktopProps = ContentProps & {
+    /**
+     * Размер (только для desktop версии компонента)
+     */
+    size?: 's' | 500;
+};
+declare const ContentDesktop: FC<ContentDesktopProps>;
+export { ContentDesktopProps, ContentDesktop };

package/moderncssm/components/content/desktop/Component.desktop.js ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+import cn from 'classnames';
+import { BaseContent } from '../base-content/base-content.js';
+const ContentDesktop = ({ className, ...restProps }) => (React.createElement(BaseContent, { className: cn(className), ...restProps }));
+export { ContentDesktop };

package/moderncssm/components/content/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export { ContentResponsive } from "./responsive/Component.responsive";
+export type { ContentResponsiveProps } from "./responsive/Component.responsive";
+export { ContentDesktop } from "./desktop/Component.desktop";
+export type { ContentDesktopProps } from "./desktop/Component.desktop";
+export { ContentMobile } from "./mobile/Component.mobile";
+export type { ContentMobileProps } from "./mobile/Component.mobile";
+export {};

package/moderncssm/components/content/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { ContentResponsive } from './responsive/Component.responsive.js';
+export { ContentDesktop } from './desktop/Component.desktop.js';
+export { ContentMobile } from './mobile/Component.mobile.js';

package/moderncssm/components/content/mobile/Component.mobile.d.ts ADDED Viewed

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

package/moderncssm/components/content/mobile/Component.mobile.js ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import cn from 'classnames';
+import { BaseContent } from '../base-content/base-content.js';
+import styles from './mobile.module.css';
+const ContentMobile = ({ className, ...restProps }) => (React.createElement(BaseContent, { className: cn(styles.content, styles.withFooter, className), ...restProps }));
+export { ContentMobile };

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

@@ -0,0 +1,18 @@
+/* */
+:root {
+    /* scroll */
+}
+.content {
+    padding: var(--gap-16) var(--gap-16) var(--gap-0)
+}
+.content:last-child {
+        padding-bottom: var(--gap-16);
+    }
+.content.withFooter {
+        padding-bottom: var(--gap-20);
+    }

package/moderncssm/components/content/responsive/Component.responsive.d.ts ADDED Viewed

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

package/moderncssm/components/content/responsive/Component.responsive.js ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
+import { ContentDesktop } from '../desktop/Component.desktop.js';
+import { ContentMobile } from '../mobile/Component.mobile.js';
+const ContentResponsive = ({ ...restProps }) => {
+    const isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(ContentDesktop, { ...restProps });
+    }
+    return React.createElement(ContentMobile, { ...restProps });
+};
+export { ContentResponsive };

package/moderncssm/components/footer/base-footer/base-footer.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { FC, ReactNode } from 'react';
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: 'start' | 'center' | 'space-between' | 'column';
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Отбивка бордером
+     */
+    isHighlighted?: boolean;
+};
+declare const BaseFooter: FC<FooterProps>;
+export { FooterProps, BaseFooter };

package/moderncssm/components/footer/base-footer/base-footer.js ADDED Viewed

@@ -0,0 +1,21 @@
+import React, { useContext, useEffect } from 'react';
+import cn from 'classnames';
+import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
+import { ModalContext } from '../../../Context.js';
+import styles from './index.module.css';
+const BaseFooter = ({ children, className, sticky, dataTestId, isHighlighted, }) => {
+    const { setHasFooter } = useContext(ModalContext);
+    useEffect(() => {
+        setHasFooter(true);
+        return () => {
+            setHasFooter(false);
+        };
+    }, [setHasFooter]);
+    return (React.createElement("div", { className: cn(styles.footer, className, {
+            [styles.highlighted]: sticky && isHighlighted,
+            [styles.sticky]: sticky,
+        }), "data-test-id": getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
+};
+export { BaseFooter };

package/moderncssm/components/footer/base-footer/index.module.css ADDED Viewed

@@ -0,0 +1,23 @@
+/* */
+:root {
+    --universal-modal-footer-background: var(--color-light-modal-bg-primary);
+    /* scroll */
+    --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;
+    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.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FooterProps } from "../base-footer/base-footer";
+type FooterDesktopProps = FooterProps & {
+    /**
+     * Размер (только для desktop версии компонента)
+     */
+    size?: 's' | 500;
+};
+declare const FooterDesktop: FC<FooterDesktopProps>;
+export { FooterDesktopProps, FooterDesktop };

package/moderncssm/components/footer/desktop/Component.desktop.js ADDED Viewed

@@ -0,0 +1,18 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants/index.js';
+import { ResponsiveContext } from '../../../ResponsiveContext.js';
+import { BaseFooter } from '../base-footer/base-footer.js';
+import styles from './desktop.module.css';
+import layoutStyles from './layout.module.css';
+const FooterDesktop = ({ className, sticky, layout = 'start', ...restProps }) => {
+    const responsiveContext = useContext(ResponsiveContext);
+    const { modalWidth = 500, modalFooterHighlighted } = responsiveContext || {};
+    return (React.createElement(BaseFooter, { className: cn(layoutStyles[layout], className, {
+            [styles.sticky]: sticky,
+            [layoutStyles.middle]: modalWidth >= FOOTER_MEDIUM_BREAKPOINT,
+        }), sticky: sticky, layout: layout, isHighlighted: modalFooterHighlighted, ...restProps }));
+};
+export { FooterDesktop };

package/moderncssm/components/footer/desktop/desktop.module.css ADDED Viewed

@@ -0,0 +1,10 @@
+/* */
+:root {
+    /* scroll */
+}
+.sticky {
+    bottom: var(--gap-0);
+}

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

@@ -0,0 +1,42 @@
+/* */
+:root {
+    /* scroll */
+}
+.column {
+    display: flex;
+    flex-direction: column;
+    grid-gap: var(--gap-8);
+    gap: var(--gap-8)
+}
+.column.middle {
+        grid-gap: var(--gap-12);
+        gap: var(--gap-12);
+    }
+.start {
+    justify-content: flex-start;
+}
+.center {
+    justify-content: center;
+}
+.space-between {
+    justify-content: space-between
+}
+.space-between > * {
+        flex: 1;
+    }
+.start,
+.center,
+.space-between {
+    display: flex;
+    grid-gap: var(--gap-16);
+    gap: var(--gap-16);
+}

package/moderncssm/components/footer/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export { FooterResponsive } from "./responsive/Component.responsive";
+export type { FooterResponsiveProps } from "./responsive/Component.responsive";
+export { FooterDesktop } from "./desktop/Component.desktop";
+export type { FooterDesktopProps } from "./desktop/Component.desktop";
+export { FooterMobile } from "./mobile/Component.mobile";
+export type { FooterMobileProps } from "./mobile/Component.mobile";
+export {};

package/moderncssm/components/footer/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { FooterResponsive } from './responsive/Component.responsive.js';
+export { FooterDesktop } from './desktop/Component.desktop.js';
+export { FooterMobile } from './mobile/Component.mobile.js';

package/moderncssm/components/footer/mobile/Component.mobile.d.ts ADDED Viewed

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