@alfalab/core-components-universal-modal 3.2.5 → 3.2.6-alfasans

package/modern/mobile/components/footer/index.css

@@ -2,9 +2,9 @@
     --gap-0: 0px;
     --gap-20: 20px;
 }
-.universal-modal__footer_f3rpc {
+.universal-modal__footer_91cl4 {
     padding: var(--gap-20);
 }
-.universal-modal__sticky_f3rpc {
+.universal-modal__sticky_91cl4 {
     bottom: var(--gap-0);
 }

package/modern/mobile/components/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"universal-modal__footer_f3rpc","sticky":"universal-modal__sticky_f3rpc"};
+const styles = {"footer":"universal-modal__footer_91cl4","sticky":"universal-modal__sticky_91cl4"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/mobile/components/footer/layout.mobile.css

@@ -1,25 +1,25 @@
 :root {
     --gap-8: 8px;
 }
-.universal-modal__column_1jb1d {
+.universal-modal__column_4w2gm {
     flex-direction: column;
 }
-.universal-modal__start_1jb1d {
+.universal-modal__start_4w2gm {
     justify-content: flex-start;
 }
-.universal-modal__center_1jb1d {
+.universal-modal__center_4w2gm {
     justify-content: center;
 }
-.universal-modal__space-between_1jb1d {
+.universal-modal__space-between_4w2gm {
     justify-content: space-between;
 }
-.universal-modal__space-between_1jb1d > * {
+.universal-modal__space-between_4w2gm > * {
         flex: 1;
     }
-.universal-modal__start_1jb1d,
-.universal-modal__center_1jb1d,
-.universal-modal__space-between_1jb1d,
-.universal-modal__column_1jb1d {
+.universal-modal__start_4w2gm,
+.universal-modal__center_4w2gm,
+.universal-modal__space-between_4w2gm,
+.universal-modal__column_4w2gm {
     display: flex;
     gap: var(--gap-8);
 }

package/modern/mobile/components/footer/layout.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-const layoutStylesMobile = {"column":"universal-modal__column_1jb1d","start":"universal-modal__start_1jb1d","center":"universal-modal__center_1jb1d","space-between":"universal-modal__space-between_1jb1d"};
+const layoutStylesMobile = {"column":"universal-modal__column_4w2gm","start":"universal-modal__start_4w2gm","center":"universal-modal__center_4w2gm","space-between":"universal-modal__space-between_4w2gm"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/modern/mobile/components/header/index.css

@@ -6,25 +6,28 @@
     --gap-16: 16px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.universal-modal__header_12kb3 {
+.universal-modal__header_1wgoa {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_12kb3 {
+.universal-modal__content_1wgoa {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_12kb3 {
+.universal-modal__bottomAddons_1wgoa {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

package/modern/mobile/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const mobileStyles = {"header":"universal-modal__header_12kb3","content":"universal-modal__content_12kb3","bottomAddons":"universal-modal__bottomAddons_12kb3"};
+const mobileStyles = {"header":"universal-modal__header_1wgoa","content":"universal-modal__content_1wgoa","bottomAddons":"universal-modal__bottomAddons_1wgoa"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_1eqzm {
+.universal-modal__component_1yulo {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_1eqzm .universal-modal__content_1eqzm {
+.universal-modal__component_1yulo .universal-modal__content_1yulo {
         height: auto;
     }
-.universal-modal__component_1eqzm.universal-modal__component_1eqzm {
+.universal-modal__component_1yulo.universal-modal__component_1yulo {
     position: fixed;
     flex: 1;
 }

package/modern/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_1eqzm","content":"universal-modal__content_1eqzm"};
+const styles = {"component":"universal-modal__component_1yulo","content":"universal-modal__content_1yulo"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_ua87x,
-.universal-modal__enter_ua87x {
+.universal-modal__appear_1225a,
+.universal-modal__enter_1225a {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_ua87x,
-.universal-modal__enterActive_ua87x {
+.universal-modal__appearActive_1225a,
+.universal-modal__enterActive_1225a {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_ua87x {
+.universal-modal__exit_1225a {
     transform: translateX(0);
 }
-.universal-modal__exitActive_ua87x,
-.universal-modal__exitDone_ua87x {
+.universal-modal__exitActive_1225a,
+.universal-modal__exitDone_1225a {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-const rightSideTransitions = {"appear":"universal-modal__appear_ua87x","enter":"universal-modal__enter_ua87x","appearActive":"universal-modal__appearActive_ua87x","enterActive":"universal-modal__enterActive_ua87x","exit":"universal-modal__exit_ua87x","exitActive":"universal-modal__exitActive_ua87x","exitDone":"universal-modal__exitDone_ua87x"};
+const rightSideTransitions = {"appear":"universal-modal__appear_1225a","enter":"universal-modal__enter_1225a","appearActive":"universal-modal__appearActive_1225a","enterActive":"universal-modal__enterActive_1225a","exit":"universal-modal__exit_1225a","exitActive":"universal-modal__exitActive_1225a","exitDone":"universal-modal__exitDone_1225a"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/modern/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_1t0py,
-.universal-modal__enter_1t0py {
+.universal-modal__appear_mmw5o,
+.universal-modal__enter_mmw5o {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_1t0py,
-.universal-modal__enterActive_1t0py {
+.universal-modal__appearActive_mmw5o,
+.universal-modal__enterActive_mmw5o {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_1t0py {
+.universal-modal__exit_mmw5o {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1t0py,
-.universal-modal__exitDone_1t0py {
+.universal-modal__exitActive_mmw5o,
+.universal-modal__exitDone_mmw5o {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/modern/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-const transitions = {"appear":"universal-modal__appear_1t0py","enter":"universal-modal__enter_1t0py","appearActive":"universal-modal__appearActive_1t0py","enterActive":"universal-modal__enterActive_1t0py","exit":"universal-modal__exit_1t0py","exitActive":"universal-modal__exitActive_1t0py","exitDone":"universal-modal__exitDone_1t0py"};
+const transitions = {"appear":"universal-modal__appear_mmw5o","enter":"universal-modal__enter_mmw5o","appearActive":"universal-modal__appearActive_mmw5o","enterActive":"universal-modal__enterActive_mmw5o","exit":"universal-modal__exit_mmw5o","exitActive":"universal-modal__exitActive_mmw5o","exitDone":"universal-modal__exitDone_mmw5o"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/modern/mobile/types/props.d.ts

@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus' | 'zIndex' | 'scrollLock'>> {
 }

package/moderncssm/Context.d.ts

@@ -1,5 +1,5 @@
 import { BaseModalContext } from '@alfalab/core-components-base-modal/moderncssm';
 /**
- * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
  */
 export declare const ModalContext: import("react").Context<BaseModalContext>;

package/moderncssm/Context.js

@@ -1,7 +1,7 @@
 import { BaseModalContext } from '@alfalab/core-components-base-modal/moderncssm';
 
 /**
- * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
  */
 const ModalContext = BaseModalContext;
 

package/moderncssm/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента\n */\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEA;;AAEG;AACI,MAAM,YAAY,GAAG;;;;"}
+{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.\n */\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEA;;AAEG;AACI,MAAM,YAAY,GAAG;;;;"}

package/moderncssm/desktop/Component.desktop.d.ts

@@ -4,5 +4,5 @@ export declare const UniversalModalDesktopComponent: React.ForwardRefExoticCompo
 export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("./components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;
     Content: React.FC<import("../components/base-content").ContentProps>;
-    Footer: React.ForwardRefExoticComponent<import("./components/footer").FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<import("../components/base-footer").FooterProps & React.RefAttributes<HTMLDivElement>>;
 };

package/moderncssm/desktop/components/center-modal/center-modal.js

@@ -19,7 +19,7 @@ import transitions from './transitions/transitions.module.css';
  */
 const transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;
 const CenterModal = forwardRef((props, ref) => {
-    const { dataTestId, className, open, children, width = 500, height = 'hugContent', verticalAlign = 'center', overlay = true, margin, scrollableContainerRef: scrollableContainerRefProp, onClose, ...restProps } = props;
+    const { dataTestId, className, open, children, width = 500, height = 'hugContent', verticalAlign = 'center', overlay = true, margin, scrollableContainerRef: scrollableContainerRefProp, onClose, wrapperClassName, ...restProps } = props;
     const componentRef = useRef(null);
     const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({
         overlay,
@@ -27,7 +27,7 @@ const CenterModal = forwardRef((props, ref) => {
     });
     const { isFullSizeModal, componentTransitions: fullSizeModalContentTransitions, backdropTransitions: fullSizeModalBackdropTransitions, } = getFullSizeModalTransitions({ verticalAlign, width, height });
     const withoutOverlay = !overlay;
-    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.baseModalContainer, {
+    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: scrollableContainerRef, scrollContainerFillsViewport: false, disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.baseModalContainer, wrapperClassName, {
             [styles.wrapperJustifyStart]: verticalAlign === 'top',
             [styles.wrapperJustifyCenter]: verticalAlign === 'center',
             [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',

package/moderncssm/desktop/components/center-modal/center-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n/*\n * в safari position:sticky некорректно синхронизируется с transform:scale на предке —\n * sticky-футер \"доезжает\" при анимации, поэтому применяем немного другую анимацию\n */\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA;;;AAGG;AACH,MAAM,eAAe,GAAG,OAAO,EAAE,IAAI,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAEpE,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;AAE/B,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACF,EAAA,GAAA,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,cAAc,EACrC,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE;AAC5C,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;SAC1C,CAAC,EACF,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,MAAM,CAAC,kBAAkB,EACzB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EACnC,kBAAkB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EACtC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CACxC,EACD,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;gBACH,KAAK,EAAE,KAAK,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7C,gBAAA,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC;AACjC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
+{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, type MutableRefObject, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n/*\n * в safari position:sticky некорректно синхронизируется с transform:scale на предке —\n * sticky-футер \"доезжает\" при анимации, поэтому применяем немного другую анимацию\n */\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        wrapperClassName,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler={scrollableContainerRef as MutableRefObject<HTMLDivElement | null>}\n            scrollContainerFillsViewport={false}\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, wrapperClassName, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA;;;AAGG;AACH,MAAM,eAAe,GAAG,OAAO,EAAE,IAAI,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAEpE,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,gBAAgB,EAChB,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;AAE/B,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,OACF,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,sBAAiE,EAChF,4BAA4B,EAAE,KAAK,EACnC,qBAAqB,EAAE,cAAc,EACrC,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,EAAE;AAC9D,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;SAC1C,CAAC,EACF,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,MAAM,CAAC,kBAAkB,EACzB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EACnC,kBAAkB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EACtC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CACxC,EACD,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;gBACH,KAAK,EAAE,KAAK,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7C,gBAAA,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC;AACjC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}

package/moderncssm/desktop/components/footer/index.d.ts

@@ -1,9 +1,4 @@
 import React from 'react';
 import { type FooterProps } from '../../../components/base-footer';
-export interface FooterDesktopProps extends FooterProps {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's' | 500;
-}
-export declare const FooterDesktop: React.ForwardRefExoticComponent<FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export type FooterDesktopProps = FooterProps;
+export declare const FooterDesktop: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/desktop/components/footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/desktop/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { BaseFooter, type FooterProps } from '../../../components/base-footer';\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../context';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nconst FOOTER_MEDIUM_BREAKPOINT = 800;\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { width: modalWidth } = useContext(UniversalModalContext);\n    const { footerHighlighted: modalFooterHighlighted } = useContext(ModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,wBAAwB,GAAG,GAAG;AASvB,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACnE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;IAC/D,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE9E,MAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAC3C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ;AAClC,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,GACjC,SAAS,EAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/desktop/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { BaseFooter, type FooterProps } from '../../../components/base-footer';\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../context';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nconst FOOTER_MEDIUM_BREAKPOINT = 800;\n\nexport type FooterDesktopProps = FooterProps;\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { width: modalWidth } = useContext(UniversalModalContext);\n    const { footerHighlighted: modalFooterHighlighted } = useContext(ModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,wBAAwB,GAAG,GAAG;AAIvB,MAAA,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,KAAI;AACvF,IAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACnE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;IAC/D,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE9E,MAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAC3C,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ;AAClC,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,GACjC,SAAS,EAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/moderncssm/desktop/components/header/desktop.module.css

@@ -8,7 +8,8 @@
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: 11px var(--gap-12);
     }
 
@@ -16,7 +17,8 @@
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
 
@@ -24,7 +26,8 @@
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
 
@@ -32,5 +35,6 @@
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
         }

package/moderncssm/desktop/components/modal-content/modal-content.js

@@ -1,21 +1,16 @@
 import React, { useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Scrollbar } from '@alfalab/core-components-scrollbar/moderncssm';
-import { useModalHighlighted } from '../../hooks/use-modal-highlighted.js';
 import { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height.js';
 import { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs.js';
 import styles from './modal-content.module.css';
 
 const ModalContent = (props) => {
     const { children, height, scrollableContainerRef = null } = props;
-    const scrollableNodeRef = useRef(null);
-    const scrollbarContentNodeRef = useRef(null);
     const scrollbarRef = useRef(null);
     const verticalBarRef = useRef(null);
     const headerElementRef = useRef(null);
     const footerElementRef = useRef(null);
-    const { handleScroll } = useModalHighlighted({ scrollbarContentNodeRef, scrollableNodeRef });
     const { enhancedChildren } = setFooterAndHeaderRefs({
         children,
         headerElementRef,
@@ -23,14 +18,13 @@ const ModalContent = (props) => {
     });
     useSetScrollbarHeight({ scrollbarRef, verticalBarRef, headerElementRef, footerElementRef });
     return (React.createElement(Scrollbar, { className: styles.scrollable, ref: scrollbarRef, verticalBarRef: verticalBarRef, scrollableNodeProps: {
-            ref: mergeRefs([scrollableNodeRef, scrollableContainerRef]),
+            ref: scrollableContainerRef,
             className: styles.scrollableNode,
         }, contentNodeProps: {
-            ref: scrollbarContentNodeRef,
             className: cn(styles.contentNode, {
                 [styles.hugContent]: height === 'hugContent',
             }),
-        }, onContentScroll: handleScroll }, enhancedChildren));
+        } }, enhancedChildren));
 };
 
 export { ModalContent };

package/moderncssm/desktop/components/modal-content/modal-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.js","sources":["../../../../src/desktop/components/modal-content/modal-content.tsx"],"sourcesContent":["import React, { type FC, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\n\nimport { useModalHighlighted } from '../../hooks/use-modal-highlighted';\nimport { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';\n\nimport styles from './modal-content.module.css';\n\ntype PickedBaseModalProps = Pick<BaseModalProps, 'children'>;\ntype PickedUniversalModalDesktopProps = Pick<\n    UniversalModalDesktopProps,\n    'height' | 'scrollableContainerRef'\n>;\n\ntype Props = PickedBaseModalProps & PickedUniversalModalDesktopProps;\n\nexport const ModalContent: FC<Props> = (props) => {\n    const { children, height, scrollableContainerRef = null } = props;\n\n    const scrollableNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarContentNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const verticalBarRef = useRef<HTMLDivElement>(null);\n    const headerElementRef = useRef<HTMLDivElement>(null);\n    const footerElementRef = useRef<HTMLDivElement | null>(null);\n\n    const { handleScroll } = useModalHighlighted({ scrollbarContentNodeRef, scrollableNodeRef });\n\n    const { enhancedChildren } = setFooterAndHeaderRefs({\n        children,\n        headerElementRef,\n        footerElementRef,\n    });\n\n    useSetScrollbarHeight({ scrollbarRef, verticalBarRef, headerElementRef, footerElementRef });\n\n    return (\n        <Scrollbar\n            className={styles.scrollable}\n            ref={scrollbarRef}\n            verticalBarRef={verticalBarRef}\n            scrollableNodeProps={{\n                ref: mergeRefs([scrollableNodeRef, scrollableContainerRef]),\n                className: styles.scrollableNode,\n            }}\n            contentNodeProps={{\n                ref: scrollbarContentNodeRef,\n                className: cn(styles.contentNode, {\n                    [styles.hugContent]: height === 'hugContent',\n                }),\n            }}\n            onContentScroll={handleScroll}\n        >\n            {enhancedChildren}\n        </Scrollbar>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAsBa,MAAA,YAAY,GAAc,CAAC,KAAK,KAAI;IAC7C,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI,EAAE,GAAG,KAAK;AAEjE,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACtD,IAAA,MAAM,uBAAuB,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC;AACxD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC;AAE5D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,CAAC;AAE5F,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,CAAC;QAChD,QAAQ;QACR,gBAAgB;QAChB,gBAAgB;AACnB,KAAA,CAAC;IAEF,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AAE3F,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,GAAG,EAAE,YAAY,EACjB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE;YACjB,GAAG,EAAE,SAAS,CAAC,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;YAC3D,SAAS,EAAE,MAAM,CAAC,cAAc;AACnC,SAAA,EACD,gBAAgB,EAAE;AACd,YAAA,GAAG,EAAE,uBAAuB;AAC5B,YAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;AAC9B,gBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,KAAK,YAAY;aAC/C,CAAC;AACL,SAAA,EACD,eAAe,EAAE,YAAY,IAE5B,gBAAgB,CACT;AAEpB;;;;"}
+{"version":3,"file":"modal-content.js","sources":["../../../../src/desktop/components/modal-content/modal-content.tsx"],"sourcesContent":["import React, { type FC, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { type BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\n\nimport { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';\n\nimport styles from './modal-content.module.css';\n\ntype PickedBaseModalProps = Pick<BaseModalProps, 'children'>;\ntype PickedUniversalModalDesktopProps = Pick<\n    UniversalModalDesktopProps,\n    'height' | 'scrollableContainerRef'\n>;\n\ntype Props = PickedBaseModalProps & PickedUniversalModalDesktopProps;\n\nexport const ModalContent: FC<Props> = (props) => {\n    const { children, height, scrollableContainerRef = null } = props;\n\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const verticalBarRef = useRef<HTMLDivElement>(null);\n    const headerElementRef = useRef<HTMLDivElement>(null);\n    const footerElementRef = useRef<HTMLDivElement | null>(null);\n\n    const { enhancedChildren } = setFooterAndHeaderRefs({\n        children,\n        headerElementRef,\n        footerElementRef,\n    });\n\n    useSetScrollbarHeight({ scrollbarRef, verticalBarRef, headerElementRef, footerElementRef });\n\n    return (\n        <Scrollbar\n            className={styles.scrollable}\n            ref={scrollbarRef}\n            verticalBarRef={verticalBarRef}\n            scrollableNodeProps={{\n                ref: scrollableContainerRef,\n                className: styles.scrollableNode,\n            }}\n            contentNodeProps={{\n                className: cn(styles.contentNode, {\n                    [styles.hugContent]: height === 'hugContent',\n                }),\n            }}\n        >\n            {enhancedChildren}\n        </Scrollbar>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAoBa,MAAA,YAAY,GAAc,CAAC,KAAK,KAAI;IAC7C,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI,EAAE,GAAG,KAAK;AAEjE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC;AACxD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC;AAE5D,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,CAAC;QAChD,QAAQ;QACR,gBAAgB;QAChB,gBAAgB;AACnB,KAAA,CAAC;IAEF,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AAE3F,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,GAAG,EAAE,YAAY,EACjB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE;AACjB,YAAA,GAAG,EAAE,sBAAsB;YAC3B,SAAS,EAAE,MAAM,CAAC,cAAc;AACnC,SAAA,EACD,gBAAgB,EAAE;AACd,YAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;AAC9B,gBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,KAAK,YAAY;aAC/C,CAAC;SACL,EAEA,EAAA,gBAAgB,CACT;AAEpB;;;;"}

package/moderncssm/desktop/components/side-modal/side-modal.js

@@ -12,7 +12,7 @@ import { getDefaultTransitionProps } from './get-default-transition-props.js';
 import styles from './index.module.css';
 
 const SideModal = forwardRef((props, ref) => {
-    const { width = 500, height = 'fullHeight', horizontalAlign = 'center', verticalAlign = 'center', overlay = true, open, dataTestId, className, children, margin, scrollableContainerRef: scrollableContainerRefProp, onClose, ...restProps } = props;
+    const { width = 500, height = 'fullHeight', horizontalAlign = 'center', verticalAlign = 'center', overlay = true, open, dataTestId, className, children, margin, scrollableContainerRef: scrollableContainerRefProp, onClose, wrapperClassName, ...restProps } = props;
     const componentRef = useRef(null);
     const contentRef = useRef(null);
     const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({
@@ -21,7 +21,7 @@ const SideModal = forwardRef((props, ref) => {
     });
     const { isFullSizeModal, componentTransitions: fullSizeModalContentTransitions, backdropTransitions: fullSizeModalBackdropTransitions, } = getFullSizeModalTransitions({ verticalAlign, width, height });
     const withoutOverlay = !overlay;
-    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.wrapper, styles.baseModalContainer, {
+    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: scrollableContainerRef, scrollContainerFillsViewport: false, disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.wrapper, styles.baseModalContainer, wrapperClassName, {
             [styles.wrapperAlignStart]: horizontalAlign === 'start',
             [styles.wrapperAlignEnd]: horizontalAlign === 'end',
             [styles.wrapperJustifyCenter]: verticalAlign === 'center',

package/moderncssm/desktop/components/side-modal/side-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, type MutableRefObject, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        wrapperClassName,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler={scrollableContainerRef as MutableRefObject<HTMLDivElement | null>}\n            scrollContainerFillsViewport={false}\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, wrapperClassName, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":"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"}

package/moderncssm/desktop/types/props.d.ts

@@ -36,7 +36,7 @@ export interface BaseUniversalModalProps {
      */
     margin?: Margin;
 }
-export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container' | 'disableRestoreFocus' | 'disableAutoFocus'>> {
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container' | 'disableRestoreFocus' | 'disableAutoFocus' | 'zIndex'>> {
     /**
      * Реф контейнера на котором происходит scroll
      */

package/moderncssm/mobile/components/header/index.module.css

@@ -7,8 +7,9 @@
 .content {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
@@ -17,7 +18,8 @@
 .bottomAddons {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

package/moderncssm/mobile/types/props.d.ts

@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus' | 'zIndex' | 'scrollLock'>> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "3.2.5",
+    "version": "3.2.6-alfasans",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",
@@ -13,12 +13,12 @@
         "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
     },
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^5.0.2",
-        "@alfalab/core-components-base-modal": "^7.1.8",
-        "@alfalab/core-components-mq": "^6.0.7",
-        "@alfalab/core-components-navigation-bar-private": "^2.0.14",
-        "@alfalab/core-components-scrollbar": "^5.0.6",
-        "@alfalab/core-components-shared": "^2.2.3",
+        "@alfalab/core-components-backdrop": "5.0.2-alfasans",
+        "@alfalab/core-components-base-modal": "7.2.0-alfasans",
+        "@alfalab/core-components-mq": "6.0.7-alfasans",
+        "@alfalab/core-components-navigation-bar-private": "2.0.14-alfasans",
+        "@alfalab/core-components-scrollbar": "5.0.6-alfasans",
+        "@alfalab/core-components-shared": "2.2.3-alfasans",
         "@types/react-transition-group": "^4.4.12",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
@@ -33,6 +33,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.2.1",
-    "varsVersion": "11.2.1"
+    "themesVersion": "15.2.1-alfasans",
+    "varsVersion": "11.3.0-alfasans"
 }

package/src/Context.ts

@@ -1,6 +1,6 @@
 import { BaseModalContext } from '@alfalab/core-components-base-modal';
 
 /**
- * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
  */
 export const ModalContext = BaseModalContext;