@alfalab/core-components 48.9.0-beta.1 → 48.9.1

package/universal-modal/esm/desktop/components/side-modal/side-modal.js

@@ -1,87 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useRef } from 'react';
-import cn from 'classnames';
-import { BaseModal } from '../../../../../base-modal/esm';
-import { getMarginValues } from '../../../utils/getMarginValues.js';
-import { useModalHeight } from '../../hooks/useModalHeight.js';
-import { useModalMargin } from '../../hooks/useModalMargin.js';
-import { useModalWheel } from '../../hooks/useModalWheel.js';
-import { useModalWidth } from '../../hooks/useModalWidth.js';
-import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
-import '../../../../../shared/esm';
-import '../../../ResponsiveContext.js';
-import '../../../../../scrollbar/esm';
-import '../../const/index.js';
-
-var styles = {"wrapperAlignStart":"universal-modal__wrapperAlignStart_1kpe3","wrapperAlignEnd":"universal-modal__wrapperAlignEnd_1kpe3","wrapperJustifyCenter":"universal-modal__wrapperJustifyCenter_1kpe3","wrapperJustifyEnd":"universal-modal__wrapperJustifyEnd_1kpe3","component":"universal-modal__component_1kpe3","overlayHidden":"universal-modal__overlayHidden_1kpe3","container":"universal-modal__container_1kpe3"};
-require('./side-modal.css');
-
-var SideModal = forwardRef(function (props, ref) {
-    var _a, _b;
-    var _c = props.width, width = _c === void 0 ? 500 : _c, _d = props.height, height = _d === void 0 ? 'fullHeight' : _d, _e = props.horizontalAlign, horizontalAlign = _e === void 0 ? 'center' : _e, _f = props.verticalAlign, verticalAlign = _f === void 0 ? 'center' : _f, _g = props.overlay, overlay = _g === void 0 ? true : _g, open = props.open, dataTestId = props.dataTestId, className = props.className, children = props.children, _h = props.margin, margin = _h === void 0 ? [0] : _h, onClose = props.onClose, restProps = __rest(props, ["width", "height", "horizontalAlign", "verticalAlign", "overlay", "open", "dataTestId", "className", "children", "margin", "onClose"]);
-    var componentRef = useRef(null);
-    var contentRef = useRef(null);
-    useModalMargin({ margin: margin, open: open, componentRef: componentRef, horizontalAlign: horizontalAlign, verticalAlign: verticalAlign });
-    useModalWidth(width, open, componentRef);
-    useModalHeight(height, open, componentRef);
-    var _j = useModalWheel(overlay), wheelDeltaY = _j.wheelDeltaY, handleWheel = _j.handleWheel;
-    var isHorizontalStart = horizontalAlign === 'start';
-    var isHorizontalEnd = horizontalAlign === 'end';
-    var isVerticalCenter = verticalAlign === 'center';
-    var isVerticalBottom = verticalAlign === 'bottom';
-    var _k = getMarginValues(margin), right = _k.right, left = _k.left;
-    return (React.createElement(BaseModal, __assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', disableBlockingScroll: !overlay, wrapperClassName: cn((_a = {},
-            _a[styles.wrapperAlignStart] = isHorizontalStart,
-            _a[styles.wrapperAlignEnd] = isHorizontalEnd,
-            _a[styles.wrapperJustifyCenter] = isVerticalCenter,
-            _a[styles.wrapperJustifyEnd] = isVerticalBottom,
-            _a)), className: cn(className, styles.component, (_b = {},
-            _b[styles.overlayHidden] = !overlay,
-            _b)), contentClassName: styles.content, transitionProps: {
-            classNames: {},
-            timeout: 200,
-            onEnter: function () {
-                if (componentRef.current) {
-                    if (isHorizontalStart) {
-                        componentRef.current.style.transform = "translateX(calc(-100% - ".concat(left, "px))");
-                    }
-                    if (isHorizontalEnd) {
-                        componentRef.current.style.transform = "translateX(calc(100% + ".concat(right, "px))");
-                    }
-                }
-            },
-            onEntering: function () {
-                if (componentRef.current) {
-                    componentRef.current.style.transform = 'translateX(0)';
-                    componentRef.current.style.transition = 'transform 200ms ease-in';
-                }
-            },
-            onEntered: function () {
-                if (componentRef.current) {
-                    componentRef.current.style.transform = 'translateX(0)';
-                }
-            },
-            onExit: function () {
-                if (componentRef.current) {
-                    componentRef.current.style.transform = 'translateX(0)';
-                }
-            },
-            onExiting: function () {
-                if (componentRef.current) {
-                    componentRef.current.style.transition = 'transform 200ms ease-out';
-                    if (isHorizontalStart) {
-                        componentRef.current.style.transform = "translateX(calc(-100% - ".concat(left, "px))");
-                    }
-                    if (isHorizontalEnd) {
-                        componentRef.current.style.transform = "translateX(calc(100% + ".concat(right, "px))");
-                    }
-                }
-            },
-        }, backdropProps: {
-            transparent: !overlay,
-        }, onWheel: handleWheel, onClose: onClose }),
-        React.createElement("div", { className: styles.container },
-            React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
-});
-
-export { SideModal };

package/universal-modal/esm/desktop/const/index.d.ts

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

package/universal-modal/esm/desktop/const/index.js

@@ -1,4 +0,0 @@
-var SCROLLBAR_DEFAULT_GAP = 16;
-var FOOTER_MEDIUM_BREAKPOINT = 800;
-
-export { FOOTER_MEDIUM_BREAKPOINT, SCROLLBAR_DEFAULT_GAP };

package/universal-modal/esm/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/esm/desktop/hooks/useModalHeight.js

@@ -1,29 +0,0 @@
-import { useEffect } from 'react';
-import { isClient } from '../../../../shared/esm';
-
-/** Устанавливает необходимую высоту модального окна */
-var useModalHeight = function (height, open, componentRef) {
-    var ref = componentRef;
-    useEffect(function () {
-        if (ref.current) {
-            var viewportHeight = 0;
-            var computedMarginTop = 0;
-            var 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% - ".concat(computedMarginTop, "px - ").concat(computedMarginBottom, "px)");
-                return;
-            }
-            if (!Number.isNaN(parseFloat(String(height)))) {
-                ref.current.style.height = "".concat(parseFloat(String(height)), "px");
-            }
-        }
-    }, [open, height, ref]);
-};
-
-export { useModalHeight };

package/universal-modal/esm/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/esm/desktop/hooks/useModalMargin.js

@@ -1,25 +0,0 @@
-import { useEffect } from 'react';
-
-/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
-var useModalMargin = function (_a) {
-    var margin = _a.margin, open = _a.open, componentRef = _a.componentRef, horizontalAlign = _a.horizontalAlign, verticalAlign = _a.verticalAlign;
-    var ref = componentRef;
-    useEffect(function () {
-        if (ref.current && open && margin) {
-            ref.current.style.margin = margin
-                .map(function (value) { return (value === 'auto' ? value : "".concat(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/esm/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/esm/desktop/hooks/useModalWheel.js

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

package/universal-modal/esm/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/esm/desktop/hooks/useModalWidth.js

@@ -1,37 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { isClient } from '../../../../shared/esm';
-import { ResponsiveContext } from '../../ResponsiveContext.js';
-
-/** Устанавливает необходимую ширину модального окна */
-var useModalWidth = function (width, open, componentRef) {
-    var ref = componentRef;
-    var context = useContext(ResponsiveContext);
-    var setModalWidth = (context || {}).setModalWidth;
-    useEffect(function () {
-        if (ref.current) {
-            var viewportWidth = 0;
-            var computedMarginLeft = 0;
-            var 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% - ".concat(computedMarginLeft, "px - ").concat(computedMarginRight, "px)");
-                if (setModalWidth) {
-                    setModalWidth(viewportWidth - computedMarginLeft - computedMarginRight);
-                }
-                return;
-            }
-            if (!Number.isNaN(parseFloat(String(width)))) {
-                ref.current.style.width = "".concat(parseFloat(String(width)), "px");
-                if (setModalWidth) {
-                    setModalWidth(width);
-                }
-            }
-        }
-    }, [open, width, ref, setModalWidth, context]);
-};
-
-export { useModalWidth };

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

@@ -1,12 +0,0 @@
-export { UniversalModalDesktop, UniversalModalDesktopComponent } from "./Component.desktop";
-export type { UniversalModalDesktopProps } from "./types/props";
-export { HeaderDesktop } from "../components/header/index";
-export type { HeaderDesktopProps } from "../components/header/index";
-export { FooterDesktop } from "../components/footer/index";
-export type { FooterDesktopProps } from "../components/footer/index";
-export { ContentDesktop } from "../components/content/index";
-export type { ContentDesktopProps } from "../components/content/index";
-export { ControlsDesktop } from "../components/controls/index";
-export type { ControlsDesktopProps } from "../components/controls/index";
-export { CrossButtonDesktop } from "./components/buttons/cross-button/index";
-export { ArrowButtonDesktop } from "./components/buttons/arrow-button/index";

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

@@ -1,35 +0,0 @@
-export { UniversalModalDesktop, UniversalModalDesktopComponent } from './Component.desktop.js';
-import 'tslib';
-import 'react';
-import '../../../mq/esm';
-export { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
-import 'classnames';
-import '../../../navigation-bar-private/esm';
-import '../../../base-modal/esm';
-export { FooterDesktop } from '../components/footer/desktop/Component.desktop.js';
-export { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
-export { ControlsDesktop } from '../components/controls/desktop/Component.desktop.js';
-export { CrossButtonDesktop } from './components/buttons/cross-button/cross-button.js';
-export { ArrowButtonDesktop } from './components/buttons/arrow-button/arrow-button.js';
-import '../ResponsiveContext.js';
-import './components/center-modal/center-modal.js';
-import '../../../shared/esm';
-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/esm';
-import './const/index.js';
-import './components/side-modal/side-modal.js';
-import '../utils/getMarginValues.js';
-import '../components/content/base-content/base-content.js';
-import '../Context.js';
-import '../layout.module-4e46cdba.js';
-import '../index.module-c0792c5b.js';
-import '../components/footer/base-footer/base-footer.js';
-import '../index.module-cd589e1c.js';
-import '../../../button/esm/desktop';
-import '@alfalab/icons-glyph/CrossMediumMIcon';
-import '../../../typography/esm';
-import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';

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

@@ -1,46 +0,0 @@
-import { BaseModalProps } from "../../../../base-modal";
-import { TMargin } from "../../typings/margin-type";
-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;
-    /**
-     * Хэндлер закрытия модалки
-     */
-    onClose?: () => void;
-};
-type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className'>;
-type ModalBySideProps = UniversalModalDesktopProps;
-type ModalByCenterProps = UniversalModalDesktopProps;
-export { BaseUniversalModalProps, UniversalModalDesktopProps, ModalBySideProps, ModalByCenterProps };

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

@@ -1 +0,0 @@
-

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

@@ -1,10 +0,0 @@
-export { UniversalModalResponsive, UniversalModal } from "./Component.responsive";
-export type { UniversalModalResponsiveProps } from "./typings/index";
-export { ContentResponsive } from "./components/content/index";
-export type { ContentResponsiveProps } from "./components/content/index";
-export { ControlsResponsive } from "./components/controls/index";
-export type { ControlsResponsiveProps } from "./components/controls/index";
-export { HeaderResponsive } from "./components/header/index";
-export type { HeaderResponsiveProps } from "./components/header/index";
-export { FooterResponsive } from "./components/footer/index";
-export type { FooterResponsiveProps } from "./components/footer/index";

package/universal-modal/esm/index.js

@@ -1,46 +0,0 @@
-export { UniversalModal, UniversalModalResponsive } from './Component.responsive.js';
-export { ContentResponsive } from './components/content/responsive/Component.responsive.js';
-import 'tslib';
-import 'react';
-import 'classnames';
-import '../../base-modal/esm';
-export { ControlsResponsive } from './components/controls/responsive/Component.responsive.js';
-export { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
-import '../../navigation-bar-private/esm';
-import './ResponsiveContext.js';
-export { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
-import '../../mq/esm';
-import './desktop/Component.desktop.js';
-import './components/content/desktop/Component.desktop.js';
-import './components/content/base-content/base-content.js';
-import './Context.js';
-import './components/controls/desktop/Component.desktop.js';
-import './layout.module-4e46cdba.js';
-import './index.module-c0792c5b.js';
-import './components/footer/desktop/Component.desktop.js';
-import './desktop/const/index.js';
-import './components/footer/base-footer/base-footer.js';
-import './components/header/desktop/Component.desktop.js';
-import './index.module-cd589e1c.js';
-import './desktop/components/center-modal/center-modal.js';
-import '../../shared/esm';
-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/esm';
-import './desktop/components/side-modal/side-modal.js';
-import './utils/getMarginValues.js';
-import '../../button/esm/desktop';
-import '@alfalab/icons-glyph/CrossMediumMIcon';
-import '../../typography/esm';
-import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
-import './mobile/Component.mobile.js';
-import './components/content/mobile/Component.mobile.js';
-import './components/controls/mobile/Component.mobile.js';
-import './components/footer/mobile/Component.mobile.js';
-import './components/header/mobile/Component.mobile.js';
-import '../../button/esm/mobile';
-import '@alfalab/icons-glyph/CrossMIcon';
-import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/universal-modal/esm/index.module-c0792c5b.js

@@ -1,4 +0,0 @@
-var styles = {"component":"universal-modal__component_1vixn"};
-require('./components/controls/base-controls/index.css');
-
-export { styles as s };

package/universal-modal/esm/index.module-cd589e1c.js

@@ -1,4 +0,0 @@
-var styles = {"header":"universal-modal__header_1art9","highlighted":"universal-modal__highlighted_1art9","sticky":"universal-modal__sticky_1art9","hasContent":"universal-modal__hasContent_1art9","backgroundImage":"universal-modal__backgroundImage_1art9","content":"universal-modal__content_1art9","title":"universal-modal__title_1art9","addon":"universal-modal__addon_1art9","closer":"universal-modal__closer_1art9","right":"universal-modal__right_1art9","trim":"universal-modal__trim_1art9"};
-require('./components/header/base-header/index.css');
-
-export { styles as s };

package/universal-modal/esm/layout.module-4e46cdba.js

@@ -1,4 +0,0 @@
-var layoutStyles = {"column":"universal-modal__column_1tu25","middle":"universal-modal__middle_1tu25","start":"universal-modal__start_1tu25","center":"universal-modal__center_1tu25","space-between":"universal-modal__space-between_1tu25"};
-require('./components/footer/desktop/layout.css');
-
-export { layoutStyles as l };

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

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

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

@@ -1,42 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { BaseModal } from '../../../base-modal/esm';
-import '../../../mq/esm';
-import { ContentMobile } from '../components/content/mobile/Component.mobile.js';
-import { ControlsMobile } from '../components/controls/mobile/Component.mobile.js';
-import '../ResponsiveContext.js';
-import { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
-import '../../../navigation-bar-private/esm';
-import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
-import '../components/content/base-content/base-content.js';
-import '../Context.js';
-import '../layout.module-4e46cdba.js';
-import '../index.module-c0792c5b.js';
-import '../components/footer/base-footer/base-footer.js';
-import '../index.module-cd589e1c.js';
-
-var styles = {"component":"universal-modal__component_1c8jq","content":"universal-modal__content_1c8jq"};
-require('./mobile.css');
-
-var rightSideTransitions = {"appear":"universal-modal__appear_1f7ny","enter":"universal-modal__enter_1f7ny","appearActive":"universal-modal__appearActive_1f7ny","enterActive":"universal-modal__enterActive_1f7ny","exit":"universal-modal__exit_1f7ny","exitActive":"universal-modal__exitActive_1f7ny","exitDone":"universal-modal__exitDone_1f7ny"};
-require('./transitions/right-side-transitions.mobile.css');
-
-var transitions = {"appear":"universal-modal__appear_hyh5d","enter":"universal-modal__enter_hyh5d","appearActive":"universal-modal__appearActive_hyh5d","enterActive":"universal-modal__enterActive_hyh5d","exit":"universal-modal__exit_hyh5d","exitActive":"universal-modal__exitActive_hyh5d","exitDone":"universal-modal__exitDone_hyh5d"};
-require('./transitions/transitions.mobile.css');
-
-var UniversalModalMobileComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId; _a.onClose; var _b = _a.appearance, appearance = _b === void 0 ? 'bottom' : _b, restProps = __rest(_a, ["children", "className", "dataTestId", "onClose", "appearance"]);
-    return (React.createElement(BaseModal, __assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: {
-            timeout: appearance === 'right' ? 360 : 200,
-            classNames: appearance === 'right' ? rightSideTransitions : transitions,
-        }, className: cn(className, styles.component), scrollHandler: 'content', contentClassName: styles.content }), children));
-});
-var UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {
-    Header: HeaderMobile,
-    Content: ContentMobile,
-    Footer: FooterMobile,
-    Controls: ControlsMobile,
-});
-
-export { UniversalModalMobile, UniversalModalMobileComponent };

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

@@ -1,28 +0,0 @@
-/* hash: 1t0va */
-: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 {
-    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
-
-    /* новые значения, используйте их */
-} :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_si2td.universal-modal__button_si2td {
-    padding: 0 7px;
-    width: 24px;
-    height: 24px;
-} .universal-modal__icon_si2td {
-    fill: var(--color-light-neutral-translucent-700);
-}

package/universal-modal/esm/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/esm/mobile/components/buttons/arrow-button/arrow-button.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ButtonMobile } from '../../../../../../button/esm/mobile';
-import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
-
-var styles = {"button":"universal-modal__button_si2td","icon":"universal-modal__icon_si2td"};
-require('./arrow-button.css');
-
-var ArrowButtonMobile = function (props) {
-    var onClick = props.onClick;
-    return (React.createElement(ButtonMobile, { shape: 'rounded', size: 32, leftAddons: React.createElement(ChevronLeftMIcon, { className: styles.icon }), className: styles.button, onClick: onClick }));
-};
-
-export { ArrowButtonMobile };

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

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

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

@@ -1,4 +0,0 @@
-export { ArrowButtonMobile } from './arrow-button.js';
-import 'react';
-import '../../../../../../button/esm/mobile';
-import '@alfalab/icons-glyph/ChevronLeftMIcon';