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

package/universal-modal/desktop/components/modal-by-side/transitions.desktop.css

@@ -1,35 +0,0 @@
-/* hash: q964o */
-.universal-modal__appearRight_1ko11 {
-    opacity: 0;
-}
-
-.universal-modal__enterRight_1ko11 {
-    opacity: 0;
-}
-
-.universal-modal__appearLeft_1ko11 {
-    opacity: 0;
-}
-
-.universal-modal__enterLeft_1ko11 {
-    opacity: 0;
-}
-
-.universal-modal__enterActive_1ko11 {
-    opacity: 1;
-    transition: opacity 200ms ease-in;
-}
-
-.universal-modal__exit_1ko11 {
-    opacity: 1;
-}
-
-.universal-modal__exitActiveRight_1ko11 {
-    opacity: 0;
-    transition: opacity 200ms ease-out;
-}
-
-.universal-modal__exitActiveLeft_1ko11 {
-    opacity: 0;
-    transition: opacity 200ms ease-out;
-}

package/universal-modal/desktop/constants/footerPresetTypes.d.ts

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

package/universal-modal/desktop/constants/footerPresetTypes.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FooterPresetTypes = {
-    FOOTER_WITH_CONTENT: 'footer_with_content',
-};
-
-exports.FooterPresetTypes = FooterPresetTypes;

package/universal-modal/desktop/constants/headerPresetTypes.d.ts

@@ -1,7 +0,0 @@
-declare const HeaderPresetTypes: {
-    readonly HEADER_WITH_NAVIGATION_WITHOUT_TITLE: "header_with_navigation_without_title";
-    readonly HEADER_WITH_NAVIGATION_WITH_TITLE: "header_with_navigation_with_title";
-    readonly HEADER_WITH_TITLE: "get_header_with_title";
-};
-declare const FOOTER_MEDIUM_BREAKPOINT = 800;
-export { HeaderPresetTypes, FOOTER_MEDIUM_BREAKPOINT };

package/universal-modal/desktop/constants/headerPresetTypes.js

@@ -1,11 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var HeaderPresetTypes = {
-    HEADER_WITH_NAVIGATION_WITHOUT_TITLE: 'header_with_navigation_without_title',
-    HEADER_WITH_NAVIGATION_WITH_TITLE: 'header_with_navigation_with_title',
-    HEADER_WITH_TITLE: 'get_header_with_title',
-};
-var FOOTER_MEDIUM_BREAKPOINT = 800;
-
-exports.FOOTER_MEDIUM_BREAKPOINT = FOOTER_MEDIUM_BREAKPOINT;
-exports.HeaderPresetTypes = HeaderPresetTypes;

package/universal-modal/desktop/constants/types.d.ts

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

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

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SCROLLBAR_DEFAULT_GAP = 16;
-
-exports.SCROLLBAR_DEFAULT_GAP = SCROLLBAR_DEFAULT_GAP;

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

@@ -1,31 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsShared = require('../../../shared');
-
-/** Устанавливает необходимую высоту модального окна */
-var useModalHeight = function (height, open, componentRef) {
-    var ref = componentRef;
-    React.useEffect(function () {
-        if (ref.current) {
-            var viewportHeight = 0;
-            var computedMarginTop = 0;
-            var computedMarginBottom = 0;
-            if (coreComponentsShared.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]);
-};
-
-exports.useModalHeight = useModalHeight;

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

@@ -1,27 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('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;
-    React.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]);
-};
-
-exports.useModalMargin = useModalMargin;

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

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-var useModalWheel = function (overlay) {
-    var _a = React.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 };
-};
-
-exports.useModalWheel = useModalWheel;

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

@@ -1,39 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsShared = require('../../../shared');
-var ResponsiveContext = require('../../ResponsiveContext.js');
-
-/** Устанавливает необходимую ширину модального окна */
-var useModalWidth = function (width, open, componentRef) {
-    var ref = componentRef;
-    var context = React.useContext(ResponsiveContext.ResponsiveContext);
-    var setModalWidth = (context || {}).setModalWidth;
-    React.useEffect(function () {
-        if (ref.current) {
-            var viewportWidth = 0;
-            var computedMarginLeft = 0;
-            var computedMarginRight = 0;
-            if (coreComponentsShared.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]);
-};
-
-exports.useModalWidth = useModalWidth;

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

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

package/universal-modal/desktop/index.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var desktop_Component_desktop = require('./Component.desktop.js');
-
-
-
-exports.UniversalModalDesktop = desktop_Component_desktop.UniversalModalDesktop;

package/universal-modal/desktop/package.json

@@ -1,3 +0,0 @@
-{
-    "module": "../esm/desktop/index.js"
-}

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

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

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

@@ -1 +0,0 @@
-

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

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

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

@@ -1 +0,0 @@
-

package/universal-modal/esm/Component-93df0d9e.d.ts

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

package/universal-modal/esm/Component-93df0d9e.js

@@ -1,29 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { getDataTestId } from '../../shared/esm';
-import { ModalContext } from './Context.js';
-import { ResponsiveContext } from './ResponsiveContext.js';
-import '../../base-modal/esm';
-
-var styles$1 = {"content":"universal-modal__content_n0bws","withHeader":"universal-modal__withHeader_n0bws","withFooter":"universal-modal__withFooter_n0bws","flex":"universal-modal__flex_n0bws"};
-require('./components/content/index.css');
-
-var styles = {"content":"universal-modal__content_143vu","withFooter":"universal-modal__withFooter_143vu"};
-require('./components/content/mobile.css');
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = useContext(ModalContext), contentRef = _c.contentRef, hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
-    var responsiveContext = useContext(ResponsiveContext);
-    var _d = (responsiveContext || {}).view, view = _d === void 0 ? 'desktop' : _d;
-    var isMobile = view === 'mobile';
-    return (React.createElement("div", { className: cn(styles$1.content, className, styles$1.flex, (_b = {},
-            _b[styles$1.withHeader] = hasHeader,
-            _b[styles$1.withFooter] = hasFooter,
-            _b[styles.content] = isMobile,
-            _b[styles.withFooter] = isMobile,
-            _b)), ref: contentRef, "data-test-id": dataTestId || getDataTestId(responsiveContext === null || responsiveContext === void 0 ? void 0 : responsiveContext.dataTestId, 'content') }, children));
-};
-
-export { Content as C, styles as s };

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
-    breakpoint?: number | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Controls: React.FC<import("./components/controls/index").ControlsProps>;
-    Content: (props: any) => React.JSX.Element;
-    Footer: (props: any) => React.JSX.Element;
-};
-export { UniversalModalResponsive };

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

@@ -1,51 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint, isClient } from '../../shared/esm';
-import { Controls } from './components/controls/Component.js';
-import { Header } from './components/header/Component.js';
-import { createResponsive } from './utils/createResponsive.js';
-import { UniversalModalDesktop } from './desktop/Component.desktop.js';
-import { UniversalModalMobile } from './mobile/Component.mobile.js';
-import 'classnames';
-import './ResponsiveContext.js';
-import './layout.module-5027288c.js';
-import '../../navigation-bar-private/esm';
-import './Context.js';
-import '../../base-modal/esm';
-import './components/content/Component.desktop.js';
-import './Component-93df0d9e.js';
-import './components/footer/Component.desktop.js';
-import './components/footer/Component.js';
-import './desktop/constants/headerPresetTypes.js';
-import './desktop/components/modal-by-center/modal-by-center.js';
-import './desktop/hooks/useModalHeight.js';
-import './desktop/hooks/useModalMargin.js';
-import './desktop/hooks/useModalWheel.js';
-import './desktop/hooks/useModalWidth.js';
-import './desktop/components/base-universal-modal-content/base-universal-modal-content.js';
-import '../../scrollbar/esm';
-import './desktop/constants/types.js';
-import './desktop/components/modal-by-side/modal-by-side.js';
-import 'react-merge-refs';
-import '../../drawer/esm';
-import './components/content/Component.mobile.js';
-import './components/footer/Component.mobile.js';
-
-var UniversalModal = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue", "dataTestId"]);
-    var query = "(min-width: ".concat(breakpoint, "px)");
-    var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
-    var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
-    var Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;
-    return (React.createElement(Component, __assign({ ref: ref, dataTestId: dataTestId }, restProps), children));
-});
-var UniversalModalResponsive = Object.assign(UniversalModal, {
-    Header: Header,
-    Controls: Controls,
-    Content: createResponsive(UniversalModalDesktop.Content, UniversalModalMobile.Content),
-    Footer: createResponsive(UniversalModalDesktop.Footer, UniversalModalMobile.Footer),
-});
-UniversalModalResponsive.displayName = 'UniversalModalResponsive';
-
-export { UniversalModalResponsive };

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

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

package/universal-modal/esm/Context.js

@@ -1,5 +0,0 @@
-import { BaseModalContext } from '../../base-modal/esm';
-
-var ModalContext = BaseModalContext;
-
-export { ModalContext };

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

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

package/universal-modal/esm/ResponsiveContext.js

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

package/universal-modal/esm/components/content/Component.desktop.d.ts

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

package/universal-modal/esm/components/content/Component.desktop.js

@@ -1,15 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import cn from 'classnames';
-import { C as Content } from '../../Component-93df0d9e.js';
-import '../../../../shared/esm';
-import '../../Context.js';
-import '../../../../base-modal/esm';
-import '../../ResponsiveContext.js';
-
-var ContentDesktop = function (_a) {
-    var className = _a.className, restProps = __rest(_a, ["className"]);
-    return (React.createElement(Content, __assign({ className: cn(className) }, restProps)));
-};
-
-export { ContentDesktop };

package/universal-modal/esm/components/content/Component.js

@@ -1,7 +0,0 @@
-import 'react';
-import 'classnames';
-import '../../../../shared/esm';
-import '../../../../base-modal/esm';
-import '../../ResponsiveContext.js';
-export { C as Content } from '../../Component-93df0d9e.js';
-import '../../Context.js';

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

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

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

@@ -1,15 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import cn from 'classnames';
-import { C as Content, s as styles } from '../../Component-93df0d9e.js';
-import '../../../../shared/esm';
-import '../../Context.js';
-import '../../../../base-modal/esm';
-import '../../ResponsiveContext.js';
-
-var ContentMobile = function (_a) {
-    var className = _a.className, restProps = __rest(_a, ["className"]);
-    return (React.createElement(Content, __assign({ className: cn(className, styles.content) }, restProps)));
-};
-
-export { ContentMobile };

package/universal-modal/esm/components/content/index.css

@@ -1,49 +0,0 @@
-/* hash: 1ekaa */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
-    --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-    --gap-0: 0;
-    --gap-16: var(--gap-m);
-    --gap-32: var(--gap-2xl);
-} :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-} .universal-modal__content_n0bws {
-    position: relative;
-    box-sizing: border-box;
-    width: 100%;
-    z-index: 0;
-    padding: var(--gap-32) var(--gap-32) var(--gap-32)
-} .universal-modal__content_n0bws.universal-modal__withHeader_n0bws {
-        padding-top: var(--gap-0);
-    } .universal-modal__content_n0bws.universal-modal__withFooter_n0bws {
-        padding-bottom: var(--gap-16);
-    } .universal-modal__flex_n0bws {
-    flex: 1 1 auto;
-}