@alfalab/core-components 47.20.0-beta.4 → 47.20.0-beta.5

package/universal-modal/moderncssm/desktop/constants/types.js

@@ -1,3 +0,0 @@
-const SCROLLBAR_DEFAULT_GAP = 16;
-
-export { SCROLLBAR_DEFAULT_GAP };

package/universal-modal/moderncssm/desktop/hooks/useModalHeight.d.ts

@@ -1,4 +0,0 @@
-import { MutableRefObject } from 'react';
-/** Устанавливает необходимую высоту модального окна */
-declare const useModalHeight: (height: number | 'fullHeight', open: boolean, componentRef: MutableRefObject<HTMLDivElement | null>) => void;
-export { useModalHeight };

package/universal-modal/moderncssm/desktop/hooks/useModalHeight.js

@@ -1,29 +0,0 @@
-import { useEffect } from 'react';
-import { isClient } from '../../../../shared/moderncssm';
-
-/** Устанавливает необходимую высоту модального окна */
-const useModalHeight = (height, open, componentRef) => {
-    const ref = componentRef;
-    useEffect(() => {
-        if (ref.current) {
-            let viewportHeight = 0;
-            let computedMarginTop = 0;
-            let computedMarginBottom = 0;
-            if (isClient()) {
-                viewportHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
-                // рассчитываем margin'ы для дальнейшего вычитания из высоты viewport'а
-                computedMarginTop = parseFloat(window.getComputedStyle(ref.current).marginTop);
-                computedMarginBottom = parseFloat(window.getComputedStyle(ref.current).marginBottom);
-            }
-            if (height > viewportHeight || height === 'fullHeight') {
-                ref.current.style.height = `calc(100% - ${computedMarginTop}px - ${computedMarginBottom}px)`;
-                return;
-            }
-            if (!Number.isNaN(parseFloat(String(height)))) {
-                ref.current.style.height = `${parseFloat(String(height))}px`;
-            }
-        }
-    }, [open, height, ref]);
-};
-
-export { useModalHeight };

package/universal-modal/moderncssm/desktop/hooks/useModalMargin.d.ts

@@ -1,12 +0,0 @@
-import { MutableRefObject } from 'react';
-import { BaseUniversalModalProps } from "../types/props";
-type UseModalMarginProps = {
-    margin: BaseUniversalModalProps['margin'];
-    open: boolean;
-    componentRef: MutableRefObject<HTMLDivElement | null>;
-    horizontalAlign: BaseUniversalModalProps['horizontalAlign'];
-    verticalAlign: BaseUniversalModalProps['verticalAlign'];
-};
-/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
-declare const useModalMargin: ({ margin, open, componentRef, horizontalAlign, verticalAlign, }: UseModalMarginProps) => void;
-export { useModalMargin };

package/universal-modal/moderncssm/desktop/hooks/useModalMargin.js

@@ -1,24 +0,0 @@
-import { useEffect } from 'react';
-
-/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
-const useModalMargin = ({ margin, open, componentRef, horizontalAlign, verticalAlign, }) => {
-    const ref = componentRef;
-    useEffect(() => {
-        if (ref.current && open && margin) {
-            ref.current.style.margin = margin
-                .map((value) => (value === 'auto' ? value : `${value}px`))
-                .join(' ');
-            // Корректируем margin для top / bottom. Иначе при значении auto будет по центру, при любом другом значении всегда сверху.
-            if (horizontalAlign === 'center' && verticalAlign) {
-                if (verticalAlign === 'top' && ref.current.style.marginTop === 'auto') {
-                    ref.current.style.marginTop = '0';
-                }
-                if (verticalAlign === 'bottom' && ref.current.style.marginBottom === 'auto') {
-                    ref.current.style.marginBottom = '0';
-                }
-            }
-        }
-    }, [open, ref, margin, horizontalAlign, verticalAlign]);
-};
-
-export { useModalMargin };

package/universal-modal/moderncssm/desktop/hooks/useModalWheel.d.ts

@@ -1,6 +0,0 @@
-import { WheelEvent } from 'react';
-declare const useModalWheel: (overlay: boolean) => {
-    wheelDeltaY: number;
-    handleWheel: (e: WheelEvent<HTMLElement>) => void;
-};
-export { useModalWheel };

package/universal-modal/moderncssm/desktop/hooks/useModalWheel.js

@@ -1,15 +0,0 @@
-import { useState } from 'react';
-
-const useModalWheel = (overlay) => {
-    const [wheelDeltaY, setWheelDeltaY] = useState(0);
-    // передаем e.deltaY от события на элементе dialog компонента base-modal
-    const handleWheel = (e) => {
-        const target = e.target;
-        if (target.getAttribute('role') === 'dialog' && overlay) {
-            setWheelDeltaY(e.deltaY);
-        }
-    };
-    return { wheelDeltaY, handleWheel };
-};
-
-export { useModalWheel };

package/universal-modal/moderncssm/desktop/hooks/useModalWidth.d.ts

@@ -1,4 +0,0 @@
-import { MutableRefObject } from 'react';
-/** Устанавливает необходимую ширину модального окна */
-declare const useModalWidth: (width: number | 'fullWidth', open: boolean, componentRef: MutableRefObject<HTMLDivElement | null>) => void;
-export { useModalWidth };

package/universal-modal/moderncssm/desktop/hooks/useModalWidth.js

@@ -1,37 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { isClient } from '../../../../shared/moderncssm';
-import { ResponsiveContext } from '../../ResponsiveContext.js';
-
-/** Устанавливает необходимую ширину модального окна */
-const useModalWidth = (width, open, componentRef) => {
-    const ref = componentRef;
-    const context = useContext(ResponsiveContext);
-    const { setModalWidth } = context || {};
-    useEffect(() => {
-        if (ref.current) {
-            let viewportWidth = 0;
-            let computedMarginLeft = 0;
-            let computedMarginRight = 0;
-            if (isClient()) {
-                viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
-                computedMarginLeft = parseFloat(window.getComputedStyle(ref.current).marginLeft);
-                computedMarginRight = parseFloat(window.getComputedStyle(ref.current).marginRight);
-            }
-            if (width > viewportWidth || width === 'fullWidth') {
-                ref.current.style.width = `calc(100% - ${computedMarginLeft}px - ${computedMarginRight}px)`;
-                if (setModalWidth) {
-                    setModalWidth(viewportWidth - computedMarginLeft - computedMarginRight);
-                }
-                return;
-            }
-            if (!Number.isNaN(parseFloat(String(width)))) {
-                ref.current.style.width = `${parseFloat(String(width))}px`;
-                if (setModalWidth) {
-                    setModalWidth(width);
-                }
-            }
-        }
-    }, [open, width, ref, setModalWidth, context]);
-};
-
-export { useModalWidth };

package/universal-modal/moderncssm/desktop/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.desktop";
-export {};

package/universal-modal/moderncssm/desktop/index.js

@@ -1,41 +0,0 @@
-export { UniversalModalDesktop } from './Component.desktop.js';
-import 'react';
-import '../components/content/Component.desktop.js';
-import 'classnames';
-import '../components/content/Component.js';
-import '../../../shared/moderncssm';
-import '../Context.js';
-import '../../../base-modal/moderncssm';
-import '../ResponsiveContext.js';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/controls/Component.js';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.desktop.js';
-import '../components/footer/Component.js';
-import './constants/headerPresetTypes.js';
-import '../components/footer/index.module.css';
-import '../components/footer/layout.mobile.module.css';
-import '../components/footer/desktop.module.css';
-import '../components/header/Component.js';
-import '../../../navigation-bar-private/moderncssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
-import './components/modal-by-center/modal-by-center.js';
-import './hooks/useModalHeight.js';
-import './hooks/useModalMargin.js';
-import './hooks/useModalWheel.js';
-import './hooks/useModalWidth.js';
-import './components/base-universal-modal-content/base-universal-modal-content.js';
-import '../../../scrollbar/moderncssm';
-import './constants/types.js';
-import './components/base-universal-modal-content/base-universal-modal-content.module.css';
-import './components/modal-by-center/modal-by-center.module.css';
-import './components/modal-by-center/transitions-center.module.css';
-import './components/modal-by-side/modal-by-side.js';
-import 'react-merge-refs';
-import '../../../drawer/moderncssm';
-import './components/modal-by-side/modal-by-side.module.css';
-import './components/modal-by-side/transitions.desktop.module.css';

package/universal-modal/moderncssm/desktop/types/props.d.ts

@@ -1,47 +0,0 @@
-import { BaseModalProps } from "../../../../base-modal";
-import { DrawerProps } from "../../../../drawer";
-import { TMargin } from "./typings";
-type BaseUniversalModalProps = {
-    /**
-     * Расположение по горизонтали и сторона с которой модал “выезжает” при открытии
-     * @default center
-     */
-    horizontalAlign?: 'start' | 'center' | 'end';
-    /**
-     * Расположение модального окна по вертикали
-     * @default center
-     */
-    verticalAlign?: 'top' | 'center' | 'bottom';
-    /**
-     * Ширина модального окна
-     * fullWidth - ширина модального окна подстроится под viewport
-     * minWidth - 500
-     * @default 500
-     */
-    width?: number | 'fullWidth';
-    /**
-     * Высота модального окна
-     * fullHeight - высота модального окна подстроится под viewport
-     * minHeight - 264
-     * @default fullHeight
-     */
-    height?: number | 'fullHeight';
-    /**
-     * Наличие оверлея
-     * @default true
-     */
-    overlay?: boolean;
-    /**
-     * Устанавливает отступы модального окна
-     * По умолчанию для бокового модала 0px, для центрального auto
-     */
-    margin?: [TMargin, TMargin, TMargin, TMargin] | [TMargin, TMargin, TMargin] | [TMargin, TMargin] | [TMargin];
-    /**
-     * Хэндлер закрытия модалки
-     */
-    onClose?: () => void;
-};
-type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className'>;
-type ModalBySideProps = UniversalModalDesktopProps & Pick<DrawerProps, 'contentTransitionProps'> & Pick<BaseModalProps, 'wrapperClassName' | 'className'>;
-type ModalByCenterProps = UniversalModalDesktopProps & Pick<BaseModalProps, 'transitionProps' | 'className'>;
-export { BaseUniversalModalProps, UniversalModalDesktopProps, ModalBySideProps, ModalByCenterProps };

package/universal-modal/moderncssm/desktop/types/props.js

@@ -1 +0,0 @@
-

package/universal-modal/moderncssm/desktop/types/typings.d.ts

@@ -1,2 +0,0 @@
-type TMargin = 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128 | 'auto';
-export { TMargin };

package/universal-modal/moderncssm/desktop/types/typings.js

@@ -1 +0,0 @@
-

package/universal-modal/moderncssm/index.d.ts

@@ -1,10 +0,0 @@
-export { UniversalModalResponsive } from "./Component.responsive";
-export { UniversalModalResponsiveProps } from "./typings";
-export { UniversalModalDesktop } from "./desktop/Component.desktop";
-export { UniversalModalDesktopProps } from "./desktop/types/props";
-export { ArrowButtonDesktop } from "./desktop/components/buttons/arrow-button/index";
-export { CrossButtonDesktop } from "./desktop/components/buttons/cross-button/index";
-export { UniversalModalMobile } from "./mobile/Component.mobile";
-export { UniversalModalMobileProps } from "./mobile/types/props";
-export { ArrowButtonMobile } from "./mobile/components/buttons/arrow-button/index";
-export { CrossButtonMobile } from "./mobile/components/buttons/cross-button/index";

package/universal-modal/moderncssm/index.js

@@ -1,65 +0,0 @@
-export { UniversalModalResponsive } from './Component.responsive.js';
-export { UniversalModalDesktop } from './desktop/Component.desktop.js';
-export { ArrowButtonDesktop } from './desktop/components/buttons/arrow-button/arrow-button.js';
-export { CrossButtonDesktop } from './desktop/components/buttons/cross-button/cross-button.js';
-export { UniversalModalMobile } from './mobile/Component.mobile.js';
-export { ArrowButtonMobile } from './mobile/components/buttons/arrow-button/arrow-button.js';
-export { CrossButtonMobile } from './mobile/components/buttons/cross-button/cross-button.js';
-import 'react';
-import '../../mq/moderncssm';
-import '../../shared/moderncssm';
-import './components/controls/Component.js';
-import 'classnames';
-import './ResponsiveContext.js';
-import './components/footer/layout.module.css';
-import './components/controls/index.module.css';
-import './components/header/Component.js';
-import '../../navigation-bar-private/moderncssm';
-import './Context.js';
-import '../../base-modal/moderncssm';
-import './components/header/desktop.module.css';
-import './components/header/index.module.css';
-import './components/header/mobile.module.css';
-import './utils/createResponsive.js';
-import './components/content/Component.desktop.js';
-import './components/content/Component.js';
-import './components/content/index.module.css';
-import './components/content/mobile.module.css';
-import './components/footer/Component.desktop.js';
-import './components/footer/Component.js';
-import './desktop/constants/headerPresetTypes.js';
-import './components/footer/index.module.css';
-import './components/footer/layout.mobile.module.css';
-import './components/footer/desktop.module.css';
-import './desktop/components/modal-by-center/modal-by-center.js';
-import './desktop/hooks/useModalHeight.js';
-import './desktop/hooks/useModalMargin.js';
-import './desktop/hooks/useModalWheel.js';
-import './desktop/hooks/useModalWidth.js';
-import './desktop/components/base-universal-modal-content/base-universal-modal-content.js';
-import '../../scrollbar/moderncssm';
-import './desktop/constants/types.js';
-import './desktop/components/base-universal-modal-content/base-universal-modal-content.module.css';
-import './desktop/components/modal-by-center/modal-by-center.module.css';
-import './desktop/components/modal-by-center/transitions-center.module.css';
-import './desktop/components/modal-by-side/modal-by-side.js';
-import 'react-merge-refs';
-import '../../drawer/moderncssm';
-import './desktop/components/modal-by-side/modal-by-side.module.css';
-import './desktop/components/modal-by-side/transitions.desktop.module.css';
-import './components/content/Component.mobile.js';
-import './components/footer/Component.mobile.js';
-import './components/footer/mobile.module.css';
-import './mobile/mobile.module.css';
-import './mobile/transitions/right-side-transitions.mobile.module.css';
-import './mobile/transitions/transitions.mobile.module.css';
-import '../../button/moderncssm';
-import '../../typography/moderncssm';
-import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
-import './desktop/components/buttons/arrow-button/arrow-button.module.css';
-import '@alfalab/icons-glyph/CrossMediumMIcon';
-import './desktop/components/buttons/cross-button/cross-button.module.css';
-import '@alfalab/icons-glyph/ChevronLeftMIcon';
-import './mobile/components/buttons/arrow-button/arrow-button.module.css';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './mobile/components/buttons/cross-button/cross-button.module.css';

package/universal-modal/moderncssm/mobile/Component.mobile.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ControlsProps } from "../components/controls/index";
-declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId"> & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("../components/content/Component").ContentProps>;
-    Header: React.FC<import("../components/header/Component").HeaderProps>;
-    Footer: React.FC<import("../components/footer/Component").FooterProps>;
-    Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
-};
-export { UniversalModalMobile };

package/universal-modal/moderncssm/mobile/Component.mobile.js

@@ -1,50 +0,0 @@
-import React, { forwardRef, useState, useMemo } from 'react';
-import cn from 'classnames';
-import { BaseModal } from '../../../base-modal/moderncssm';
-import { ContentMobile } from '../components/content/Component.mobile.js';
-import { Controls } from '../components/controls/Component.js';
-import { FooterMobile } from '../components/footer/Component.mobile.js';
-import { Header } from '../components/header/Component.js';
-import { ResponsiveContext } from '../ResponsiveContext.js';
-import styles from './mobile.module.css';
-import rightSideTransitons from './transitions/right-side-transitions.mobile.module.css';
-import transitions from './transitions/transitions.mobile.module.css';
-import '../components/content/Component.js';
-import '../../../shared/moderncssm';
-import '../Context.js';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.js';
-import '../desktop/constants/headerPresetTypes.js';
-import '../components/footer/index.module.css';
-import '../components/footer/layout.mobile.module.css';
-import '../components/footer/mobile.module.css';
-import '../../../navigation-bar-private/moderncssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
-
-const UniversalModalMobileComponent = forwardRef(({ children, className, dataTestId, onClose, appearance = 'bottom', ...restProps }, ref) => {
-    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState(false);
-    const contextValue = useMemo(() => ({
-        view: 'mobile',
-        dataTestId,
-        modalHeaderHighlighted,
-        setModalHeaderHighlighted,
-    }), [dataTestId, modalHeaderHighlighted]);
-    const renderContent = () => (React.createElement(BaseModal, { ...restProps, dataTestId: dataTestId, ref: ref, transitionProps: {
-            timeout: appearance === 'right' ? 360 : 200,
-            classNames: appearance === 'right' ? rightSideTransitons : transitions,
-        }, className: cn(className, styles.component), scrollHandler: 'content', contentClassName: styles.content }, children));
-    return (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
-});
-const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {
-    Content: ContentMobile,
-    Header,
-    Footer: FooterMobile,
-    Controls: Controls,
-});
-
-export { UniversalModalMobile };

package/universal-modal/moderncssm/mobile/components/buttons/arrow-button/arrow-button.d.ts

@@ -1,6 +0,0 @@
-import { FC, MouseEvent } from 'react';
-type ArrowButtonDesktopProps = {
-    onClick?: (e: MouseEvent) => void;
-};
-declare const ArrowButtonMobile: FC<ArrowButtonDesktopProps>;
-export { ArrowButtonMobile };

package/universal-modal/moderncssm/mobile/components/buttons/arrow-button/arrow-button.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Button } from '../../../../../../button/moderncssm';
-import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
-import styles from './arrow-button.module.css';
-
-const ArrowButtonMobile = (props) => {
-    const { onClick } = props;
-    return (React.createElement(Button, { shape: 'rounded', size: 32, leftAddons: React.createElement(ChevronLeftMIcon, { className: styles.icon }), className: styles.button, onClick: onClick }));
-};
-
-export { ArrowButtonMobile };

package/universal-modal/moderncssm/mobile/components/buttons/arrow-button/arrow-button.module.css

@@ -1,11 +0,0 @@
-/* */
-
-.button.button {
-    padding: 0 7px;
-    width: 24px;
-    height: 24px;
-}
-
-.icon {
-    fill: var(--color-light-neutral-translucent-700);
-}

package/universal-modal/moderncssm/mobile/components/buttons/arrow-button/index.d.ts

@@ -1 +0,0 @@
-export { ArrowButtonMobile } from "./arrow-button";

package/universal-modal/moderncssm/mobile/components/buttons/arrow-button/index.js

@@ -1,5 +0,0 @@
-export { ArrowButtonMobile } from './arrow-button.js';
-import 'react';
-import '../../../../../../button/moderncssm';
-import '@alfalab/icons-glyph/ChevronLeftMIcon';
-import './arrow-button.module.css';

package/universal-modal/moderncssm/mobile/components/buttons/cross-button/cross-button.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-type CrossButtonProps = {
-    onClick?: () => void;
-};
-declare const CrossButtonMobile: FC<CrossButtonProps>;
-export { CrossButtonMobile };

package/universal-modal/moderncssm/mobile/components/buttons/cross-button/cross-button.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Button } from '../../../../../../button/moderncssm';
-import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-import styles from './cross-button.module.css';
-
-const CrossButtonMobile = (props) => {
-    const { onClick } = props;
-    return (React.createElement(Button, { leftAddons: React.createElement(CrossMIcon, { className: styles.icon }), size: 32, shape: 'rounded', className: styles.button, onClick: onClick }));
-};
-
-export { CrossButtonMobile };

package/universal-modal/moderncssm/mobile/components/buttons/cross-button/cross-button.module.css

@@ -1,11 +0,0 @@
-/* */
-
-.button.button {
-    padding: 0 7px;
-    width: 24px;
-    height: 24px;
-}
-
-.icon {
-    fill: var(--color-light-neutral-translucent-700);
-}

package/universal-modal/moderncssm/mobile/components/buttons/cross-button/index.d.ts

@@ -1 +0,0 @@
-export { CrossButtonMobile } from "./cross-button";

package/universal-modal/moderncssm/mobile/components/buttons/cross-button/index.js

@@ -1,5 +0,0 @@
-export { CrossButtonMobile } from './cross-button.js';
-import 'react';
-import '../../../../../../button/moderncssm';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './cross-button.module.css';

package/universal-modal/moderncssm/mobile/constants/footerPresetTypesMobile.d.ts

@@ -1,4 +0,0 @@
-declare const FooterPresetTypesMobile: {
-    readonly FOOTER_WITH_CONTENT: "footer_with_content";
-};
-export { FooterPresetTypesMobile };

package/universal-modal/moderncssm/mobile/constants/footerPresetTypesMobile.js

@@ -1,5 +0,0 @@
-const FooterPresetTypesMobile = {
-    FOOTER_WITH_CONTENT: 'footer_with_content',
-};
-
-export { FooterPresetTypesMobile };

package/universal-modal/moderncssm/mobile/constants/headerPresetTypesMobile.d.ts

@@ -1,8 +0,0 @@
-declare const HeaderPresetTypesMobile: {
-    readonly HEADER_WITH_NAVIGATION_WITHOUT_TITLE: "header_with_navigation_without_title";
-    readonly HEADER_WITH_BACK_ARROW_WITH_CENTER_TITLE: "header_with_back_arrow_with_center_title";
-    readonly HEADER_WITH_TITLE_WITH_SUBTITLE: "header_with_title_with_subtitle";
-    readonly HEADER_WITH_CENTRAL_TITLE: "header_with_central_title";
-    readonly HEADER_WITH_CENTRAL_TITLE_WITH_SUBTITLE: "header_with_central_title_with_subtitle";
-};
-export { HeaderPresetTypesMobile };

package/universal-modal/moderncssm/mobile/constants/headerPresetTypesMobile.js

@@ -1,9 +0,0 @@
-const HeaderPresetTypesMobile = {
-    HEADER_WITH_NAVIGATION_WITHOUT_TITLE: 'header_with_navigation_without_title',
-    HEADER_WITH_BACK_ARROW_WITH_CENTER_TITLE: 'header_with_back_arrow_with_center_title',
-    HEADER_WITH_TITLE_WITH_SUBTITLE: 'header_with_title_with_subtitle',
-    HEADER_WITH_CENTRAL_TITLE: 'header_with_central_title',
-    HEADER_WITH_CENTRAL_TITLE_WITH_SUBTITLE: 'header_with_central_title_with_subtitle',
-};
-
-export { HeaderPresetTypesMobile };

package/universal-modal/moderncssm/mobile/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile";
-export {};

package/universal-modal/moderncssm/mobile/index.js

@@ -1,28 +0,0 @@
-export { UniversalModalMobile } from './Component.mobile.js';
-import 'react';
-import 'classnames';
-import '../../../base-modal/moderncssm';
-import '../components/content/Component.mobile.js';
-import '../components/content/Component.js';
-import '../../../shared/moderncssm';
-import '../Context.js';
-import '../ResponsiveContext.js';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/controls/Component.js';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.mobile.js';
-import '../components/footer/Component.js';
-import '../desktop/constants/headerPresetTypes.js';
-import '../components/footer/index.module.css';
-import '../components/footer/layout.mobile.module.css';
-import '../components/footer/mobile.module.css';
-import '../components/header/Component.js';
-import '../../../navigation-bar-private/moderncssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
-import './mobile.module.css';
-import './transitions/right-side-transitions.mobile.module.css';
-import './transitions/transitions.mobile.module.css';

package/universal-modal/moderncssm/mobile/mobile.module.css

@@ -1,21 +0,0 @@
-/* */
-
-.component {
-    top: var(--gap-0);
-    height: 100%;
-    width: 100%;
-    overflow-x: hidden;
-    overflow-y: auto;
-    max-width: 600px;
-    display: flex;
-    flex-direction: column
-}
-
-.component .content {
-        height: auto;
-    }
-
-.component.component {
-    position: fixed;
-    flex: 1;
-}

package/universal-modal/moderncssm/mobile/transitions/right-side-transitions.mobile.module.css

@@ -1,23 +0,0 @@
-/* */
-
-.appear,
-.enter {
-    transform: translateX(100%);
-}
-
-.appearActive,
-.enterActive {
-    transform: translateX(0);
-    transition: transform 280ms ease-in-out;
-    transition-delay: 80ms;
-}
-
-.exit {
-    transform: translateX(0);
-}
-
-.exitActive,
-.exitDone {
-    transform: translateX(100%);
-    transition: transform 280ms ease-in-out;
-}

package/universal-modal/moderncssm/mobile/transitions/transitions.mobile.module.css

@@ -1,24 +0,0 @@
-.appear,
-.enter {
-    opacity: 0;
-    transform: translateY(15px);
-}
-
-.appearActive,
-.enterActive {
-    opacity: 1;
-    transform: translateY(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
-}
-
-.exit {
-    opacity: 1;
-    transform: translateY(0);
-}
-
-.exitActive,
-.exitDone {
-    opacity: 0;
-    transform: translateY(15px);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
-}

package/universal-modal/moderncssm/mobile/types/props.d.ts

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