@alfalab/core-components-universal-modal 1.0.0

package/esm/desktop/components/side-modal/styles/transitions/transitions.css

@@ -0,0 +1,331 @@
+/* hash: 1g4dk */
+:root {
+    --universal-modal-transitions-timeout: 200ms;
+}
+
+/* prettier-ignore */
+
+.universal-modal__enterLeft-0_1mi3l {
+        transform: translateX(calc(-100% - 0px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-2_1mi3l {
+        transform: translateX(calc(-100% - 2px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-4_1mi3l {
+        transform: translateX(calc(-100% - 4px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-8_1mi3l {
+        transform: translateX(calc(-100% - 8px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-12_1mi3l {
+        transform: translateX(calc(-100% - 12px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-16_1mi3l {
+        transform: translateX(calc(-100% - 16px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-20_1mi3l {
+        transform: translateX(calc(-100% - 20px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-24_1mi3l {
+        transform: translateX(calc(-100% - 24px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-32_1mi3l {
+        transform: translateX(calc(-100% - 32px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-40_1mi3l {
+        transform: translateX(calc(-100% - 40px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-48_1mi3l {
+        transform: translateX(calc(-100% - 48px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-56_1mi3l {
+        transform: translateX(calc(-100% - 56px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-64_1mi3l {
+        transform: translateX(calc(-100% - 64px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-72_1mi3l {
+        transform: translateX(calc(-100% - 72px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-80_1mi3l {
+        transform: translateX(calc(-100% - 80px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-96_1mi3l {
+        transform: translateX(calc(-100% - 96px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-128_1mi3l {
+        transform: translateX(calc(-100% - 128px)) translateZ(0);
+    }
+
+/* prettier-ignore */
+
+.universal-modal__enterRight-0_1mi3l {
+        transform: translateX(calc(100% + 0px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-2_1mi3l {
+        transform: translateX(calc(100% + 2px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-4_1mi3l {
+        transform: translateX(calc(100% + 4px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-8_1mi3l {
+        transform: translateX(calc(100% + 8px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-12_1mi3l {
+        transform: translateX(calc(100% + 12px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-16_1mi3l {
+        transform: translateX(calc(100% + 16px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-20_1mi3l {
+        transform: translateX(calc(100% + 20px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-24_1mi3l {
+        transform: translateX(calc(100% + 24px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-32_1mi3l {
+        transform: translateX(calc(100% + 32px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-40_1mi3l {
+        transform: translateX(calc(100% + 40px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-48_1mi3l {
+        transform: translateX(calc(100% + 48px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-56_1mi3l {
+        transform: translateX(calc(100% + 56px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-64_1mi3l {
+        transform: translateX(calc(100% + 64px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-72_1mi3l {
+        transform: translateX(calc(100% + 72px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-80_1mi3l {
+        transform: translateX(calc(100% + 80px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-96_1mi3l {
+        transform: translateX(calc(100% + 96px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-128_1mi3l {
+        transform: translateX(calc(100% + 128px)) translateZ(0);
+    }
+
+.universal-modal__enterActive_1mi3l {
+    transform: translateX(0);
+    transition: transform var(--universal-modal-transitions-timeout) ease-in;
+}
+
+.universal-modal__enterDone_1mi3l {
+    transform: translateX(0);
+}
+
+.universal-modal__exit_1mi3l {
+    transform: translateX(0);
+}
+
+/* prettier-ignore */
+
+.universal-modal__exitActiveLeft-0_1mi3l {
+        transform: translateX(calc(-100% - 0px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-2_1mi3l {
+        transform: translateX(calc(-100% - 2px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-4_1mi3l {
+        transform: translateX(calc(-100% - 4px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-8_1mi3l {
+        transform: translateX(calc(-100% - 8px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-12_1mi3l {
+        transform: translateX(calc(-100% - 12px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-16_1mi3l {
+        transform: translateX(calc(-100% - 16px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-20_1mi3l {
+        transform: translateX(calc(-100% - 20px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-24_1mi3l {
+        transform: translateX(calc(-100% - 24px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-32_1mi3l {
+        transform: translateX(calc(-100% - 32px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-40_1mi3l {
+        transform: translateX(calc(-100% - 40px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-48_1mi3l {
+        transform: translateX(calc(-100% - 48px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-56_1mi3l {
+        transform: translateX(calc(-100% - 56px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-64_1mi3l {
+        transform: translateX(calc(-100% - 64px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-72_1mi3l {
+        transform: translateX(calc(-100% - 72px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-80_1mi3l {
+        transform: translateX(calc(-100% - 80px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-96_1mi3l {
+        transform: translateX(calc(-100% - 96px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-128_1mi3l {
+        transform: translateX(calc(-100% - 128px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+/* prettier-ignore */
+
+.universal-modal__exitActiveRight-0_1mi3l {
+        transform: translateX(calc(100% + 0px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-2_1mi3l {
+        transform: translateX(calc(100% + 2px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-4_1mi3l {
+        transform: translateX(calc(100% + 4px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-8_1mi3l {
+        transform: translateX(calc(100% + 8px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-12_1mi3l {
+        transform: translateX(calc(100% + 12px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-16_1mi3l {
+        transform: translateX(calc(100% + 16px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-20_1mi3l {
+        transform: translateX(calc(100% + 20px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-24_1mi3l {
+        transform: translateX(calc(100% + 24px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-32_1mi3l {
+        transform: translateX(calc(100% + 32px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-40_1mi3l {
+        transform: translateX(calc(100% + 40px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-48_1mi3l {
+        transform: translateX(calc(100% + 48px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-56_1mi3l {
+        transform: translateX(calc(100% + 56px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-64_1mi3l {
+        transform: translateX(calc(100% + 64px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-72_1mi3l {
+        transform: translateX(calc(100% + 72px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-80_1mi3l {
+        transform: translateX(calc(100% + 80px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-96_1mi3l {
+        transform: translateX(calc(100% + 96px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-128_1mi3l {
+        transform: translateX(calc(100% + 128px)) translateZ(0);
+        transition: transform var(--universal-modal-transitions-timeout) ease-out;
+    }

package/esm/desktop/constants/index.d.ts

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

package/esm/desktop/constants/index.js

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

package/esm/desktop/hooks/useModalHeight.d.ts

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

package/esm/desktop/hooks/useModalHeight.js

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+import { isClient } from '@alfalab/core-components-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/esm/desktop/hooks/useModalWheel.d.ts

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

package/esm/desktop/hooks/useModalWheel.js

@@ -0,0 +1,15 @@
+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/esm/desktop/hooks/useModalWidth.d.ts

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

package/esm/desktop/hooks/useModalWidth.js

@@ -0,0 +1,37 @@
+import { useContext, useEffect } from 'react';
+import { isClient } from '@alfalab/core-components-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/esm/desktop/index.d.ts

@@ -0,0 +1,10 @@
+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 { CrossButtonDesktop } from "./components/buttons/cross-button/index";
+export { ArrowButtonDesktop } from "./components/buttons/arrow-button/index";

package/esm/desktop/index.js

@@ -0,0 +1,13 @@
+export { UniversalModalDesktop, UniversalModalDesktopComponent } from './Component.desktop.js';
+import 'tslib';
+import 'react';
+import '@alfalab/core-components-mq/esm';
+export { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
+import 'classnames';
+import '@alfalab/core-components-navigation-bar-private/esm';
+import '@alfalab/core-components-shared/esm';
+import '@alfalab/core-components-base-modal/esm';
+export { FooterDesktop } from '../components/footer/desktop/Component.desktop.js';
+export { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
+export { CrossButtonDesktop } from './components/buttons/cross-button/cross-button.js';
+export { ArrowButtonDesktop } from './components/buttons/arrow-button/arrow-button.js';

package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -0,0 +1,60 @@
+/* hash: jpqf */
+: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-overlay-default: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
+    --universal-modal-backdrop-hidden-background: transparent;
+} @keyframes universal-modal__step_1_1a4z7 {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.5;
+    }
+} @keyframes universal-modal__step_2_1a4z7 {
+    0% {
+        opacity: 0.5;
+    }
+    100% {
+        opacity: 0;
+        background-color: var(--universal-modal-backdrop-hidden-background);
+    }
+} .universal-modal__appear_1a4z7,
+.universal-modal__enter_1a4z7 {
+    background-color: var(--universal-modal-backdrop-hidden-background);
+} .universal-modal__appearActive_1a4z7,
+.universal-modal__enterActive_1a4z7,
+.universal-modal__appearDone_1a4z7,
+.universal-modal__enterDone_1a4z7 {
+    background-color: var(--universal-modal-backdrop-visible-background);
+} .universal-modal__exit_1a4z7 {
+    background-color: var(--universal-modal-backdrop-visible-background);
+} .universal-modal__exitActive_1a4z7 {
+    opacity: 1;
+    animation: universal-modal__step_1_1a4z7 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_1a4z7 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+} .universal-modal__exitDone_1a4z7 {
+    opacity: 0;
+    background-color: var(--universal-modal-backdrop-hidden-background);
+}

package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -0,0 +1,25 @@
+/* hash: 1lln9 */
+.universal-modal__appear_cyj12,
+.universal-modal__enter_cyj12 {
+    opacity: 0;
+    transform: translateY(40px);
+}
+
+.universal-modal__appearActive_cyj12,
+.universal-modal__enterActive_cyj12 {
+    opacity: 1;
+    transform: translateY(0);
+    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
+}
+
+.universal-modal__exit_cyj12 {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.universal-modal__exitActive_cyj12,
+.universal-modal__exitDone_cyj12 {
+    opacity: 0;
+    transform: translateY(40px);
+    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+}

package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -0,0 +1,21 @@
+/* hash: swy17 */
+.universal-modal__appear_16kzn,
+.universal-modal__enter_16kzn {
+    opacity: 0;
+}
+
+.universal-modal__appearActive_16kzn,
+.universal-modal__enterActive_16kzn {
+    opacity: 1;
+    transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
+}
+
+.universal-modal__exit_16kzn {
+    opacity: 1;
+}
+
+.universal-modal__exitActive_16kzn,
+.universal-modal__exitDone_16kzn {
+    opacity: 0;
+    transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
+}

package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css

@@ -0,0 +1,25 @@
+/* hash: 1ap20 */
+.universal-modal__appear_ehkrs,
+.universal-modal__enter_ehkrs {
+    opacity: 0;
+    transform: translateY(-40px);
+}
+
+.universal-modal__appearActive_ehkrs,
+.universal-modal__enterActive_ehkrs {
+    opacity: 1;
+    transform: translateY(0);
+    transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
+}
+
+.universal-modal__exit_ehkrs {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.universal-modal__exitActive_ehkrs,
+.universal-modal__exitDone_ehkrs {
+    opacity: 0;
+    transform: translateY(-40px);
+    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+}