@hh.ru/magritte-ui-alert 1.3.26 → 2.0.1

package/Alert.js

@@ -8,11 +8,10 @@ import { useServerEnv } from '@hh.ru/magritte-common-is-server-env';
 import { disableScroll } from '@hh.ru/magritte-common-modal-helper';
 import { useCloseByClickOutside } from '@hh.ru/magritte-common-mouse';
 import { useSwipe } from '@hh.ru/magritte-common-use-swipe';
-import { InternalLayerName } from '@hh.ru/magritte-internal-layer-name';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { Layer } from '@hh.ru/magritte-ui-layer';
 
-var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_1-3-26","animationTimeout":"magritte-animation-timeout___cwIwT_1-3-26","enter-animation-active":"magritte-enter-animation-active___Qti02_1-3-26","enterAnimationActive":"magritte-enter-animation-active___Qti02_1-3-26","exit-animation-active":"magritte-exit-animation-active___deHqY_1-3-26","exitAnimationActive":"magritte-exit-animation-active___deHqY_1-3-26","opacity-animation":"magritte-opacity-animation___m7RYi_1-3-26","opacityAnimation":"magritte-opacity-animation___m7RYi_1-3-26","enter-animation":"magritte-enter-animation___CbUHN_1-3-26","enterAnimation":"magritte-enter-animation___CbUHN_1-3-26","exit-animation":"magritte-exit-animation___d2AJ4_1-3-26","exitAnimation":"magritte-exit-animation___d2AJ4_1-3-26","overlay":"magritte-overlay___hMlKJ_1-3-26","mobile-container":"magritte-mobile-container___dQRCl_1-3-26","mobileContainer":"magritte-mobile-container___dQRCl_1-3-26","desktop-container":"magritte-desktop-container___26vkq_1-3-26","desktopContainer":"magritte-desktop-container___26vkq_1-3-26","main":"magritte-main___iCU-E_1-3-26","icon":"magritte-icon___fLpa-_1-3-26","icon_neutral":"magritte-icon_neutral___Jyl3l_1-3-26","iconNeutral":"magritte-icon_neutral___Jyl3l_1-3-26","icon_accent":"magritte-icon_accent___Nn-T1_1-3-26","iconAccent":"magritte-icon_accent___Nn-T1_1-3-26","icon_positive":"magritte-icon_positive___OU9Zu_1-3-26","iconPositive":"magritte-icon_positive___OU9Zu_1-3-26","icon_warning":"magritte-icon_warning___7BbUi_1-3-26","iconWarning":"magritte-icon_warning___7BbUi_1-3-26","icon_negative":"magritte-icon_negative___s0OA8_1-3-26","iconNegative":"magritte-icon_negative___s0OA8_1-3-26","title":"magritte-title___yG219_1-3-26","description":"magritte-description___KeNoT_1-3-26","buttons":"magritte-buttons___lyxBC_1-3-26","buttons_vertical":"magritte-buttons_vertical___8lPCo_1-3-26","buttonsVertical":"magritte-buttons_vertical___8lPCo_1-3-26"};
+var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_2-0-1","animationTimeout":"magritte-animation-timeout___cwIwT_2-0-1","enter-animation-active":"magritte-enter-animation-active___Qti02_2-0-1","enterAnimationActive":"magritte-enter-animation-active___Qti02_2-0-1","exit-animation-active":"magritte-exit-animation-active___deHqY_2-0-1","exitAnimationActive":"magritte-exit-animation-active___deHqY_2-0-1","opacity-animation":"magritte-opacity-animation___m7RYi_2-0-1","opacityAnimation":"magritte-opacity-animation___m7RYi_2-0-1","enter-animation":"magritte-enter-animation___CbUHN_2-0-1","enterAnimation":"magritte-enter-animation___CbUHN_2-0-1","exit-animation":"magritte-exit-animation___d2AJ4_2-0-1","exitAnimation":"magritte-exit-animation___d2AJ4_2-0-1","overlay":"magritte-overlay___hMlKJ_2-0-1","mobile-container":"magritte-mobile-container___dQRCl_2-0-1","mobileContainer":"magritte-mobile-container___dQRCl_2-0-1","desktop-container":"magritte-desktop-container___26vkq_2-0-1","desktopContainer":"magritte-desktop-container___26vkq_2-0-1","main":"magritte-main___iCU-E_2-0-1","icon":"magritte-icon___fLpa-_2-0-1","icon_neutral":"magritte-icon_neutral___Jyl3l_2-0-1","iconNeutral":"magritte-icon_neutral___Jyl3l_2-0-1","icon_accent":"magritte-icon_accent___Nn-T1_2-0-1","iconAccent":"magritte-icon_accent___Nn-T1_2-0-1","icon_positive":"magritte-icon_positive___OU9Zu_2-0-1","iconPositive":"magritte-icon_positive___OU9Zu_2-0-1","icon_warning":"magritte-icon_warning___7BbUi_2-0-1","iconWarning":"magritte-icon_warning___7BbUi_2-0-1","icon_negative":"magritte-icon_negative___s0OA8_2-0-1","iconNegative":"magritte-icon_negative___s0OA8_2-0-1","title":"magritte-title___yG219_2-0-1","description":"magritte-description___KeNoT_2-0-1","buttons":"magritte-buttons___lyxBC_2-0-1","buttons_vertical":"magritte-buttons_vertical___8lPCo_2-0-1","buttonsVertical":"magritte-buttons_vertical___8lPCo_2-0-1"};
 
 const OPACITY_ANIMATION_CLASSES = {
     enter: classnames(styles.opacityAnimation, styles.enterAnimation),
@@ -106,9 +105,9 @@ const Alert = ({ iconStyle = 'neutral', layout, icon, title, description, button
     }
     const content = (jsxs(Fragment, { children: [jsxs("div", { className: styles.main, "data-qa": "magritte-alert", children: [icon && (jsx("div", { className: classnames(styles.icon, { [styles[`icon_${iconStyle}`]]: iconStyle }), children: icon })), jsx("div", { className: styles.title, children: title }), description && jsx("div", { className: styles.description, children: description })] }), jsx("div", { className: classnames(styles.buttons, { [styles[`buttons_${layout}`]]: layout }), children: buttons })] }));
     if (isMobile) {
-        return createPortal(jsxs(Fragment, { children: [jsx(OpacityAnimation, { animationTimeout: animationTimeout, visible: visible, render: (animatedElementRef) => (jsx(Layer, { layer: InternalLayerName.BottomSheet, children: jsx("div", { className: classnames(styles.overlay, styles.animationTimeout), onClick: onClose, ref: animatedElementRef }) })) }), jsx(TransformAnimation, { animationTimeout: animationTimeout, visible: visible, render: (animatedElementRef, props) => (jsx(Layer, { layer: InternalLayerName.BottomSheet, children: jsx("div", { ...props, className: classnames(styles.mobileContainer, styles.animationTimeout), ref: animatedElementRef, children: content }) })), onClose: onClose })] }), document.body);
+        return createPortal(jsxs(Fragment, { children: [jsx(OpacityAnimation, { animationTimeout: animationTimeout, visible: visible, render: (animatedElementRef) => (jsx(Layer, { layer: "bottom-sheet", children: jsx("div", { className: classnames(styles.overlay, styles.animationTimeout), onClick: onClose, ref: animatedElementRef }) })) }), jsx(TransformAnimation, { animationTimeout: animationTimeout, visible: visible, render: (animatedElementRef, props) => (jsx(Layer, { layer: "bottom-sheet", children: jsx("div", { ...props, className: classnames(styles.mobileContainer, styles.animationTimeout), ref: animatedElementRef, children: content }) })), onClose: onClose })] }), document.body);
     }
-    return createPortal(jsx(OpacityAnimation, { animationTimeout: animationTimeout, visible: visible, render: (animatedElementRef) => (jsx(Layer, { layer: InternalLayerName.Modal, children: jsx("div", { className: classnames(styles.overlay, styles.animationTimeout), ref: animatedElementRef, children: jsx("div", { className: classnames(styles.desktopContainer), ref: clickElementRef, children: content }) }) })) }), document.body);
+    return createPortal(jsx(OpacityAnimation, { animationTimeout: animationTimeout, visible: visible, render: (animatedElementRef) => (jsx(Layer, { layer: "modal", children: jsx("div", { className: classnames(styles.overlay, styles.animationTimeout), ref: animatedElementRef, children: jsx("div", { className: classnames(styles.desktopContainer), ref: clickElementRef, children: content }) }) })) }), document.body);
 };
 
 export { Alert, OpacityAnimation, TransformAnimation };

package/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../src/Alert.tsx"],"sourcesContent":["import { FC, Fragment, ReactElement, RefObject, TouchEventHandler, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport { disableScroll } from '@hh.ru/magritte-common-modal-helper';\nimport { useCloseByClickOutside } from '@hh.ru/magritte-common-mouse';\nimport { SwipeEvent, useSwipe } from '@hh.ru/magritte-common-use-swipe';\nimport { InternalLayerName } from '@hh.ru/magritte-internal-layer-name';\nimport { AlertProps } from '@hh.ru/magritte-ui-alert/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\n\nimport styles from './alert.less';\n\ntype AnimationTimeout = { enter: number; exit: number };\n\ntype AnimationComponentProps = {\n    animationTimeout: AnimationTimeout;\n    visible: boolean;\n    render: (animatedElementRef: RefObject<HTMLDivElement>, props?: JSX.IntrinsicElements['div']) => ReactElement;\n};\n\nconst OPACITY_ANIMATION_CLASSES = {\n    enter: classnames(styles.opacityAnimation, styles.enterAnimation),\n    enterActive: classnames(styles.enterAnimationActive, styles.opacityAnimation),\n    exit: classnames(styles.opacityAnimation, styles.exitAnimation),\n    exitActive: classnames(styles.exitAnimationActive, styles.opacityAnimation),\n};\n\nconst TRANSFORM_ANIMATION_CLASSES = {\n    enterActive: styles.enterAnimationActive,\n    exitActive: styles.exitAnimationActive,\n};\n\nconst VIEWPORT_HEIGHT = (typeof window !== 'undefined' ? window.visualViewport?.height : null) ?? 0;\nconst SWIPE_THRESHOLD_REF = { current: { max: Math.round(VIEWPORT_HEIGHT * 0.8) } };\n\nconst toInteger = (value: string) => {\n    const result = parseInt(value, 10);\n    return !Number.isNaN(result) ? result : 0;\n};\n\nconst withStopPropagation = (handler?: TouchEventHandler): TouchEventHandler => {\n    return (event) => {\n        event.stopPropagation();\n        handler?.(event);\n    };\n};\n\nexport const OpacityAnimation: FC<AnimationComponentProps> = ({ animationTimeout, visible, render }) => {\n    const animatedElementRef = useRef<HTMLDivElement | null>(null);\n\n    return (\n        <CSSTransition\n            appear\n            classNames={OPACITY_ANIMATION_CLASSES}\n            in={visible}\n            mountOnEnter\n            nodeRef={animatedElementRef}\n            timeout={animationTimeout}\n            unmountOnExit\n        >\n            {render(animatedElementRef)}\n        </CSSTransition>\n    );\n};\n\nexport const TransformAnimation: FC<AnimationComponentProps & { onClose: VoidFunction }> = ({\n    animationTimeout,\n    visible,\n    render,\n    onClose,\n}) => {\n    const animatedElementRef = useRef<HTMLDivElement | null>(null);\n    const swipeOffsetRef = useRef(0);\n\n    const runTranslateYAnimation = () => {\n        if (animatedElementRef.current !== null && visualViewport !== null) {\n            animatedElementRef.current.style.transform = `translateY(${\n                visualViewport.height + swipeOffsetRef.current - animatedElementRef.current.getBoundingClientRect().top\n            }px)`;\n        }\n    };\n\n    const resetTranslateY = () => {\n        if (animatedElementRef.current !== null) {\n            animatedElementRef.current.style.transform = `translateY(${swipeOffsetRef.current}px)`;\n        }\n    };\n\n    const resetSwipeOffset = () => {\n        swipeOffsetRef.current = 0;\n    };\n\n    const swipeHandlers = useSwipe({\n        thresholdYRef: SWIPE_THRESHOLD_REF,\n        onSwipeMove: (event: SwipeEvent) => {\n            if (animatedElementRef.current !== null) {\n                animatedElementRef.current.style.transform = `translateY(${Math.max(event.distanceY, 0)}px)`;\n            }\n        },\n        onSwipeEnd: (event: SwipeEvent) => {\n            swipeOffsetRef.current = event.distanceY;\n            onClose();\n        },\n        onSwipeCancel: () => {\n            if (animatedElementRef.current !== null) {\n                animatedElementRef.current.style.transform = `translateY(0px)`;\n            }\n        },\n    });\n\n    return (\n        <CSSTransition\n            appear\n            classNames={TRANSFORM_ANIMATION_CLASSES}\n            in={visible}\n            mountOnEnter\n            nodeRef={animatedElementRef}\n            onEnter={runTranslateYAnimation}\n            onEntering={resetTranslateY}\n            onExit={resetTranslateY}\n            onExiting={runTranslateYAnimation}\n            onExited={resetSwipeOffset}\n            timeout={animationTimeout}\n            unmountOnExit\n        >\n            {render(animatedElementRef, {\n                ...swipeHandlers,\n                onTouchStart: withStopPropagation(swipeHandlers.onTouchStart),\n                onTouchMove: withStopPropagation(swipeHandlers.onTouchMove),\n            })}\n        </CSSTransition>\n    );\n};\n\nexport const Alert: FC<AlertProps> = ({\n    iconStyle = 'neutral',\n    layout,\n    icon,\n    title,\n    description,\n    buttons,\n    visible,\n    onClose,\n}) => {\n    const [animationTimeout, setAnimationTimeout] = useState<AnimationTimeout | null>(null);\n    const clickElementRef = useRef<HTMLDivElement | null>(null);\n    const { isMobile } = useBreakpoint();\n    const isServerEnv = useServerEnv();\n\n    useEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles.animationTimeout);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n        const enter = toInteger(style.getPropertyValue('--enter-animation-duration'));\n        const exit = toInteger(style.getPropertyValue('--exit-animation-duration'));\n        setAnimationTimeout({ enter, exit });\n        document.body.removeChild(animationTimeoutElement);\n    }, [setAnimationTimeout]);\n\n    useEffect(() => {\n        if (visible) {\n            return disableScroll();\n        }\n\n        return void 0;\n    }, [visible]);\n\n    useCloseByClickOutside(clickElementRef, onClose, visible);\n\n    if (!animationTimeout || isServerEnv) {\n        return null;\n    }\n\n    const content = (\n        <Fragment>\n            <div className={styles.main} data-qa=\"magritte-alert\">\n                {icon && (\n                    <div className={classnames(styles.icon, { [styles[`icon_${iconStyle}`]]: iconStyle })}>{icon}</div>\n                )}\n                <div className={styles.title}>{title}</div>\n                {description && <div className={styles.description}>{description}</div>}\n            </div>\n            <div className={classnames(styles.buttons, { [styles[`buttons_${layout}`]]: layout })}>{buttons}</div>\n        </Fragment>\n    );\n\n    if (isMobile) {\n        return createPortal(\n            <Fragment>\n                <OpacityAnimation\n                    animationTimeout={animationTimeout}\n                    visible={visible}\n                    render={(animatedElementRef) => (\n                        <Layer layer={InternalLayerName.BottomSheet}>\n                            <div\n                                className={classnames(styles.overlay, styles.animationTimeout)}\n                                onClick={onClose}\n                                ref={animatedElementRef}\n                            />\n                        </Layer>\n                    )}\n                />\n                <TransformAnimation\n                    animationTimeout={animationTimeout}\n                    visible={visible}\n                    render={(animatedElementRef, props) => (\n                        <Layer layer={InternalLayerName.BottomSheet}>\n                            <div\n                                {...props}\n                                className={classnames(styles.mobileContainer, styles.animationTimeout)}\n                                ref={animatedElementRef}\n                            >\n                                {content}\n                            </div>\n                        </Layer>\n                    )}\n                    onClose={onClose}\n                />\n            </Fragment>,\n            document.body\n        );\n    }\n\n    return createPortal(\n        <OpacityAnimation\n            animationTimeout={animationTimeout}\n            visible={visible}\n            render={(animatedElementRef) => (\n                <Layer layer={InternalLayerName.Modal}>\n                    <div className={classnames(styles.overlay, styles.animationTimeout)} ref={animatedElementRef}>\n                        <div className={classnames(styles.desktopContainer)} ref={clickElementRef}>\n                            {content}\n                        </div>\n                    </div>\n                </Layer>\n            )}\n        />,\n        document.body\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAwBA,MAAM,yBAAyB,GAAG;IAC9B,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,cAAc,CAAC;IACjE,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,gBAAgB,CAAC;IAC7E,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,aAAa,CAAC;IAC/D,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,gBAAgB,CAAC;CAC9E,CAAC;AAEF,MAAM,2BAA2B,GAAG;IAChC,WAAW,EAAE,MAAM,CAAC,oBAAoB;IACxC,UAAU,EAAE,MAAM,CAAC,mBAAmB;CACzC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,CAAC,CAAC;AACpG,MAAM,mBAAmB,GAAG,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC;AAEpF,MAAM,SAAS,GAAG,CAAC,KAAa,KAAI;IAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACnC,IAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,OAA2B,KAAuB;IAC3E,OAAO,CAAC,KAAK,KAAI;QACb,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACrB,KAAC,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAAgC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAI;AACnG,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAE/D,IAAA,QACIA,GAAA,CAAC,aAAa,EAAA,EACV,MAAM,EACN,IAAA,EAAA,UAAU,EAAE,yBAAyB,EACrC,EAAE,EAAE,OAAO,EACX,YAAY,EAAA,IAAA,EACZ,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,gBAAgB,EACzB,aAAa,EAEZ,IAAA,EAAA,QAAA,EAAA,MAAM,CAAC,kBAAkB,CAAC,EAAA,CACf,EAClB;AACN,EAAE;AAEK,MAAM,kBAAkB,GAA4D,CAAC,EACxF,gBAAgB,EAChB,OAAO,EACP,MAAM,EACN,OAAO,GACV,KAAI;AACD,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC/D,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,sBAAsB,GAAG,MAAK;QAChC,IAAI,kBAAkB,CAAC,OAAO,KAAK,IAAI,IAAI,cAAc,KAAK,IAAI,EAAE;YAChE,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,WAAA,EACzC,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GACxG,CAAA,GAAA,CAAK,CAAC;SACT;AACL,KAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAK;AACzB,QAAA,IAAI,kBAAkB,CAAC,OAAO,KAAK,IAAI,EAAE;AACrC,YAAA,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,WAAA,EAAc,cAAc,CAAC,OAAO,CAAA,GAAA,CAAK,CAAC;SAC1F;AACL,KAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC1B,QAAA,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;AAC/B,KAAC,CAAC;IAEF,MAAM,aAAa,GAAG,QAAQ,CAAC;AAC3B,QAAA,aAAa,EAAE,mBAAmB;AAClC,QAAA,WAAW,EAAE,CAAC,KAAiB,KAAI;AAC/B,YAAA,IAAI,kBAAkB,CAAC,OAAO,KAAK,IAAI,EAAE;AACrC,gBAAA,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,CAAc,WAAA,EAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC;aAChG;SACJ;AACD,QAAA,UAAU,EAAE,CAAC,KAAiB,KAAI;AAC9B,YAAA,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;AACzC,YAAA,OAAO,EAAE,CAAC;SACb;QACD,aAAa,EAAE,MAAK;AAChB,YAAA,IAAI,kBAAkB,CAAC,OAAO,KAAK,IAAI,EAAE;gBACrC,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAC;aAClE;SACJ;AACJ,KAAA,CAAC,CAAC;IAEH,QACIA,IAAC,aAAa,EAAA,EACV,MAAM,EACN,IAAA,EAAA,UAAU,EAAE,2BAA2B,EACvC,EAAE,EAAE,OAAO,EACX,YAAY,EACZ,IAAA,EAAA,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,sBAAsB,EAC/B,UAAU,EAAE,eAAe,EAC3B,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,gBAAgB,EACzB,aAAa,EAEZ,IAAA,EAAA,QAAA,EAAA,MAAM,CAAC,kBAAkB,EAAE;AACxB,YAAA,GAAG,aAAa;AAChB,YAAA,YAAY,EAAE,mBAAmB,CAAC,aAAa,CAAC,YAAY,CAAC;AAC7D,YAAA,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC;SAC9D,CAAC,EAAA,CACU,EAClB;AACN,EAAE;AAEW,MAAA,KAAK,GAAmB,CAAC,EAClC,SAAS,GAAG,SAAS,EACrB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,GACV,KAAI;IACD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;AACxF,IAAA,MAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC5D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,YAAY,EAAE,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,MAAM,uBAAuB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9D,uBAAuB,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAC/D,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;QAC/D,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC,CAAC;QAC9E,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,CAAC;AAC5E,QAAA,mBAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AACrC,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;AACvD,KAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,MAAK;QACX,IAAI,OAAO,EAAE;YACT,OAAO,aAAa,EAAE,CAAC;SAC1B;QAED,OAAO,KAAK,CAAC,CAAC;AAClB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAEd,IAAA,sBAAsB,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAE1D,IAAA,IAAI,CAAC,gBAAgB,IAAI,WAAW,EAAE;AAClC,QAAA,OAAO,IAAI,CAAC;KACf;IAED,MAAM,OAAO,IACTC,IAAA,CAAC,QAAQ,EACL,EAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,SAAA,EAAU,gBAAgB,EAChD,QAAA,EAAA,CAAA,IAAI,KACDD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,SAAS,CAAA,CAAE,CAAC,GAAG,SAAS,EAAE,CAAC,YAAG,IAAI,EAAA,CAAO,CACtG,EACDA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EAAG,QAAA,EAAA,KAAK,GAAO,EAC1C,WAAW,IAAIA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAG,QAAA,EAAA,WAAW,GAAO,CACrE,EAAA,CAAA,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,MAAM,CAAA,CAAE,CAAC,GAAG,MAAM,EAAE,CAAC,YAAG,OAAO,EAAA,CAAO,CAC/F,EAAA,CAAA,CACd,CAAC;IAEF,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,YAAY,CACfC,IAAC,CAAA,QAAQ,EACL,EAAA,QAAA,EAAA,CAAAD,GAAA,CAAC,gBAAgB,EAAA,EACb,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,kBAAkB,MACvBA,GAAC,CAAA,KAAK,EAAC,EAAA,KAAK,EAAE,iBAAiB,CAAC,WAAW,EACvC,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAC9D,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,kBAAkB,EACzB,CAAA,EAAA,CACE,CACX,EAAA,CACH,EACFA,GAAA,CAAC,kBAAkB,EAAA,EACf,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,kBAAkB,EAAE,KAAK,MAC9BA,GAAC,CAAA,KAAK,EAAC,EAAA,KAAK,EAAE,iBAAiB,CAAC,WAAW,EACvC,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAA,GACQ,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACtE,GAAG,EAAE,kBAAkB,EAEtB,QAAA,EAAA,OAAO,EACN,CAAA,EAAA,CACF,CACX,EACD,OAAO,EAAE,OAAO,EAAA,CAClB,CACK,EAAA,CAAA,EACX,QAAQ,CAAC,IAAI,CAChB,CAAC;KACL;AAED,IAAA,OAAO,YAAY,CACfA,GAAC,CAAA,gBAAgB,IACb,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,kBAAkB,MACvBA,GAAC,CAAA,KAAK,IAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,EACjC,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAE,GAAG,EAAE,kBAAkB,YACxFA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,GAAG,EAAE,eAAe,EAAA,QAAA,EACpE,OAAO,EACN,CAAA,EAAA,CACJ,EACF,CAAA,CACX,GACH,EACF,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN;;;;"}
+{"version":3,"file":"Alert.js","sources":["../src/Alert.tsx"],"sourcesContent":["import { FC, Fragment, ReactElement, RefObject, TouchEventHandler, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport { disableScroll } from '@hh.ru/magritte-common-modal-helper';\nimport { useCloseByClickOutside } from '@hh.ru/magritte-common-mouse';\nimport { SwipeEvent, useSwipe } from '@hh.ru/magritte-common-use-swipe';\nimport { AlertProps } from '@hh.ru/magritte-ui-alert/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\n\nimport styles from './alert.less';\n\ntype AnimationTimeout = { enter: number; exit: number };\n\ntype AnimationComponentProps = {\n    animationTimeout: AnimationTimeout;\n    visible: boolean;\n    render: (animatedElementRef: RefObject<HTMLDivElement>, props?: JSX.IntrinsicElements['div']) => ReactElement;\n};\n\nconst OPACITY_ANIMATION_CLASSES = {\n    enter: classnames(styles.opacityAnimation, styles.enterAnimation),\n    enterActive: classnames(styles.enterAnimationActive, styles.opacityAnimation),\n    exit: classnames(styles.opacityAnimation, styles.exitAnimation),\n    exitActive: classnames(styles.exitAnimationActive, styles.opacityAnimation),\n};\n\nconst TRANSFORM_ANIMATION_CLASSES = {\n    enterActive: styles.enterAnimationActive,\n    exitActive: styles.exitAnimationActive,\n};\n\nconst VIEWPORT_HEIGHT = (typeof window !== 'undefined' ? window.visualViewport?.height : null) ?? 0;\nconst SWIPE_THRESHOLD_REF = { current: { max: Math.round(VIEWPORT_HEIGHT * 0.8) } };\n\nconst toInteger = (value: string) => {\n    const result = parseInt(value, 10);\n    return !Number.isNaN(result) ? result : 0;\n};\n\nconst withStopPropagation = (handler?: TouchEventHandler): TouchEventHandler => {\n    return (event) => {\n        event.stopPropagation();\n        handler?.(event);\n    };\n};\n\nexport const OpacityAnimation: FC<AnimationComponentProps> = ({ animationTimeout, visible, render }) => {\n    const animatedElementRef = useRef<HTMLDivElement | null>(null);\n\n    return (\n        <CSSTransition\n            appear\n            classNames={OPACITY_ANIMATION_CLASSES}\n            in={visible}\n            mountOnEnter\n            nodeRef={animatedElementRef}\n            timeout={animationTimeout}\n            unmountOnExit\n        >\n            {render(animatedElementRef)}\n        </CSSTransition>\n    );\n};\n\nexport const TransformAnimation: FC<AnimationComponentProps & { onClose: VoidFunction }> = ({\n    animationTimeout,\n    visible,\n    render,\n    onClose,\n}) => {\n    const animatedElementRef = useRef<HTMLDivElement | null>(null);\n    const swipeOffsetRef = useRef(0);\n\n    const runTranslateYAnimation = () => {\n        if (animatedElementRef.current !== null && visualViewport !== null) {\n            animatedElementRef.current.style.transform = `translateY(${\n                visualViewport.height + swipeOffsetRef.current - animatedElementRef.current.getBoundingClientRect().top\n            }px)`;\n        }\n    };\n\n    const resetTranslateY = () => {\n        if (animatedElementRef.current !== null) {\n            animatedElementRef.current.style.transform = `translateY(${swipeOffsetRef.current}px)`;\n        }\n    };\n\n    const resetSwipeOffset = () => {\n        swipeOffsetRef.current = 0;\n    };\n\n    const swipeHandlers = useSwipe({\n        thresholdYRef: SWIPE_THRESHOLD_REF,\n        onSwipeMove: (event: SwipeEvent) => {\n            if (animatedElementRef.current !== null) {\n                animatedElementRef.current.style.transform = `translateY(${Math.max(event.distanceY, 0)}px)`;\n            }\n        },\n        onSwipeEnd: (event: SwipeEvent) => {\n            swipeOffsetRef.current = event.distanceY;\n            onClose();\n        },\n        onSwipeCancel: () => {\n            if (animatedElementRef.current !== null) {\n                animatedElementRef.current.style.transform = `translateY(0px)`;\n            }\n        },\n    });\n\n    return (\n        <CSSTransition\n            appear\n            classNames={TRANSFORM_ANIMATION_CLASSES}\n            in={visible}\n            mountOnEnter\n            nodeRef={animatedElementRef}\n            onEnter={runTranslateYAnimation}\n            onEntering={resetTranslateY}\n            onExit={resetTranslateY}\n            onExiting={runTranslateYAnimation}\n            onExited={resetSwipeOffset}\n            timeout={animationTimeout}\n            unmountOnExit\n        >\n            {render(animatedElementRef, {\n                ...swipeHandlers,\n                onTouchStart: withStopPropagation(swipeHandlers.onTouchStart),\n                onTouchMove: withStopPropagation(swipeHandlers.onTouchMove),\n            })}\n        </CSSTransition>\n    );\n};\n\nexport const Alert: FC<AlertProps> = ({\n    iconStyle = 'neutral',\n    layout,\n    icon,\n    title,\n    description,\n    buttons,\n    visible,\n    onClose,\n}) => {\n    const [animationTimeout, setAnimationTimeout] = useState<AnimationTimeout | null>(null);\n    const clickElementRef = useRef<HTMLDivElement | null>(null);\n    const { isMobile } = useBreakpoint();\n    const isServerEnv = useServerEnv();\n\n    useEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles.animationTimeout);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n        const enter = toInteger(style.getPropertyValue('--enter-animation-duration'));\n        const exit = toInteger(style.getPropertyValue('--exit-animation-duration'));\n        setAnimationTimeout({ enter, exit });\n        document.body.removeChild(animationTimeoutElement);\n    }, [setAnimationTimeout]);\n\n    useEffect(() => {\n        if (visible) {\n            return disableScroll();\n        }\n\n        return void 0;\n    }, [visible]);\n\n    useCloseByClickOutside(clickElementRef, onClose, visible);\n\n    if (!animationTimeout || isServerEnv) {\n        return null;\n    }\n\n    const content = (\n        <Fragment>\n            <div className={styles.main} data-qa=\"magritte-alert\">\n                {icon && (\n                    <div className={classnames(styles.icon, { [styles[`icon_${iconStyle}`]]: iconStyle })}>{icon}</div>\n                )}\n                <div className={styles.title}>{title}</div>\n                {description && <div className={styles.description}>{description}</div>}\n            </div>\n            <div className={classnames(styles.buttons, { [styles[`buttons_${layout}`]]: layout })}>{buttons}</div>\n        </Fragment>\n    );\n\n    if (isMobile) {\n        return createPortal(\n            <Fragment>\n                <OpacityAnimation\n                    animationTimeout={animationTimeout}\n                    visible={visible}\n                    render={(animatedElementRef) => (\n                        <Layer layer=\"bottom-sheet\">\n                            <div\n                                className={classnames(styles.overlay, styles.animationTimeout)}\n                                onClick={onClose}\n                                ref={animatedElementRef}\n                            />\n                        </Layer>\n                    )}\n                />\n                <TransformAnimation\n                    animationTimeout={animationTimeout}\n                    visible={visible}\n                    render={(animatedElementRef, props) => (\n                        <Layer layer=\"bottom-sheet\">\n                            <div\n                                {...props}\n                                className={classnames(styles.mobileContainer, styles.animationTimeout)}\n                                ref={animatedElementRef}\n                            >\n                                {content}\n                            </div>\n                        </Layer>\n                    )}\n                    onClose={onClose}\n                />\n            </Fragment>,\n            document.body\n        );\n    }\n\n    return createPortal(\n        <OpacityAnimation\n            animationTimeout={animationTimeout}\n            visible={visible}\n            render={(animatedElementRef) => (\n                <Layer layer=\"modal\">\n                    <div className={classnames(styles.overlay, styles.animationTimeout)} ref={animatedElementRef}>\n                        <div className={classnames(styles.desktopContainer)} ref={clickElementRef}>\n                            {content}\n                        </div>\n                    </div>\n                </Layer>\n            )}\n        />,\n        document.body\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/index.css

@@ -1,120 +1,120 @@
 :root{
-  --magritte-color-background-primary-v21-1-0:#ffffff;
-  --magritte-color-background-secondary-v21-1-0:#F1F4F9;
-  --magritte-color-background-accent-secondary-v21-1-0:#EDF6FF;
-  --magritte-color-background-positive-secondary-v21-1-0:#E8F9EC;
-  --magritte-color-background-negative-secondary-v21-1-0:#FEF2EF;
-  --magritte-color-background-warning-secondary-v21-1-0:#FFF3E6;
-  --magritte-color-text-primary-v21-1-0:#000000;
-  --magritte-color-text-secondary-v21-1-0:#768694;
-  --magritte-color-icon-tertiary-v21-1-0:#AABBCA;
-  --magritte-color-icon-accent-v21-1-0:#0070ff;
-  --magritte-color-icon-positive-v21-1-0:#0dc267;
-  --magritte-color-icon-negative-v21-1-0:#ff4d3a;
-  --magritte-color-icon-warning-secondary-v21-1-0:#fdb972;
-  --magritte-color-component-_overlay-background-content-v21-1-0:#20262b99;
+  --magritte-color-background-primary-v21-2-0:#ffffff;
+  --magritte-color-background-secondary-v21-2-0:#F1F4F9;
+  --magritte-color-background-accent-secondary-v21-2-0:#EDF6FF;
+  --magritte-color-background-positive-secondary-v21-2-0:#E8F9EC;
+  --magritte-color-background-negative-secondary-v21-2-0:#FEF2EF;
+  --magritte-color-background-warning-secondary-v21-2-0:#FFF3E6;
+  --magritte-color-text-primary-v21-2-0:#000000;
+  --magritte-color-text-secondary-v21-2-0:#768694;
+  --magritte-color-icon-tertiary-v21-2-0:#AABBCA;
+  --magritte-color-icon-accent-v21-2-0:#0070ff;
+  --magritte-color-icon-positive-v21-2-0:#0dc267;
+  --magritte-color-icon-negative-v21-2-0:#ff4d3a;
+  --magritte-color-icon-warning-secondary-v21-2-0:#fdb972;
+  --magritte-color-component-_overlay-background-content-v21-2-0:#20262b99;
 }
 :root{
-  --magritte-typography-title-4-semibold-font-family-v21-1-0:"hh sans";
-  --magritte-typography-title-4-semibold-font-weight-v21-1-0:500;
-  --magritte-typography-title-4-semibold-line-height-v21-1-0:32px;
-  --magritte-typography-title-4-semibold-font-size-v21-1-0:22px;
-  --magritte-typography-title-4-semibold-letter-spacing-v21-1-0:-0.0075em;
-  --magritte-typography-title-4-semibold-text-indent-v21-1-0:0px;
-  --magritte-typography-title-4-semibold-text-transform-v21-1-0:none;
-  --magritte-typography-title-4-semibold-text-decoration-v21-1-0:none;
-  --magritte-typography-paragraph-2-regular-font-family-v21-1-0:"hh sans";
-  --magritte-typography-paragraph-2-regular-font-weight-v21-1-0:400;
-  --magritte-typography-paragraph-2-regular-line-height-v21-1-0:26px;
-  --magritte-typography-paragraph-2-regular-font-size-v21-1-0:16px;
-  --magritte-typography-paragraph-2-regular-letter-spacing-v21-1-0:0.005em;
-  --magritte-typography-paragraph-2-regular-text-indent-v21-1-0:0px;
-  --magritte-typography-paragraph-2-regular-text-transform-v21-1-0:none;
-  --magritte-typography-paragraph-2-regular-text-decoration-v21-1-0:none;
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v21-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v21-1-0:200ms;
-  --magritte-static-border-radius-600-v21-1-0:24px;
+  --magritte-typography-title-4-semibold-font-family-v21-2-0:"hh sans";
+  --magritte-typography-title-4-semibold-font-weight-v21-2-0:500;
+  --magritte-typography-title-4-semibold-line-height-v21-2-0:32px;
+  --magritte-typography-title-4-semibold-font-size-v21-2-0:22px;
+  --magritte-typography-title-4-semibold-letter-spacing-v21-2-0:-0.0075em;
+  --magritte-typography-title-4-semibold-text-indent-v21-2-0:0px;
+  --magritte-typography-title-4-semibold-text-transform-v21-2-0:none;
+  --magritte-typography-title-4-semibold-text-decoration-v21-2-0:none;
+  --magritte-typography-paragraph-2-regular-font-family-v21-2-0:"hh sans";
+  --magritte-typography-paragraph-2-regular-font-weight-v21-2-0:400;
+  --magritte-typography-paragraph-2-regular-line-height-v21-2-0:26px;
+  --magritte-typography-paragraph-2-regular-font-size-v21-2-0:16px;
+  --magritte-typography-paragraph-2-regular-letter-spacing-v21-2-0:0.005em;
+  --magritte-typography-paragraph-2-regular-text-indent-v21-2-0:0px;
+  --magritte-typography-paragraph-2-regular-text-transform-v21-2-0:none;
+  --magritte-typography-paragraph-2-regular-text-decoration-v21-2-0:none;
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v21-2-0:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v21-2-0:200ms;
+  --magritte-static-border-radius-600-v21-2-0:24px;
 }
 .magritte-night-theme{
-  --magritte-color-background-primary-v21-1-0:#1B1B1B;
-  --magritte-color-background-secondary-v21-1-0:#303030;
-  --magritte-color-background-accent-secondary-v21-1-0:#222D3D;
-  --magritte-color-background-positive-secondary-v21-1-0:#16321F;
-  --magritte-color-background-negative-secondary-v21-1-0:#3D2622;
-  --magritte-color-background-warning-secondary-v21-1-0:#3D270E;
-  --magritte-color-text-primary-v21-1-0:#ffffff;
-  --magritte-color-text-secondary-v21-1-0:#ABABAB;
-  --magritte-color-icon-tertiary-v21-1-0:#767676;
-  --magritte-color-icon-accent-v21-1-0:#5e9eff;
-  --magritte-color-icon-positive-v21-1-0:#10b55f;
-  --magritte-color-icon-negative-v21-1-0:#ff4d3a;
-  --magritte-color-icon-warning-secondary-v21-1-0:#9c5b03;
-  --magritte-color-component-_overlay-background-content-v21-1-0:#26262699;
-}
-.magritte-animation-timeout___cwIwT_1-3-26{
+  --magritte-color-background-primary-v21-2-0:#1B1B1B;
+  --magritte-color-background-secondary-v21-2-0:#303030;
+  --magritte-color-background-accent-secondary-v21-2-0:#222D3D;
+  --magritte-color-background-positive-secondary-v21-2-0:#16321F;
+  --magritte-color-background-negative-secondary-v21-2-0:#3D2622;
+  --magritte-color-background-warning-secondary-v21-2-0:#3D270E;
+  --magritte-color-text-primary-v21-2-0:#ffffff;
+  --magritte-color-text-secondary-v21-2-0:#ABABAB;
+  --magritte-color-icon-tertiary-v21-2-0:#767676;
+  --magritte-color-icon-accent-v21-2-0:#5e9eff;
+  --magritte-color-icon-positive-v21-2-0:#10b55f;
+  --magritte-color-icon-negative-v21-2-0:#ff4d3a;
+  --magritte-color-icon-warning-secondary-v21-2-0:#9c5b03;
+  --magritte-color-component-_overlay-background-content-v21-2-0:#26262699;
+}
+.magritte-animation-timeout___cwIwT_2-0-1{
   --enter-animation-duration:0ms;
   --exit-animation-duration:0ms;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-timeout___cwIwT_1-3-26{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-1-0);
+  .magritte-animation-timeout___cwIwT_2-0-1{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-2-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-2-0);
   }
 }
-.magritte-enter-animation-active___Qti02_1-3-26{
+.magritte-enter-animation-active___Qti02_2-0-1{
   transition-property:transform, opacity;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-2-0);
 }
-.magritte-exit-animation-active___deHqY_1-3-26{
+.magritte-exit-animation-active___deHqY_2-0-1{
   transition-property:transform, opacity;
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-2-0);
 }
-.magritte-opacity-animation___m7RYi_1-3-26{
+.magritte-opacity-animation___m7RYi_2-0-1{
   pointer-events:none;
 }
-.magritte-opacity-animation___m7RYi_1-3-26.magritte-enter-animation___CbUHN_1-3-26{
+.magritte-opacity-animation___m7RYi_2-0-1.magritte-enter-animation___CbUHN_2-0-1{
   opacity:0;
 }
-.magritte-opacity-animation___m7RYi_1-3-26.magritte-enter-animation-active___Qti02_1-3-26{
+.magritte-opacity-animation___m7RYi_2-0-1.magritte-enter-animation-active___Qti02_2-0-1{
   opacity:1;
 }
-.magritte-opacity-animation___m7RYi_1-3-26.magritte-exit-animation___d2AJ4_1-3-26{
+.magritte-opacity-animation___m7RYi_2-0-1.magritte-exit-animation___d2AJ4_2-0-1{
   opacity:1;
 }
-.magritte-opacity-animation___m7RYi_1-3-26.magritte-exit-animation-active___deHqY_1-3-26{
+.magritte-opacity-animation___m7RYi_2-0-1.magritte-exit-animation-active___deHqY_2-0-1{
   opacity:0;
 }
-.magritte-overlay___hMlKJ_1-3-26{
+.magritte-overlay___hMlKJ_2-0-1{
   display:flex;
   align-items:center;
   justify-content:center;
   position:fixed;
   inset:0;
-  background-color:var(--magritte-color-component-_overlay-background-content-v21-1-0);
+  background-color:var(--magritte-color-component-_overlay-background-content-v21-2-0);
 }
-.magritte-mobile-container___dQRCl_1-3-26,
-.magritte-desktop-container___26vkq_1-3-26{
-  background-color:var(--magritte-color-background-primary-v21-1-0);
-  border-radius:var(--magritte-static-border-radius-600-v21-1-0);
+.magritte-mobile-container___dQRCl_2-0-1,
+.magritte-desktop-container___26vkq_2-0-1{
+  background-color:var(--magritte-color-background-primary-v21-2-0);
+  border-radius:var(--magritte-static-border-radius-600-v21-2-0);
 }
-.magritte-mobile-container___dQRCl_1-3-26{
+.magritte-mobile-container___dQRCl_2-0-1{
   position:fixed;
   inset:auto 12px 16px;
   max-width:400px;
   margin:auto;
 }
-.magritte-desktop-container___26vkq_1-3-26{
+.magritte-desktop-container___26vkq_2-0-1{
   width:400px;
 }
-.magritte-main___iCU-E_1-3-26{
+.magritte-main___iCU-E_2-0-1{
   display:flex;
   flex-direction:column;
   align-items:center;
   padding:32px 32px 12px;
 }
-.magritte-icon___fLpa-_1-3-26{
+.magritte-icon___fLpa-_2-0-1{
   display:flex;
   align-items:center;
   justify-content:center;
@@ -123,56 +123,56 @@
   border-radius:50%;
   margin-bottom:24px;
 }
-.magritte-icon_neutral___Jyl3l_1-3-26{
-  background-color:var(--magritte-color-background-secondary-v21-1-0);
-  --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v21-1-0);
-}
-.magritte-icon_accent___Nn-T1_1-3-26{
-  background-color:var(--magritte-color-background-accent-secondary-v21-1-0);
-  --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v21-1-0);
-}
-.magritte-icon_positive___OU9Zu_1-3-26{
-  background-color:var(--magritte-color-background-positive-secondary-v21-1-0);
-  --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v21-1-0);
-}
-.magritte-icon_warning___7BbUi_1-3-26{
-  background-color:var(--magritte-color-background-warning-secondary-v21-1-0);
-  --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v21-1-0);
-}
-.magritte-icon_negative___s0OA8_1-3-26{
-  background-color:var(--magritte-color-background-negative-secondary-v21-1-0);
-  --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v21-1-0);
-}
-.magritte-title___yG219_1-3-26{
-  font-family:var(--magritte-typography-title-4-semibold-font-family-v21-1-0);
-  font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-1-0);
-  line-height:var(--magritte-typography-title-4-semibold-line-height-v21-1-0);
-  font-size:var(--magritte-typography-title-4-semibold-font-size-v21-1-0);
-  letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v21-1-0);
-  text-indent:var(--magritte-typography-title-4-semibold-text-indent-v21-1-0);
-  text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-1-0);
-  text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-1-0);
-  color:var(--magritte-color-text-primary-v21-1-0);
+.magritte-icon_neutral___Jyl3l_2-0-1{
+  background-color:var(--magritte-color-background-secondary-v21-2-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v21-2-0);
+}
+.magritte-icon_accent___Nn-T1_2-0-1{
+  background-color:var(--magritte-color-background-accent-secondary-v21-2-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v21-2-0);
+}
+.magritte-icon_positive___OU9Zu_2-0-1{
+  background-color:var(--magritte-color-background-positive-secondary-v21-2-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v21-2-0);
+}
+.magritte-icon_warning___7BbUi_2-0-1{
+  background-color:var(--magritte-color-background-warning-secondary-v21-2-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v21-2-0);
+}
+.magritte-icon_negative___s0OA8_2-0-1{
+  background-color:var(--magritte-color-background-negative-secondary-v21-2-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v21-2-0);
+}
+.magritte-title___yG219_2-0-1{
+  font-family:var(--magritte-typography-title-4-semibold-font-family-v21-2-0);
+  font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-2-0);
+  line-height:var(--magritte-typography-title-4-semibold-line-height-v21-2-0);
+  font-size:var(--magritte-typography-title-4-semibold-font-size-v21-2-0);
+  letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v21-2-0);
+  text-indent:var(--magritte-typography-title-4-semibold-text-indent-v21-2-0);
+  text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-2-0);
+  text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-2-0);
+  color:var(--magritte-color-text-primary-v21-2-0);
   text-align:center;
 }
-.magritte-description___KeNoT_1-3-26{
-  font-family:var(--magritte-typography-paragraph-2-regular-font-family-v21-1-0);
-  font-weight:var(--magritte-typography-paragraph-2-regular-font-weight-v21-1-0);
-  line-height:var(--magritte-typography-paragraph-2-regular-line-height-v21-1-0);
-  font-size:var(--magritte-typography-paragraph-2-regular-font-size-v21-1-0);
-  letter-spacing:var(--magritte-typography-paragraph-2-regular-letter-spacing-v21-1-0);
-  text-indent:var(--magritte-typography-paragraph-2-regular-text-indent-v21-1-0);
-  text-transform:var(--magritte-typography-paragraph-2-regular-text-transform-v21-1-0);
-  text-decoration:var(--magritte-typography-paragraph-2-regular-text-decoration-v21-1-0);
-  color:var(--magritte-color-text-secondary-v21-1-0);
+.magritte-description___KeNoT_2-0-1{
+  font-family:var(--magritte-typography-paragraph-2-regular-font-family-v21-2-0);
+  font-weight:var(--magritte-typography-paragraph-2-regular-font-weight-v21-2-0);
+  line-height:var(--magritte-typography-paragraph-2-regular-line-height-v21-2-0);
+  font-size:var(--magritte-typography-paragraph-2-regular-font-size-v21-2-0);
+  letter-spacing:var(--magritte-typography-paragraph-2-regular-letter-spacing-v21-2-0);
+  text-indent:var(--magritte-typography-paragraph-2-regular-text-indent-v21-2-0);
+  text-transform:var(--magritte-typography-paragraph-2-regular-text-transform-v21-2-0);
+  text-decoration:var(--magritte-typography-paragraph-2-regular-text-decoration-v21-2-0);
+  color:var(--magritte-color-text-secondary-v21-2-0);
   text-align:center;
   margin-top:6px;
 }
-.magritte-buttons___lyxBC_1-3-26{
+.magritte-buttons___lyxBC_2-0-1{
   display:flex;
   gap:12px;
   padding:12px;
 }
-.magritte-buttons_vertical___8lPCo_1-3-26{
+.magritte-buttons_vertical___8lPCo_2-0-1{
   flex-direction:column;
 }

package/index.js

@@ -10,7 +10,6 @@ import '@hh.ru/magritte-common-is-server-env';
 import '@hh.ru/magritte-common-modal-helper';
 import '@hh.ru/magritte-common-mouse';
 import '@hh.ru/magritte-common-use-swipe';
-import '@hh.ru/magritte-internal-layer-name';
 import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-layer';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-alert",
-  "version": "1.3.26",
+  "version": "2.0.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -24,11 +24,11 @@
     "@hh.ru/magritte-common-modal-helper": "1.2.7",
     "@hh.ru/magritte-common-mouse": "1.1.13",
     "@hh.ru/magritte-common-use-swipe": "3.1.3",
-    "@hh.ru/magritte-design-tokens": "21.1.0",
-    "@hh.ru/magritte-internal-layer-name": "2.2.0",
+    "@hh.ru/magritte-design-tokens": "21.2.0",
+    "@hh.ru/magritte-internal-layer-name": "3.0.0",
     "@hh.ru/magritte-ui-breakpoint": "5.0.0",
-    "@hh.ru/magritte-ui-layer": "2.1.2",
-    "@hh.ru/magritte-ui-theme-provider": "1.1.37"
+    "@hh.ru/magritte-ui-layer": "3.0.0",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.38"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6ae3dbd40e749f4dfd123c76295ec05afc2c79e0"
+  "gitHead": "4cea99b0c3be38206bb6f5e6945fa298c8b3dcd1"
 }