@alfalab/core-components 48.25.0-beta.0 → 48.25.1-beta.0

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

@@ -1,24 +1,24 @@
 /* hash: 163co */
-.universal-modal__appear_1nc3p,
-.universal-modal__enter_1nc3p {
+.universal-modal__appear_lab2g,
+.universal-modal__enter_lab2g {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_1nc3p,
-.universal-modal__enterActive_1nc3p {
+.universal-modal__appearActive_lab2g,
+.universal-modal__enterActive_lab2g {
     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_1nc3p {
+.universal-modal__exit_lab2g {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1nc3p,
-.universal-modal__exitDone_1nc3p {
+.universal-modal__exitActive_lab2g,
+.universal-modal__exitDone_lab2g {
     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/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -1,21 +1,21 @@
 /* hash: qewaj */
-.universal-modal__appear_1bhph,
-.universal-modal__enter_1bhph {
+.universal-modal__appear_10xrk,
+.universal-modal__enter_10xrk {
     opacity: 0;
 }
 
-.universal-modal__appearActive_1bhph,
-.universal-modal__enterActive_1bhph {
+.universal-modal__appearActive_10xrk,
+.universal-modal__enterActive_10xrk {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1bhph {
+.universal-modal__exit_10xrk {
     opacity: 1;
 }
 
-.universal-modal__exitActive_1bhph,
-.universal-modal__exitDone_1bhph {
+.universal-modal__exitActive_10xrk,
+.universal-modal__exitDone_10xrk {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

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

@@ -1,24 +1,24 @@
 /* hash: 18709 */
-.universal-modal__appear_jeala,
-.universal-modal__enter_jeala {
+.universal-modal__appear_8ucp5,
+.universal-modal__enter_8ucp5 {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_jeala,
-.universal-modal__enterActive_jeala {
+.universal-modal__appearActive_8ucp5,
+.universal-modal__enterActive_8ucp5 {
     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_jeala {
+.universal-modal__exit_8ucp5 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_jeala,
-.universal-modal__exitDone_jeala {
+.universal-modal__exitActive_8ucp5,
+.universal-modal__exitDone_8ucp5 {
     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/esm/desktop/types/props.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 import { BaseModalProps } from "../../../../base-modal";
 import { TMargin } from "../../typings/margin-type";
 type BaseUniversalModalProps = {
@@ -21,10 +22,11 @@ type BaseUniversalModalProps = {
     /**
      * Высота модального окна
      * fullHeight - высота модального окна подстроится под viewport
+     * hugContent - высота модального окна зафиксируется под размер содержимого
      * minHeight - 264
      * @default fullHeight
      */
-    height?: number | 'fullHeight';
+    height?: number | 'fullHeight' | 'hugContent';
     /**
      * Наличие оверлея
      * @default true
@@ -39,7 +41,10 @@ type BaseUniversalModalProps = {
      */
     onClose?: () => void;
 };
-type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps'>;
-type ModalBySideProps = UniversalModalDesktopProps;
-type ModalByCenterProps = UniversalModalDesktopProps;
-export { BaseUniversalModalProps, UniversalModalDesktopProps, ModalBySideProps, ModalByCenterProps };
+type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps'>> & {
+    /**
+     * Реф контейнера на котором происходит scroll
+     */
+    scrollableContainerRef?: RefObject<HTMLDivElement>;
+};
+export { BaseUniversalModalProps, UniversalModalDesktopProps };

package/universal-modal/esm/desktop/utils/check-header-and-footer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare const checkHeaderAndFooter: (children: ReactNode) => {
+    hasHeader: boolean;
+    hasFooter: boolean;
+};
+export { checkHeaderAndFooter };

package/universal-modal/esm/desktop/utils/check-header-and-footer.js

@@ -0,0 +1,20 @@
+import { Children, isValidElement } from 'react';
+
+var checkHeaderAndFooter = function (children) {
+    var hasHeader = false;
+    var hasFooter = false;
+    Children.forEach(children, function (child) {
+        if (isValidElement(child)) {
+            var displayName = child.type.displayName;
+            if (displayName === 'HeaderDesktop') {
+                hasHeader = true;
+            }
+            if (displayName === 'FooterDesktop') {
+                hasFooter = true;
+            }
+        }
+    });
+    return { hasHeader: hasHeader, hasFooter: hasFooter };
+};
+
+export { checkHeaderAndFooter };

package/universal-modal/esm/desktop/utils/get-full-size-modal-transitions.js

@@ -1,15 +1,15 @@
 import { exhaustiveCheck } from '../../../../shared/esm';
 
-var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_17qm9","enter":"universal-modal__enter_17qm9","appearActive":"universal-modal__appearActive_17qm9","enterActive":"universal-modal__enterActive_17qm9","appearDone":"universal-modal__appearDone_17qm9","enterDone":"universal-modal__enterDone_17qm9","exit":"universal-modal__exit_17qm9","exitActive":"universal-modal__exitActive_17qm9","step_1":"universal-modal__step_1_17qm9","step_2":"universal-modal__step_2_17qm9","exitDone":"universal-modal__exitDone_17qm9"};
+var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_x6ode","enter":"universal-modal__enter_x6ode","appearActive":"universal-modal__appearActive_x6ode","enterActive":"universal-modal__enterActive_x6ode","appearDone":"universal-modal__appearDone_x6ode","enterDone":"universal-modal__enterDone_x6ode","exit":"universal-modal__exit_x6ode","exitActive":"universal-modal__exitActive_x6ode","step_1":"universal-modal__step_1_x6ode","step_2":"universal-modal__step_2_x6ode","exitDone":"universal-modal__exitDone_x6ode"};
 require('./../styles/transitions/full-size-backdrop-transitions.css');
 
-var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_1nc3p","enter":"universal-modal__enter_1nc3p","appearActive":"universal-modal__appearActive_1nc3p","enterActive":"universal-modal__enterActive_1nc3p","exit":"universal-modal__exit_1nc3p","exitActive":"universal-modal__exitActive_1nc3p","exitDone":"universal-modal__exitDone_1nc3p"};
+var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_lab2g","enter":"universal-modal__enter_lab2g","appearActive":"universal-modal__appearActive_lab2g","enterActive":"universal-modal__enterActive_lab2g","exit":"universal-modal__exit_lab2g","exitActive":"universal-modal__exitActive_lab2g","exitDone":"universal-modal__exitDone_lab2g"};
 require('./../styles/transitions/full-size-vertical-bottom-transitions.css');
 
-var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_1bhph","enter":"universal-modal__enter_1bhph","appearActive":"universal-modal__appearActive_1bhph","enterActive":"universal-modal__enterActive_1bhph","exit":"universal-modal__exit_1bhph","exitActive":"universal-modal__exitActive_1bhph","exitDone":"universal-modal__exitDone_1bhph"};
+var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_10xrk","enter":"universal-modal__enter_10xrk","appearActive":"universal-modal__appearActive_10xrk","enterActive":"universal-modal__enterActive_10xrk","exit":"universal-modal__exit_10xrk","exitActive":"universal-modal__exitActive_10xrk","exitDone":"universal-modal__exitDone_10xrk"};
 require('./../styles/transitions/full-size-vertical-center-transitions.css');
 
-var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_jeala","enter":"universal-modal__enter_jeala","appearActive":"universal-modal__appearActive_jeala","enterActive":"universal-modal__enterActive_jeala","exit":"universal-modal__exit_jeala","exitActive":"universal-modal__exitActive_jeala","exitDone":"universal-modal__exitDone_jeala"};
+var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_8ucp5","enter":"universal-modal__enter_8ucp5","appearActive":"universal-modal__appearActive_8ucp5","enterActive":"universal-modal__enterActive_8ucp5","exit":"universal-modal__exit_8ucp5","exitActive":"universal-modal__exitActive_8ucp5","exitDone":"universal-modal__exitDone_8ucp5"};
 require('./../styles/transitions/full-size-vertical-top-transitions.css');
 
 var getFullSizeModalTransitions = function (params) {

package/universal-modal/esm/desktop/utils/get-height-style.d.ts

@@ -0,0 +1,3 @@
+import { UniversalModalDesktopProps } from "../types/props";
+declare const getHeightStyle: (height: Exclude<UniversalModalDesktopProps['height'], undefined>, margin: UniversalModalDesktopProps['margin']) => string;
+export { getHeightStyle };

package/universal-modal/esm/desktop/utils/get-height-style.js

@@ -0,0 +1,16 @@
+import { isClient, hasOwnProperty } from '../../../../shared/esm';
+
+var getHeightStyle = function (height, margin) {
+    var viewportHeight = 0;
+    if (isClient()) {
+        viewportHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+    }
+    if (height > viewportHeight || height === 'fullHeight') {
+        var marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;
+        var marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;
+        return "calc(100% - ".concat(marginTop, "px - ").concat(marginBottom, "px)");
+    }
+    return "".concat(height, "px");
+};
+
+export { getHeightStyle };

package/universal-modal/{modern/desktop/utils/get-margins.d.ts → esm/desktop/utils/get-margin-styles.d.ts}

@@ -3,5 +3,5 @@ type Params = {
     styles: Record<string, string>;
     margin: UniversalModalDesktopProps['margin'];
 };
-declare const getMargins: (params: Params) => Record<string, boolean>;
-export { getMargins };
+declare const getMarginStyles: (params: Params) => Record<string, boolean>;
+export { getMarginStyles };

package/universal-modal/esm/desktop/utils/get-margin-styles.js

@@ -0,0 +1,17 @@
+import { hasOwnProperty } from '../../../../shared/esm';
+
+var getMarginStyles = function (params) {
+    var _a;
+    var margin = params.margin, styles = params.styles;
+    if (margin) {
+        return _a = {},
+            _a[styles["marginTop-".concat(margin.top)]] = hasOwnProperty(margin, 'top'),
+            _a[styles["marginRight-".concat(margin.right)]] = hasOwnProperty(margin, 'right'),
+            _a[styles["marginBottom-".concat(margin.bottom)]] = hasOwnProperty(margin, 'bottom'),
+            _a[styles["marginLeft-".concat(margin.left)]] = hasOwnProperty(margin, 'left'),
+            _a;
+    }
+    return {};
+};
+
+export { getMarginStyles };

package/universal-modal/esm/desktop/utils/get-max-height-style.d.ts

@@ -0,0 +1,3 @@
+import { UniversalModalDesktopProps } from "../types/props";
+declare const getMaxHeightStyle: (margin: UniversalModalDesktopProps['margin']) => string;
+export { getMaxHeightStyle };

package/universal-modal/esm/desktop/utils/get-max-height-style.js

@@ -0,0 +1,9 @@
+import { hasOwnProperty } from '../../../../shared/esm';
+
+var getMaxHeightStyle = function (margin) {
+    var marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;
+    var marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;
+    return "calc(100% - ".concat(marginTop, "px - ").concat(marginBottom, "px)");
+};
+
+export { getMaxHeightStyle };

package/universal-modal/esm/desktop/utils/get-width-style.d.ts

@@ -0,0 +1,3 @@
+import { UniversalModalDesktopProps } from "../types/props";
+declare const getWidthStyle: (width: Exclude<UniversalModalDesktopProps['width'], undefined>, margin: UniversalModalDesktopProps['margin']) => string;
+export { getWidthStyle };

package/universal-modal/esm/desktop/utils/get-width-style.js

@@ -0,0 +1,16 @@
+import { isClient, hasOwnProperty } from '../../../../shared/esm';
+
+var getWidthStyle = function (width, margin) {
+    var viewportWidth = 0;
+    if (isClient()) {
+        viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+    }
+    if (width > viewportWidth || width === 'fullWidth') {
+        var marginLeft = (margin && hasOwnProperty(margin, 'left') && margin.left) || 0;
+        var marginRight = (margin && hasOwnProperty(margin, 'right') && margin.right) || 0;
+        return "calc(100% - ".concat(marginLeft, "px - ").concat(marginRight, "px)");
+    }
+    return "".concat(width, "px");
+};
+
+export { getWidthStyle };

package/universal-modal/esm/desktop/utils/set-footer-and-header-refs.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ReactElement, ReactNode, RefObject } from 'react';
+type Params = {
+    children: ReactNode;
+    headerElementRef: RefObject<HTMLDivElement>;
+    footerElementRef: RefObject<HTMLDivElement>;
+};
+/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */
+declare const setFooterAndHeaderRefs: (params: Params) => {
+    enhancedChildren: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment)[] | null | undefined;
+};
+export { setFooterAndHeaderRefs };

package/universal-modal/esm/desktop/utils/set-footer-and-header-refs.js

@@ -0,0 +1,25 @@
+import { Children, isValidElement, cloneElement } from 'react';
+import mergeRefs from 'react-merge-refs';
+
+/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */
+var setFooterAndHeaderRefs = function (params) {
+    var children = params.children, headerElementRef = params.headerElementRef, footerElementRef = params.footerElementRef;
+    var enhancedChildren = Children.map(children, function (child) {
+        if (!isValidElement(child)) {
+            return child;
+        }
+        var displayName = child.type.displayName;
+        if (displayName === 'HeaderDesktop') {
+            var existingRef = child;
+            return cloneElement(child, { ref: mergeRefs([existingRef.ref, headerElementRef]) });
+        }
+        if (displayName === 'FooterDesktop') {
+            var existingRef = child;
+            return cloneElement(child, { ref: mergeRefs([existingRef.ref, footerElementRef]) });
+        }
+        return child;
+    });
+    return { enhancedChildren: enhancedChildren };
+};
+
+export { setFooterAndHeaderRefs };

package/universal-modal/esm/index.js

@@ -3,32 +3,38 @@ export { ContentResponsive } from './components/content/responsive/Component.res
 import 'tslib';
 import 'react';
 import 'classnames';
+import './context/universal-modal-context.js';
 import '../../shared/esm';
 import '../../base-modal/esm';
 export { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
+import './components/header/desktop/Component.desktop.js';
 import '../../navigation-bar-private/esm';
-import './ResponsiveContext.js';
 export { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
+import './components/footer/desktop/Component.desktop.js';
+import './components/footer/base-footer/base-footer.js';
 import '../../mq/esm';
 import './desktop/Component.desktop.js';
 import './components/content/desktop/Component.desktop.js';
 import './components/content/base-content/base-content.js';
 import './Context.js';
-import './components/footer/desktop/Component.desktop.js';
-import './desktop/constants/index.js';
-import './components/footer/base-footer/base-footer.js';
-import './components/header/desktop/Component.desktop.js';
-import './index.module-a77a9ec0.js';
 import './desktop/components/center-modal/center-modal.js';
-import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalWheel.js';
-import './desktop/hooks/useModalWidth.js';
 import './desktop/utils/get-full-size-modal-transitions.js';
-import './desktop/utils/get-margins.js';
-import './desktop/components/base-universal-modal-content/base-universal-modal-content.js';
+import './desktop/utils/get-height-style.js';
+import './desktop/utils/get-margin-styles.js';
+import './desktop/utils/get-max-height-style.js';
+import './desktop/utils/get-width-style.js';
+import './desktop/components/modal-content/modal-content.js';
+import 'react-merge-refs';
 import '../../scrollbar/esm';
+import './desktop/hooks/use-modal-highlighted.js';
+import './desktop/hooks/use-outside-scroll.js';
+import './desktop/hooks/use-set-scrollbar-height.js';
+import './desktop/constants/index.js';
+import './desktop/utils/set-footer-and-header-refs.js';
 import './desktop/components/side-modal/side-modal.js';
 import './desktop/components/side-modal/get-default-transition-props.js';
+import './desktop/utils/check-header-and-footer.js';
 import '../../button/esm/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../typography/esm';
@@ -37,6 +43,7 @@ import './mobile/Component.mobile.js';
 import './components/content/mobile/Component.mobile.js';
 import './components/footer/mobile/Component.mobile.js';
 import './components/header/mobile/Component.mobile.js';
+import './index.module-a7bb3743.js';
 import '../../button/esm/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

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

@@ -0,0 +1,4 @@
+var styles = {"header":"universal-modal__header_gppin","highlighted":"universal-modal__highlighted_gppin","sticky":"universal-modal__sticky_gppin","hasContent":"universal-modal__hasContent_gppin","backgroundImage":"universal-modal__backgroundImage_gppin","content":"universal-modal__content_gppin","title":"universal-modal__title_gppin","addon":"universal-modal__addon_gppin","closer":"universal-modal__closer_gppin","right":"universal-modal__right_gppin","trim":"universal-modal__trim_gppin"};
+require('./components/header/base-header/index.css');
+
+export { styles as s };

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

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

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

@@ -3,24 +3,27 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../../base-modal/esm';
 import '../../../mq/esm';
+import '../context/universal-modal-context.js';
 import '../../../shared/esm';
 import { ContentMobile } from '../components/content/mobile/Component.mobile.js';
-import '../ResponsiveContext.js';
+import '../components/footer/desktop/Component.desktop.js';
 import { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
-import '../../../navigation-bar-private/esm';
+import '../components/header/desktop/Component.desktop.js';
 import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
-import '../components/content/base-content/base-content.js';
 import '../Context.js';
+import '../components/content/base-content/base-content.js';
+import '../desktop/constants/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-a77a9ec0.js';
+import '../../../navigation-bar-private/esm';
+import '../index.module-a7bb3743.js';
 
-var styles = {"component":"universal-modal__component_bjixh","content":"universal-modal__content_bjixh"};
+var styles = {"component":"universal-modal__component_1dlbk","content":"universal-modal__content_1dlbk"};
 require('./mobile.css');
 
-var rightSideTransitions = {"appear":"universal-modal__appear_z0hh0","enter":"universal-modal__enter_z0hh0","appearActive":"universal-modal__appearActive_z0hh0","enterActive":"universal-modal__enterActive_z0hh0","exit":"universal-modal__exit_z0hh0","exitActive":"universal-modal__exitActive_z0hh0","exitDone":"universal-modal__exitDone_z0hh0"};
+var rightSideTransitions = {"appear":"universal-modal__appear_21621","enter":"universal-modal__enter_21621","appearActive":"universal-modal__appearActive_21621","enterActive":"universal-modal__enterActive_21621","exit":"universal-modal__exit_21621","exitActive":"universal-modal__exitActive_21621","exitDone":"universal-modal__exitDone_21621"};
 require('./transitions/right-side-transitions.mobile.css');
 
-var transitions = {"appear":"universal-modal__appear_zo925","enter":"universal-modal__enter_zo925","appearActive":"universal-modal__appearActive_zo925","enterActive":"universal-modal__enterActive_zo925","exit":"universal-modal__exit_zo925","exitActive":"universal-modal__exitActive_zo925","exitDone":"universal-modal__exitDone_zo925"};
+var transitions = {"appear":"universal-modal__appear_1wnkh","enter":"universal-modal__enter_1wnkh","appearActive":"universal-modal__appearActive_1wnkh","enterActive":"universal-modal__enterActive_1wnkh","exit":"universal-modal__exit_1wnkh","exitActive":"universal-modal__exitActive_1wnkh","exitDone":"universal-modal__exitDone_1wnkh"};
 require('./transitions/transitions.mobile.css');
 
 var UniversalModalMobileComponent = forwardRef(function (props, ref) {

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

@@ -22,10 +22,10 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_oktnp.universal-modal__button_oktnp {
+} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_1qmma.universal-modal__button_1qmma {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_oktnp {
+} .universal-modal__icon_1qmma {
     fill: var(--color-light-neutral-translucent-700);
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { ButtonMobile } from '../../../../../../button/esm/mobile';
 import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
 
-var styles = {"button":"universal-modal__button_oktnp","icon":"universal-modal__icon_oktnp"};
+var styles = {"button":"universal-modal__button_1qmma","icon":"universal-modal__icon_1qmma"};
 require('./arrow-button.css');
 
 var ArrowButtonMobile = function (props) {

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

@@ -22,10 +22,10 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_orxhd.universal-modal__button_orxhd {
+} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_zbvdi.universal-modal__button_zbvdi {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_orxhd {
+} .universal-modal__icon_zbvdi {
     fill: var(--color-light-neutral-translucent-700);
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { ButtonMobile } from '../../../../../../button/esm/mobile';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"button":"universal-modal__button_orxhd","icon":"universal-modal__icon_orxhd"};
+var styles = {"button":"universal-modal__button_zbvdi","icon":"universal-modal__icon_zbvdi"};
 require('./cross-button.css');
 
 var CrossButtonMobile = function (props) {

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

@@ -2,20 +2,23 @@ export { UniversalModalMobile, UniversalModalMobileComponent } from './Component
 import 'tslib';
 import 'react';
 import '../../../mq/esm';
+import '../components/header/desktop/Component.desktop.js';
+export { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
+import '../components/footer/desktop/Component.desktop.js';
+export { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
 import 'classnames';
-import '../../../navigation-bar-private/esm';
+import '../context/universal-modal-context.js';
 import '../../../shared/esm';
 import '../../../base-modal/esm';
-import '../ResponsiveContext.js';
-export { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
-export { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
 export { ContentMobile } from '../components/content/mobile/Component.mobile.js';
 export { CrossButtonMobile } from './components/buttons/cross-button/cross-button.js';
 export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-button.js';
-import '../components/content/base-content/base-content.js';
 import '../Context.js';
+import '../components/content/base-content/base-content.js';
+import '../desktop/constants/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-a77a9ec0.js';
+import '../../../navigation-bar-private/esm';
+import '../index.module-a7bb3743.js';
 import '../../../button/esm/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/universal-modal/esm/mobile/mobile.css

@@ -22,7 +22,7 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__component_bjixh {
+} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__component_1dlbk {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -31,9 +31,9 @@
     max-width: 600px;
     display: flex;
     flex-direction: column
-} .universal-modal__component_bjixh .universal-modal__content_bjixh {
+} .universal-modal__component_1dlbk .universal-modal__content_1dlbk {
         height: auto;
-    } .universal-modal__component_bjixh.universal-modal__component_bjixh {
+    } .universal-modal__component_1dlbk.universal-modal__component_1dlbk {
     position: fixed;
     flex: 1;
 }

package/universal-modal/esm/mobile/transitions/right-side-transitions.mobile.css

@@ -21,18 +21,18 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__appear_z0hh0,
-.universal-modal__enter_z0hh0 {
+} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__appear_21621,
+.universal-modal__enter_21621 {
     transform: translateX(100%);
-} .universal-modal__appearActive_z0hh0,
-.universal-modal__enterActive_z0hh0 {
+} .universal-modal__appearActive_21621,
+.universal-modal__enterActive_21621 {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .universal-modal__exit_z0hh0 {
+} .universal-modal__exit_21621 {
     transform: translateX(0);
-} .universal-modal__exitActive_z0hh0,
-.universal-modal__exitDone_z0hh0 {
+} .universal-modal__exitActive_21621,
+.universal-modal__exitDone_21621 {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/universal-modal/esm/mobile/transitions/transitions.mobile.css

@@ -1,24 +1,24 @@
 /* hash: j2q7c */
-.universal-modal__appear_zo925,
-.universal-modal__enter_zo925 {
+.universal-modal__appear_1wnkh,
+.universal-modal__enter_1wnkh {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_zo925,
-.universal-modal__enterActive_zo925 {
+.universal-modal__appearActive_1wnkh,
+.universal-modal__enterActive_1wnkh {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.universal-modal__exit_zo925 {
+.universal-modal__exit_1wnkh {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_zo925,
-.universal-modal__exitDone_zo925 {
+.universal-modal__exitActive_1wnkh,
+.universal-modal__exitDone_1wnkh {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

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

@@ -7,5 +7,5 @@ type BaseUniversalModalMobileProps = {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 };
-type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>;
+type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>>;
 export { BaseUniversalModalMobileProps, UniversalModalMobileProps };