@alfalab/core-components 48.11.0-beta.2 → 48.11.0-beta.4

package/universal-modal/modern/desktop/components/side-modal/styles/transitions/transitions.css

@@ -0,0 +1,333 @@
+/* hash: 1g4dk */
+:root {
+    --timeout: 200ms;
+}
+
+/* TODO Добавить плагин для переменных */
+
+/* prettier-ignore */
+
+.universal-modal__enterLeft-0_8p581 {
+        transform: translateX(calc(-100% - 0px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-2_8p581 {
+        transform: translateX(calc(-100% - 2px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-4_8p581 {
+        transform: translateX(calc(-100% - 4px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-8_8p581 {
+        transform: translateX(calc(-100% - 8px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-12_8p581 {
+        transform: translateX(calc(-100% - 12px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-16_8p581 {
+        transform: translateX(calc(-100% - 16px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-20_8p581 {
+        transform: translateX(calc(-100% - 20px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-24_8p581 {
+        transform: translateX(calc(-100% - 24px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-32_8p581 {
+        transform: translateX(calc(-100% - 32px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-40_8p581 {
+        transform: translateX(calc(-100% - 40px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-48_8p581 {
+        transform: translateX(calc(-100% - 48px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-56_8p581 {
+        transform: translateX(calc(-100% - 56px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-64_8p581 {
+        transform: translateX(calc(-100% - 64px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-72_8p581 {
+        transform: translateX(calc(-100% - 72px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-80_8p581 {
+        transform: translateX(calc(-100% - 80px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-96_8p581 {
+        transform: translateX(calc(-100% - 96px)) translateZ(0);
+    }
+
+.universal-modal__enterLeft-128_8p581 {
+        transform: translateX(calc(-100% - 128px)) translateZ(0);
+    }
+
+/* prettier-ignore */
+
+.universal-modal__enterRight-0_8p581 {
+        transform: translateX(calc(100% + 0px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-2_8p581 {
+        transform: translateX(calc(100% + 2px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-4_8p581 {
+        transform: translateX(calc(100% + 4px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-8_8p581 {
+        transform: translateX(calc(100% + 8px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-12_8p581 {
+        transform: translateX(calc(100% + 12px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-16_8p581 {
+        transform: translateX(calc(100% + 16px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-20_8p581 {
+        transform: translateX(calc(100% + 20px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-24_8p581 {
+        transform: translateX(calc(100% + 24px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-32_8p581 {
+        transform: translateX(calc(100% + 32px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-40_8p581 {
+        transform: translateX(calc(100% + 40px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-48_8p581 {
+        transform: translateX(calc(100% + 48px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-56_8p581 {
+        transform: translateX(calc(100% + 56px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-64_8p581 {
+        transform: translateX(calc(100% + 64px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-72_8p581 {
+        transform: translateX(calc(100% + 72px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-80_8p581 {
+        transform: translateX(calc(100% + 80px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-96_8p581 {
+        transform: translateX(calc(100% + 96px)) translateZ(0);
+    }
+
+.universal-modal__enterRight-128_8p581 {
+        transform: translateX(calc(100% + 128px)) translateZ(0);
+    }
+
+.universal-modal__enterActive_8p581 {
+    transform: translateX(0);
+    transition: transform var(--timeout) ease-in;
+}
+
+.universal-modal__enterDone_8p581 {
+    transform: translateX(0);
+}
+
+.universal-modal__exit_8p581 {
+    transform: translateX(0);
+}
+
+/* prettier-ignore */
+
+.universal-modal__exitActiveLeft-0_8p581 {
+        transform: translateX(calc(-100% - 0px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-2_8p581 {
+        transform: translateX(calc(-100% - 2px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-4_8p581 {
+        transform: translateX(calc(-100% - 4px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-8_8p581 {
+        transform: translateX(calc(-100% - 8px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-12_8p581 {
+        transform: translateX(calc(-100% - 12px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-16_8p581 {
+        transform: translateX(calc(-100% - 16px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-20_8p581 {
+        transform: translateX(calc(-100% - 20px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-24_8p581 {
+        transform: translateX(calc(-100% - 24px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-32_8p581 {
+        transform: translateX(calc(-100% - 32px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-40_8p581 {
+        transform: translateX(calc(-100% - 40px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-48_8p581 {
+        transform: translateX(calc(-100% - 48px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-56_8p581 {
+        transform: translateX(calc(-100% - 56px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-64_8p581 {
+        transform: translateX(calc(-100% - 64px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-72_8p581 {
+        transform: translateX(calc(-100% - 72px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-80_8p581 {
+        transform: translateX(calc(-100% - 80px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-96_8p581 {
+        transform: translateX(calc(-100% - 96px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveLeft-128_8p581 {
+        transform: translateX(calc(-100% - 128px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+/* prettier-ignore */
+
+.universal-modal__exitActiveRight-0_8p581 {
+        transform: translateX(calc(100% + 0px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-2_8p581 {
+        transform: translateX(calc(100% + 2px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-4_8p581 {
+        transform: translateX(calc(100% + 4px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-8_8p581 {
+        transform: translateX(calc(100% + 8px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-12_8p581 {
+        transform: translateX(calc(100% + 12px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-16_8p581 {
+        transform: translateX(calc(100% + 16px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-20_8p581 {
+        transform: translateX(calc(100% + 20px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-24_8p581 {
+        transform: translateX(calc(100% + 24px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-32_8p581 {
+        transform: translateX(calc(100% + 32px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-40_8p581 {
+        transform: translateX(calc(100% + 40px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-48_8p581 {
+        transform: translateX(calc(100% + 48px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-56_8p581 {
+        transform: translateX(calc(100% + 56px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-64_8p581 {
+        transform: translateX(calc(100% + 64px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-72_8p581 {
+        transform: translateX(calc(100% + 72px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-80_8p581 {
+        transform: translateX(calc(100% + 80px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-96_8p581 {
+        transform: translateX(calc(100% + 96px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }
+
+.universal-modal__exitActiveRight-128_8p581 {
+        transform: translateX(calc(100% + 128px)) translateZ(0);
+        transition: transform var(--timeout) ease-out;
+    }

package/universal-modal/modern/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/universal-modal/modern/desktop/constants/index.js

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

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

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+import { isClient } from '../../../../shared/modern';
+
+/** Устанавливает необходимую высоту модального окна */
+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/modern/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/universal-modal/modern/desktop/hooks/useModalWheel.js

@@ -0,0 +1,15 @@
+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/modern/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/universal-modal/modern/desktop/hooks/useModalWidth.js

@@ -0,0 +1,37 @@
+import { useContext, useEffect } from 'react';
+import { isClient } from '../../../../shared/modern';
+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/modern/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/universal-modal/modern/desktop/index.js

@@ -0,0 +1,32 @@
+export { UniversalModalDesktop, UniversalModalDesktopComponent } from './Component.desktop.js';
+import 'react';
+import '../../../mq/modern';
+export { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
+import 'classnames';
+import '../../../navigation-bar-private/modern';
+import '../../../shared/modern';
+import '../../../base-modal/modern';
+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';
+import '../ResponsiveContext.js';
+import './components/center-modal/center-modal.js';
+import './hooks/useModalHeight.js';
+import './hooks/useModalWheel.js';
+import './hooks/useModalWidth.js';
+import './utils/get-full-size-modal-transitions.js';
+import './utils/get-margins.js';
+import './components/base-universal-modal-content/base-universal-modal-content.js';
+import '../../../scrollbar/modern';
+import './constants/index.js';
+import './components/side-modal/side-modal.js';
+import './components/side-modal/get-default-transition-props.js';
+import '../components/content/base-content/base-content.js';
+import '../Context.js';
+import '../components/footer/base-footer/base-footer.js';
+import '../index.module-a986f9dc.js';
+import '../../../button/modern/desktop';
+import '@alfalab/icons-glyph/CrossMediumMIcon';
+import '../../../typography/modern';
+import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';

package/universal-modal/modern/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -0,0 +1,57 @@
+/* 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 */
+
+    /* новые значения, используйте их */
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    --backdrop-visible-background: var(--color-light-overlay-default);
+    --backdrop-hidden-background: transparent;
+} @keyframes universal-modal__step_1_1vd4v {
+    0% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.5;
+    }
+} @keyframes universal-modal__step_2_1vd4v {
+    0% {
+        opacity: 0.5;
+    }
+    100% {
+        opacity: 0;
+        background-color: var(--backdrop-hidden-background);
+    }
+} .universal-modal__appear_1vd4v,
+.universal-modal__enter_1vd4v {
+    background-color: var(--backdrop-hidden-background);
+} .universal-modal__appearActive_1vd4v,
+.universal-modal__enterActive_1vd4v,
+.universal-modal__appearDone_1vd4v,
+.universal-modal__enterDone_1vd4v {
+    background-color: var(--backdrop-visible-background);
+} .universal-modal__exit_1vd4v {
+    background-color: var(--backdrop-visible-background);
+} .universal-modal__exitActive_1vd4v {
+    opacity: 1;
+    animation: universal-modal__step_1_1vd4v 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_1vd4v 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+} .universal-modal__exitDone_1vd4v {
+    opacity: 0;
+    background-color: var(--backdrop-hidden-background);
+}

package/universal-modal/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -0,0 +1,25 @@
+/* hash: 1lln9 */
+.universal-modal__appear_gbik4,
+.universal-modal__enter_gbik4 {
+    opacity: 0;
+    transform: translateY(40px);
+}
+
+.universal-modal__appearActive_gbik4,
+.universal-modal__enterActive_gbik4 {
+    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_gbik4 {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.universal-modal__exitActive_gbik4,
+.universal-modal__exitDone_gbik4 {
+    opacity: 0;
+    transform: translateY(40px);
+    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+}

package/universal-modal/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -0,0 +1,21 @@
+/* hash: swy17 */
+.universal-modal__appear_11wm6,
+.universal-modal__enter_11wm6 {
+    opacity: 0;
+}
+
+.universal-modal__appearActive_11wm6,
+.universal-modal__enterActive_11wm6 {
+    opacity: 1;
+    transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
+}
+
+.universal-modal__exit_11wm6 {
+    opacity: 1;
+}
+
+.universal-modal__exitActive_11wm6,
+.universal-modal__exitDone_11wm6 {
+    opacity: 0;
+    transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
+}

package/universal-modal/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css

@@ -0,0 +1,25 @@
+/* hash: 1ap20 */
+.universal-modal__appear_9t7ab,
+.universal-modal__enter_9t7ab {
+    opacity: 0;
+    transform: translateY(-40px);
+}
+
+.universal-modal__appearActive_9t7ab,
+.universal-modal__enterActive_9t7ab {
+    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_9t7ab {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.universal-modal__exitActive_9t7ab,
+.universal-modal__exitDone_9t7ab {
+    opacity: 0;
+    transform: translateY(-40px);
+    transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
+}