@alfalab/core-components 48.26.0-beta.1 → 48.27.0

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

@@ -1,4 +1,4 @@
-/* hash: ia41t */
+/* hash: 15a5r */
 :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 */
@@ -25,14 +25,14 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
-} @keyframes universal-modal__step_1_97f43 {
+} @keyframes universal-modal__step_1_cf79r {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0.5;
     }
-} @keyframes universal-modal__step_2_97f43 {
+} @keyframes universal-modal__step_2_cf79r {
     0% {
         opacity: 0.5;
     }
@@ -40,21 +40,21 @@
         opacity: 0;
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
-} .universal-modal__appear_97f43,
-.universal-modal__enter_97f43 {
+} .universal-modal__appear_cf79r,
+.universal-modal__enter_cf79r {
     background-color: var(--universal-modal-backdrop-hidden-background);
-} .universal-modal__appearActive_97f43,
-.universal-modal__enterActive_97f43,
-.universal-modal__appearDone_97f43,
-.universal-modal__enterDone_97f43 {
+} .universal-modal__appearActive_cf79r,
+.universal-modal__enterActive_cf79r,
+.universal-modal__appearDone_cf79r,
+.universal-modal__enterDone_cf79r {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exit_97f43 {
+} .universal-modal__exit_cf79r {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exitActive_97f43 {
+} .universal-modal__exitActive_cf79r {
     opacity: 1;
-    animation: universal-modal__step_1_97f43 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_97f43 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
-} .universal-modal__exitDone_97f43 {
+    animation: universal-modal__step_1_cf79r 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_cf79r 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+} .universal-modal__exitDone_cf79r {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

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

@@ -1,24 +1,24 @@
-/* hash: 163co */
-.universal-modal__appear_1q5vp,
-.universal-modal__enter_1q5vp {
+/* hash: 1t21z */
+.universal-modal__appear_14dhz,
+.universal-modal__enter_14dhz {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_1q5vp,
-.universal-modal__enterActive_1q5vp {
+.universal-modal__appearActive_14dhz,
+.universal-modal__enterActive_14dhz {
     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_1q5vp {
+.universal-modal__exit_14dhz {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1q5vp,
-.universal-modal__exitDone_1q5vp {
+.universal-modal__exitActive_14dhz,
+.universal-modal__exitDone_14dhz {
     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

@@ -1,21 +1,21 @@
-/* hash: qewaj */
-.universal-modal__appear_1mydt,
-.universal-modal__enter_1mydt {
+/* hash: 195bj */
+.universal-modal__appear_knmuu,
+.universal-modal__enter_knmuu {
     opacity: 0;
 }
 
-.universal-modal__appearActive_1mydt,
-.universal-modal__enterActive_1mydt {
+.universal-modal__appearActive_knmuu,
+.universal-modal__enterActive_knmuu {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1mydt {
+.universal-modal__exit_knmuu {
     opacity: 1;
 }
 
-.universal-modal__exitActive_1mydt,
-.universal-modal__exitDone_1mydt {
+.universal-modal__exitActive_knmuu,
+.universal-modal__exitDone_knmuu {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

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

@@ -1,24 +1,24 @@
-/* hash: 18709 */
-.universal-modal__appear_uuyxv,
-.universal-modal__enter_uuyxv {
+/* hash: 1qxfi */
+.universal-modal__appear_1rlc1,
+.universal-modal__enter_1rlc1 {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_uuyxv,
-.universal-modal__enterActive_uuyxv {
+.universal-modal__appearActive_1rlc1,
+.universal-modal__enterActive_1rlc1 {
     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_uuyxv {
+.universal-modal__exit_1rlc1 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_uuyxv,
-.universal-modal__exitDone_uuyxv {
+.universal-modal__exitActive_1rlc1,
+.universal-modal__exitDone_1rlc1 {
     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/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/modern/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/modern/desktop/utils/check-header-and-footer.js

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

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

@@ -1,15 +1,15 @@
 import { exhaustiveCheck } from '../../../../shared/modern';
 
-const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_97f43","enter":"universal-modal__enter_97f43","appearActive":"universal-modal__appearActive_97f43","enterActive":"universal-modal__enterActive_97f43","appearDone":"universal-modal__appearDone_97f43","enterDone":"universal-modal__enterDone_97f43","exit":"universal-modal__exit_97f43","exitActive":"universal-modal__exitActive_97f43","step_1":"universal-modal__step_1_97f43","step_2":"universal-modal__step_2_97f43","exitDone":"universal-modal__exitDone_97f43"};
+const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_cf79r","enter":"universal-modal__enter_cf79r","appearActive":"universal-modal__appearActive_cf79r","enterActive":"universal-modal__enterActive_cf79r","appearDone":"universal-modal__appearDone_cf79r","enterDone":"universal-modal__enterDone_cf79r","exit":"universal-modal__exit_cf79r","exitActive":"universal-modal__exitActive_cf79r","step_1":"universal-modal__step_1_cf79r","step_2":"universal-modal__step_2_cf79r","exitDone":"universal-modal__exitDone_cf79r"};
 require('./../styles/transitions/full-size-backdrop-transitions.css');
 
-const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_1q5vp","enter":"universal-modal__enter_1q5vp","appearActive":"universal-modal__appearActive_1q5vp","enterActive":"universal-modal__enterActive_1q5vp","exit":"universal-modal__exit_1q5vp","exitActive":"universal-modal__exitActive_1q5vp","exitDone":"universal-modal__exitDone_1q5vp"};
+const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_14dhz","enter":"universal-modal__enter_14dhz","appearActive":"universal-modal__appearActive_14dhz","enterActive":"universal-modal__enterActive_14dhz","exit":"universal-modal__exit_14dhz","exitActive":"universal-modal__exitActive_14dhz","exitDone":"universal-modal__exitDone_14dhz"};
 require('./../styles/transitions/full-size-vertical-bottom-transitions.css');
 
-const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_1mydt","enter":"universal-modal__enter_1mydt","appearActive":"universal-modal__appearActive_1mydt","enterActive":"universal-modal__enterActive_1mydt","exit":"universal-modal__exit_1mydt","exitActive":"universal-modal__exitActive_1mydt","exitDone":"universal-modal__exitDone_1mydt"};
+const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_knmuu","enter":"universal-modal__enter_knmuu","appearActive":"universal-modal__appearActive_knmuu","enterActive":"universal-modal__enterActive_knmuu","exit":"universal-modal__exit_knmuu","exitActive":"universal-modal__exitActive_knmuu","exitDone":"universal-modal__exitDone_knmuu"};
 require('./../styles/transitions/full-size-vertical-center-transitions.css');
 
-const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_uuyxv","enter":"universal-modal__enter_uuyxv","appearActive":"universal-modal__appearActive_uuyxv","enterActive":"universal-modal__enterActive_uuyxv","exit":"universal-modal__exit_uuyxv","exitActive":"universal-modal__exitActive_uuyxv","exitDone":"universal-modal__exitDone_uuyxv"};
+const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_1rlc1","enter":"universal-modal__enter_1rlc1","appearActive":"universal-modal__appearActive_1rlc1","enterActive":"universal-modal__enterActive_1rlc1","exit":"universal-modal__exit_1rlc1","exitActive":"universal-modal__exitActive_1rlc1","exitDone":"universal-modal__exitDone_1rlc1"};
 require('./../styles/transitions/full-size-vertical-top-transitions.css');
 
 const getFullSizeModalTransitions = (params) => {

package/universal-modal/modern/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/modern/desktop/utils/get-height-style.js

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

package/universal-modal/{cssm/desktop/utils/get-margins.d.ts → modern/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/modern/desktop/utils/get-margin-styles.js

@@ -0,0 +1,16 @@
+import { hasOwnProperty } from '../../../../shared/modern';
+
+const getMarginStyles = (params) => {
+    const { margin, styles } = params;
+    if (margin) {
+        return {
+            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),
+            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),
+            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),
+            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),
+        };
+    }
+    return {};
+};
+
+export { getMarginStyles };

package/universal-modal/modern/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/modern/desktop/utils/get-max-height-style.js

@@ -0,0 +1,9 @@
+import { hasOwnProperty } from '../../../../shared/modern';
+
+const getMaxHeightStyle = (margin) => {
+    const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;
+    const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;
+    return `calc(100% - ${marginTop}px - ${marginBottom}px)`;
+};
+
+export { getMaxHeightStyle };

package/universal-modal/modern/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/modern/desktop/utils/get-width-style.js

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

package/universal-modal/modern/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/modern/desktop/utils/set-footer-and-header-refs.js

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

package/universal-modal/modern/index.js

@@ -2,32 +2,38 @@ export { UniversalModal, UniversalModalResponsive } from './Component.responsive
 export { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'react';
 import 'classnames';
+import './context/universal-modal-context.js';
 import '../../shared/modern';
 import '../../base-modal/modern';
 export { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
+import './components/header/desktop/Component.desktop.js';
 import '../../navigation-bar-private/modern';
-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/modern';
 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-223060ce.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/modern';
+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/modern/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../typography/modern';
@@ -36,6 +42,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-db8504e8.js';
 import '../../button/modern/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/universal-modal/modern/index.module-db8504e8.js

@@ -0,0 +1,4 @@
+const styles = {"header":"universal-modal__header_wzu8o","highlighted":"universal-modal__highlighted_wzu8o","sticky":"universal-modal__sticky_wzu8o","hasContent":"universal-modal__hasContent_wzu8o","backgroundImage":"universal-modal__backgroundImage_wzu8o","content":"universal-modal__content_wzu8o","title":"universal-modal__title_wzu8o","addon":"universal-modal__addon_wzu8o","closer":"universal-modal__closer_wzu8o","right":"universal-modal__right_wzu8o","trim":"universal-modal__trim_wzu8o"};
+require('./components/header/base-header/index.css');
+
+export { styles as s };

package/universal-modal/modern/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, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "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/modern/mobile/Component.mobile.js

@@ -2,24 +2,27 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../../base-modal/modern';
 import '../../../mq/modern';
+import '../context/universal-modal-context.js';
 import '../../../shared/modern';
 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/modern';
+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-223060ce.js';
+import '../../../navigation-bar-private/modern';
+import '../index.module-db8504e8.js';
 
-const styles = {"component":"universal-modal__component_8akf7","content":"universal-modal__content_8akf7"};
+const styles = {"component":"universal-modal__component_1rm19","content":"universal-modal__content_1rm19"};
 require('./mobile.css');
 
-const rightSideTransitions = {"appear":"universal-modal__appear_75gx8","enter":"universal-modal__enter_75gx8","appearActive":"universal-modal__appearActive_75gx8","enterActive":"universal-modal__enterActive_75gx8","exit":"universal-modal__exit_75gx8","exitActive":"universal-modal__exitActive_75gx8","exitDone":"universal-modal__exitDone_75gx8"};
+const rightSideTransitions = {"appear":"universal-modal__appear_1hz36","enter":"universal-modal__enter_1hz36","appearActive":"universal-modal__appearActive_1hz36","enterActive":"universal-modal__enterActive_1hz36","exit":"universal-modal__exit_1hz36","exitActive":"universal-modal__exitActive_1hz36","exitDone":"universal-modal__exitDone_1hz36"};
 require('./transitions/right-side-transitions.mobile.css');
 
-const transitions = {"appear":"universal-modal__appear_12i11","enter":"universal-modal__enter_12i11","appearActive":"universal-modal__appearActive_12i11","enterActive":"universal-modal__enterActive_12i11","exit":"universal-modal__exit_12i11","exitActive":"universal-modal__exitActive_12i11","exitDone":"universal-modal__exitDone_12i11"};
+const transitions = {"appear":"universal-modal__appear_gpnck","enter":"universal-modal__enter_gpnck","appearActive":"universal-modal__appearActive_gpnck","enterActive":"universal-modal__enterActive_gpnck","exit":"universal-modal__exit_gpnck","exitActive":"universal-modal__exitActive_gpnck","exitDone":"universal-modal__exitDone_gpnck"};
 require('./transitions/transitions.mobile.css');
 
 const UniversalModalMobileComponent = forwardRef((props, ref) => {

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

@@ -1,4 +1,4 @@
-/* hash: krzmc */
+/* hash: wj819 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,10 +22,10 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_1vqx5.universal-modal__button_1vqx5 {
+} /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_17jfd.universal-modal__button_17jfd {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_1vqx5 {
+} .universal-modal__icon_17jfd {
     fill: var(--color-light-neutral-translucent-700);
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { ButtonMobile } from '../../../../../../button/modern/mobile';
 import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
 
-const styles = {"button":"universal-modal__button_1vqx5","icon":"universal-modal__icon_1vqx5"};
+const styles = {"button":"universal-modal__button_17jfd","icon":"universal-modal__icon_17jfd"};
 require('./arrow-button.css');
 
 const ArrowButtonMobile = (props) => {