@hh.ru/magritte-ui-alert 3.2.1 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/Alert.js +1 -1
  2. package/Alert.js.map +1 -1
  3. package/index.css +74 -74
  4. package/package.json +13 -13
package/Alert.js CHANGED
@@ -14,7 +14,7 @@ import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
14
14
  import { Layer } from '@hh.ru/magritte-ui-layer';
15
15
  import { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';
16
16
 
17
- var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_3-2-1","animationTimeout":"magritte-animation-timeout___cwIwT_3-2-1","enter-animation-active":"magritte-enter-animation-active___Qti02_3-2-1","enterAnimationActive":"magritte-enter-animation-active___Qti02_3-2-1","exit-animation-active":"magritte-exit-animation-active___deHqY_3-2-1","exitAnimationActive":"magritte-exit-animation-active___deHqY_3-2-1","opacity-animation":"magritte-opacity-animation___m7RYi_3-2-1","opacityAnimation":"magritte-opacity-animation___m7RYi_3-2-1","enter-animation":"magritte-enter-animation___CbUHN_3-2-1","enterAnimation":"magritte-enter-animation___CbUHN_3-2-1","exit-animation":"magritte-exit-animation___d2AJ4_3-2-1","exitAnimation":"magritte-exit-animation___d2AJ4_3-2-1","overlay":"magritte-overlay___hMlKJ_3-2-1","mobile-container":"magritte-mobile-container___dQRCl_3-2-1","mobileContainer":"magritte-mobile-container___dQRCl_3-2-1","desktop-container":"magritte-desktop-container___26vkq_3-2-1","desktopContainer":"magritte-desktop-container___26vkq_3-2-1","main":"magritte-main___iCU-E_3-2-1","icon":"magritte-icon___fLpa-_3-2-1","icon_neutral":"magritte-icon_neutral___Jyl3l_3-2-1","iconNeutral":"magritte-icon_neutral___Jyl3l_3-2-1","icon_accent":"magritte-icon_accent___Nn-T1_3-2-1","iconAccent":"magritte-icon_accent___Nn-T1_3-2-1","icon_positive":"magritte-icon_positive___OU9Zu_3-2-1","iconPositive":"magritte-icon_positive___OU9Zu_3-2-1","icon_warning":"magritte-icon_warning___7BbUi_3-2-1","iconWarning":"magritte-icon_warning___7BbUi_3-2-1","icon_negative":"magritte-icon_negative___s0OA8_3-2-1","iconNegative":"magritte-icon_negative___s0OA8_3-2-1","title":"magritte-title___yG219_3-2-1","description":"magritte-description___KeNoT_3-2-1","buttons":"magritte-buttons___lyxBC_3-2-1","buttons_vertical":"magritte-buttons_vertical___8lPCo_3-2-1","buttonsVertical":"magritte-buttons_vertical___8lPCo_3-2-1"};
17
+ var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_3-2-3","animationTimeout":"magritte-animation-timeout___cwIwT_3-2-3","enter-animation-active":"magritte-enter-animation-active___Qti02_3-2-3","enterAnimationActive":"magritte-enter-animation-active___Qti02_3-2-3","exit-animation-active":"magritte-exit-animation-active___deHqY_3-2-3","exitAnimationActive":"magritte-exit-animation-active___deHqY_3-2-3","opacity-animation":"magritte-opacity-animation___m7RYi_3-2-3","opacityAnimation":"magritte-opacity-animation___m7RYi_3-2-3","enter-animation":"magritte-enter-animation___CbUHN_3-2-3","enterAnimation":"magritte-enter-animation___CbUHN_3-2-3","exit-animation":"magritte-exit-animation___d2AJ4_3-2-3","exitAnimation":"magritte-exit-animation___d2AJ4_3-2-3","overlay":"magritte-overlay___hMlKJ_3-2-3","mobile-container":"magritte-mobile-container___dQRCl_3-2-3","mobileContainer":"magritte-mobile-container___dQRCl_3-2-3","desktop-container":"magritte-desktop-container___26vkq_3-2-3","desktopContainer":"magritte-desktop-container___26vkq_3-2-3","main":"magritte-main___iCU-E_3-2-3","icon":"magritte-icon___fLpa-_3-2-3","icon_neutral":"magritte-icon_neutral___Jyl3l_3-2-3","iconNeutral":"magritte-icon_neutral___Jyl3l_3-2-3","icon_accent":"magritte-icon_accent___Nn-T1_3-2-3","iconAccent":"magritte-icon_accent___Nn-T1_3-2-3","icon_positive":"magritte-icon_positive___OU9Zu_3-2-3","iconPositive":"magritte-icon_positive___OU9Zu_3-2-3","icon_warning":"magritte-icon_warning___7BbUi_3-2-3","iconWarning":"magritte-icon_warning___7BbUi_3-2-3","icon_negative":"magritte-icon_negative___s0OA8_3-2-3","iconNegative":"magritte-icon_negative___s0OA8_3-2-3","title":"magritte-title___yG219_3-2-3","description":"magritte-description___KeNoT_3-2-3","buttons":"magritte-buttons___lyxBC_3-2-3","buttons_vertical":"magritte-buttons_vertical___8lPCo_3-2-3","buttonsVertical":"magritte-buttons_vertical___8lPCo_3-2-3"};
18
18
 
19
19
  const OPACITY_ANIMATION_CLASSES = {
20
20
  enter: classnames(styles.opacityAnimation, styles.enterAnimation),
package/Alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sources":["../src/Alert.tsx"],"sourcesContent":["import { FC, Fragment, ReactElement, RefObject, useEffect, useId, 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 { keyboardMatch, keyboardKeys, useKeyboardNavigation } from '@hh.ru/magritte-common-keyboard';\nimport { disableScroll, TimeoutCallback } from '@hh.ru/magritte-common-modal-helper';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useNoBubbling } from '@hh.ru/magritte-common-use-no-bubbling';\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';\nimport { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';\n\nimport styles from './alert.less';\n\ntype AnimationTimeout = { enter: number; exit: number };\n\ntype AnimationComponentProps = {\n animationTimeout: AnimationTimeout;\n visible: boolean;\n render: (\n animatedElementRef: RefObject<HTMLDivElement>,\n eventHandlers?: JSX.IntrinsicElements['div']\n ) => 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\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 const eventHandlers = useNoBubbling(swipeHandlers);\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, eventHandlers)}\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 returnFocusOnClose = true,\n}) => {\n const [animationTimeout, setAnimationTimeout] = useState<AnimationTimeout | null>(null);\n const animationTimeoutExitRef = useRef(animationTimeout?.exit || 0);\n animationTimeoutExitRef.current = animationTimeout?.exit || 0;\n const isServerEnv = useServerEnv();\n const desktopContainerRef = useRef<HTMLDivElement | null>(null);\n const keyboardNavigationRef = useKeyboardNavigation({ enabled: visible && !isServerEnv, mode: 'loop' });\n const desktopContainerRefCallback = useMultipleRefs(desktopContainerRef, keyboardNavigationRef);\n const { isMobile } = useBreakpoint();\n const activatorRef = useRef<HTMLElement | null>(null);\n const labelId = useId();\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 if (returnFocusOnClose && document.activeElement instanceof HTMLElement) {\n activatorRef.current = document.activeElement;\n }\n\n let enableScroll: TimeoutCallback | undefined = disableScroll();\n\n if (desktopContainerRef.current && !desktopContainerRef.current.contains(document.activeElement)) {\n desktopContainerRef.current.focus();\n }\n\n return () => {\n enableScroll?.(animationTimeoutExitRef.current);\n enableScroll = undefined;\n\n if (activatorRef.current !== null && document.contains(activatorRef.current)) {\n activatorRef.current.focus();\n activatorRef.current = null;\n }\n };\n }\n\n return void 0;\n }, [returnFocusOnClose, visible]);\n\n const eventHandlers = useNoBubbling({\n onKeyDown: (event) => {\n if (keyboardMatch(event.nativeEvent as KeyboardEvent, keyboardKeys.Escape)) {\n onClose();\n }\n },\n onMouseDown: (event) => {\n if (desktopContainerRef.current && !desktopContainerRef.current.contains(event.target as HTMLElement)) {\n onClose();\n }\n },\n });\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 !== 'avatar' })}>\n {icon}\n </div>\n )}\n <div className={styles.title} id={labelId}>\n {title}\n </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 <ThemeWrapper>\n {(themeClass) => (\n <Layer layer=\"bottom-sheet\">\n <div\n {...eventHandlers}\n className={classnames(styles.overlay, styles.animationTimeout, themeClass)}\n onClick={onClose}\n ref={animatedElementRef}\n />\n </Layer>\n )}\n </ThemeWrapper>\n )}\n />\n <TransformAnimation\n animationTimeout={animationTimeout}\n visible={visible}\n render={(animatedElementRef, eventHandlers) => (\n <ThemeWrapper>\n {(themeClass) => (\n <Layer layer=\"bottom-sheet\">\n <div\n {...eventHandlers}\n className={classnames(\n styles.mobileContainer,\n styles.animationTimeout,\n themeClass\n )}\n ref={animatedElementRef}\n >\n {content}\n </div>\n </Layer>\n )}\n </ThemeWrapper>\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 <ThemeWrapper>\n {(themeClass) => (\n <Layer layer=\"modal\">\n <div\n {...eventHandlers}\n className={classnames(styles.overlay, themeClass, styles.animationTimeout)}\n ref={animatedElementRef}\n >\n <div\n aria-labelledby={labelId}\n aria-modal={visible && !isServerEnv}\n role=\"alertdialog\"\n tabIndex={-1}\n className={classnames(styles.desktopContainer)}\n ref={desktopContainerRefCallback}\n >\n {content}\n </div>\n </div>\n </Layer>\n )}\n </ThemeWrapper>\n )}\n />,\n document.body\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"Alert.js","sources":["src/Alert.tsx"],"sourcesContent":["import { FC, Fragment, ReactElement, RefObject, useEffect, useId, 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 { keyboardMatch, keyboardKeys, useKeyboardNavigation } from '@hh.ru/magritte-common-keyboard';\nimport { disableScroll, TimeoutCallback } from '@hh.ru/magritte-common-modal-helper';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useNoBubbling } from '@hh.ru/magritte-common-use-no-bubbling';\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';\nimport { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';\n\nimport styles from './alert.less';\n\ntype AnimationTimeout = { enter: number; exit: number };\n\ntype AnimationComponentProps = {\n animationTimeout: AnimationTimeout;\n visible: boolean;\n render: (\n animatedElementRef: RefObject<HTMLDivElement>,\n eventHandlers?: JSX.IntrinsicElements['div']\n ) => 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\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 const eventHandlers = useNoBubbling(swipeHandlers);\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, eventHandlers)}\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 returnFocusOnClose = true,\n}) => {\n const [animationTimeout, setAnimationTimeout] = useState<AnimationTimeout | null>(null);\n const animationTimeoutExitRef = useRef(animationTimeout?.exit || 0);\n animationTimeoutExitRef.current = animationTimeout?.exit || 0;\n const isServerEnv = useServerEnv();\n const desktopContainerRef = useRef<HTMLDivElement | null>(null);\n const keyboardNavigationRef = useKeyboardNavigation({ enabled: visible && !isServerEnv, mode: 'loop' });\n const desktopContainerRefCallback = useMultipleRefs(desktopContainerRef, keyboardNavigationRef);\n const { isMobile } = useBreakpoint();\n const activatorRef = useRef<HTMLElement | null>(null);\n const labelId = useId();\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 if (returnFocusOnClose && document.activeElement instanceof HTMLElement) {\n activatorRef.current = document.activeElement;\n }\n\n let enableScroll: TimeoutCallback | undefined = disableScroll();\n\n if (desktopContainerRef.current && !desktopContainerRef.current.contains(document.activeElement)) {\n desktopContainerRef.current.focus();\n }\n\n return () => {\n enableScroll?.(animationTimeoutExitRef.current);\n enableScroll = undefined;\n\n if (activatorRef.current !== null && document.contains(activatorRef.current)) {\n activatorRef.current.focus();\n activatorRef.current = null;\n }\n };\n }\n\n return void 0;\n }, [returnFocusOnClose, visible]);\n\n const eventHandlers = useNoBubbling({\n onKeyDown: (event) => {\n if (keyboardMatch(event.nativeEvent as KeyboardEvent, keyboardKeys.Escape)) {\n onClose();\n }\n },\n onMouseDown: (event) => {\n if (desktopContainerRef.current && !desktopContainerRef.current.contains(event.target as HTMLElement)) {\n onClose();\n }\n },\n });\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 !== 'avatar' })}>\n {icon}\n </div>\n )}\n <div className={styles.title} id={labelId}>\n {title}\n </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 <ThemeWrapper>\n {(themeClass) => (\n <Layer layer=\"bottom-sheet\">\n <div\n {...eventHandlers}\n className={classnames(styles.overlay, styles.animationTimeout, themeClass)}\n onClick={onClose}\n ref={animatedElementRef}\n />\n </Layer>\n )}\n </ThemeWrapper>\n )}\n />\n <TransformAnimation\n animationTimeout={animationTimeout}\n visible={visible}\n render={(animatedElementRef, eventHandlers) => (\n <ThemeWrapper>\n {(themeClass) => (\n <Layer layer=\"bottom-sheet\">\n <div\n {...eventHandlers}\n className={classnames(\n styles.mobileContainer,\n styles.animationTimeout,\n themeClass\n )}\n ref={animatedElementRef}\n >\n {content}\n </div>\n </Layer>\n )}\n </ThemeWrapper>\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 <ThemeWrapper>\n {(themeClass) => (\n <Layer layer=\"modal\">\n <div\n {...eventHandlers}\n className={classnames(styles.overlay, themeClass, styles.animationTimeout)}\n ref={animatedElementRef}\n >\n <div\n aria-labelledby={labelId}\n aria-modal={visible && !isServerEnv}\n role=\"alertdialog\"\n tabIndex={-1}\n className={classnames(styles.desktopContainer)}\n ref={desktopContainerRefCallback}\n >\n {content}\n </div>\n </div>\n </Layer>\n )}\n </ThemeWrapper>\n )}\n />,\n document.body\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
package/index.css CHANGED
@@ -1,109 +1,109 @@
1
1
  :root{
2
- --magritte-color-background-primary-v24-3-0:#ffffff;
3
- --magritte-color-background-secondary-v24-3-0:#F1F4F9;
4
- --magritte-color-background-accent-secondary-v24-3-0:#EDF6FF;
5
- --magritte-color-background-positive-secondary-v24-3-0:#E8F9EC;
6
- --magritte-color-background-negative-secondary-v24-3-0:#FEF2EF;
7
- --magritte-color-background-warning-secondary-v24-3-0:#FFF3E6;
8
- --magritte-color-text-primary-v24-3-0:#000000;
9
- --magritte-color-text-secondary-v24-3-0:#768694;
10
- --magritte-color-icon-tertiary-v24-3-0:#AABBCA;
11
- --magritte-color-icon-accent-v24-3-0:#0070ff;
12
- --magritte-color-icon-positive-v24-3-0:#10b55f;
13
- --magritte-color-icon-negative-v24-3-0:#ff4d3a;
14
- --magritte-color-icon-warning-secondary-v24-3-0:#fdb972;
15
- --magritte-color-component-_overlay-background-content-v24-3-0:#20262b99;
2
+ --magritte-color-background-primary-v24-4-1:#ffffff;
3
+ --magritte-color-background-secondary-v24-4-1:#F1F4F9;
4
+ --magritte-color-background-accent-secondary-v24-4-1:#EDF6FF;
5
+ --magritte-color-background-positive-secondary-v24-4-1:#E8F9EC;
6
+ --magritte-color-background-negative-secondary-v24-4-1:#FEF2EF;
7
+ --magritte-color-background-warning-secondary-v24-4-1:#FFF3E6;
8
+ --magritte-color-text-primary-v24-4-1:#000000;
9
+ --magritte-color-text-secondary-v24-4-1:#768694;
10
+ --magritte-color-icon-tertiary-v24-4-1:#AABBCA;
11
+ --magritte-color-icon-accent-v24-4-1:#0070ff;
12
+ --magritte-color-icon-positive-v24-4-1:#10b55f;
13
+ --magritte-color-icon-negative-v24-4-1:#ff4d3a;
14
+ --magritte-color-icon-warning-secondary-v24-4-1:#fdb972;
15
+ --magritte-color-component-_overlay-background-content-v24-4-1:#20262b99;
16
16
  }
17
17
 
18
18
  :root{
19
- --magritte-semantic-animation-ease-in-out-200-timing-function-v24-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
20
- --magritte-semantic-animation-ease-in-out-200-duration-v24-3-0:200ms;
19
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1:cubic-bezier(0.25, 0.1, 0.25, 1);
20
+ --magritte-semantic-animation-ease-in-out-200-duration-v24-4-1:200ms;
21
21
  }
22
22
 
23
23
  .magritte-night-theme{
24
- --magritte-color-background-primary-v24-3-0:#1B1B1B;
25
- --magritte-color-background-secondary-v24-3-0:#303030;
26
- --magritte-color-background-accent-secondary-v24-3-0:#222D3D;
27
- --magritte-color-background-positive-secondary-v24-3-0:#16321F;
28
- --magritte-color-background-negative-secondary-v24-3-0:#3D2622;
29
- --magritte-color-background-warning-secondary-v24-3-0:#3D270E;
30
- --magritte-color-text-primary-v24-3-0:#ffffff;
31
- --magritte-color-text-secondary-v24-3-0:#ABABAB;
32
- --magritte-color-icon-tertiary-v24-3-0:#767676;
33
- --magritte-color-icon-accent-v24-3-0:#5e9eff;
34
- --magritte-color-icon-warning-secondary-v24-3-0:#9c5b03;
35
- --magritte-color-component-_overlay-background-content-v24-3-0:#26262699;
24
+ --magritte-color-background-primary-v24-4-1:#1B1B1B;
25
+ --magritte-color-background-secondary-v24-4-1:#303030;
26
+ --magritte-color-background-accent-secondary-v24-4-1:#222D3D;
27
+ --magritte-color-background-positive-secondary-v24-4-1:#16321F;
28
+ --magritte-color-background-negative-secondary-v24-4-1:#3D2622;
29
+ --magritte-color-background-warning-secondary-v24-4-1:#3D270E;
30
+ --magritte-color-text-primary-v24-4-1:#ffffff;
31
+ --magritte-color-text-secondary-v24-4-1:#ABABAB;
32
+ --magritte-color-icon-tertiary-v24-4-1:#767676;
33
+ --magritte-color-icon-accent-v24-4-1:#5e9eff;
34
+ --magritte-color-icon-warning-secondary-v24-4-1:#9c5b03;
35
+ --magritte-color-component-_overlay-background-content-v24-4-1:#26262699;
36
36
  }
37
37
 
38
38
  .magritte-zp-day-theme{
39
- --magritte-color-background-accent-secondary-v24-3-0:#F1F4F7;
40
- --magritte-color-icon-accent-v24-3-0:#7195AF;
41
- --magritte-color-icon-positive-v24-3-0:#0dc267;
39
+ --magritte-color-background-accent-secondary-v24-4-1:#F1F4F7;
40
+ --magritte-color-icon-accent-v24-4-1:#7195AF;
41
+ --magritte-color-icon-positive-v24-4-1:#0dc267;
42
42
  }
43
- .magritte-animation-timeout___cwIwT_3-2-1{
43
+ .magritte-animation-timeout___cwIwT_3-2-3{
44
44
  --enter-animation-duration:0ms;
45
45
  --exit-animation-duration:0ms;
46
46
  }
47
47
  @media (prefers-reduced-motion: no-preference){
48
- .magritte-animation-timeout___cwIwT_3-2-1{
49
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-3-0);
50
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-3-0);
48
+ .magritte-animation-timeout___cwIwT_3-2-3{
49
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-1);
50
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-1);
51
51
  }
52
52
  }
53
- .magritte-enter-animation-active___Qti02_3-2-1{
53
+ .magritte-enter-animation-active___Qti02_3-2-3{
54
54
  transition-property:transform, opacity;
55
55
  transition-duration:var(--enter-animation-duration);
56
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-3-0);
56
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1);
57
57
  }
58
- .magritte-exit-animation-active___deHqY_3-2-1{
58
+ .magritte-exit-animation-active___deHqY_3-2-3{
59
59
  transition-property:transform, opacity;
60
60
  transition-duration:var(--exit-animation-duration);
61
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-3-0);
61
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1);
62
62
  }
63
- .magritte-opacity-animation___m7RYi_3-2-1{
63
+ .magritte-opacity-animation___m7RYi_3-2-3{
64
64
  pointer-events:none;
65
65
  }
66
- .magritte-opacity-animation___m7RYi_3-2-1.magritte-enter-animation___CbUHN_3-2-1{
66
+ .magritte-opacity-animation___m7RYi_3-2-3.magritte-enter-animation___CbUHN_3-2-3{
67
67
  opacity:0;
68
68
  }
69
- .magritte-opacity-animation___m7RYi_3-2-1.magritte-enter-animation-active___Qti02_3-2-1{
69
+ .magritte-opacity-animation___m7RYi_3-2-3.magritte-enter-animation-active___Qti02_3-2-3{
70
70
  opacity:1;
71
71
  }
72
- .magritte-opacity-animation___m7RYi_3-2-1.magritte-exit-animation___d2AJ4_3-2-1{
72
+ .magritte-opacity-animation___m7RYi_3-2-3.magritte-exit-animation___d2AJ4_3-2-3{
73
73
  opacity:1;
74
74
  }
75
- .magritte-opacity-animation___m7RYi_3-2-1.magritte-exit-animation-active___deHqY_3-2-1{
75
+ .magritte-opacity-animation___m7RYi_3-2-3.magritte-exit-animation-active___deHqY_3-2-3{
76
76
  opacity:0;
77
77
  }
78
- .magritte-overlay___hMlKJ_3-2-1{
78
+ .magritte-overlay___hMlKJ_3-2-3{
79
79
  display:flex;
80
80
  align-items:center;
81
81
  justify-content:center;
82
82
  position:fixed;
83
83
  inset:0;
84
- background-color:var(--magritte-color-component-_overlay-background-content-v24-3-0);
84
+ background-color:var(--magritte-color-component-_overlay-background-content-v24-4-1);
85
85
  }
86
- .magritte-mobile-container___dQRCl_3-2-1,
87
- .magritte-desktop-container___26vkq_3-2-1{
88
- background-color:var(--magritte-color-background-primary-v24-3-0);
86
+ .magritte-mobile-container___dQRCl_3-2-3,
87
+ .magritte-desktop-container___26vkq_3-2-3{
88
+ background-color:var(--magritte-color-background-primary-v24-4-1);
89
89
  border-radius:24px;
90
90
  }
91
- .magritte-mobile-container___dQRCl_3-2-1{
91
+ .magritte-mobile-container___dQRCl_3-2-3{
92
92
  position:fixed;
93
93
  inset:auto 12px 16px;
94
94
  max-width:400px;
95
95
  margin:auto;
96
96
  }
97
- .magritte-desktop-container___26vkq_3-2-1{
97
+ .magritte-desktop-container___26vkq_3-2-3{
98
98
  width:400px;
99
99
  }
100
- .magritte-main___iCU-E_3-2-1{
100
+ .magritte-main___iCU-E_3-2-3{
101
101
  display:flex;
102
102
  flex-direction:column;
103
103
  align-items:center;
104
104
  padding:32px 32px 12px;
105
105
  }
106
- .magritte-icon___fLpa-_3-2-1{
106
+ .magritte-icon___fLpa-_3-2-3{
107
107
  display:flex;
108
108
  align-items:center;
109
109
  justify-content:center;
@@ -112,27 +112,27 @@
112
112
  border-radius:50%;
113
113
  margin-bottom:24px;
114
114
  }
115
- .magritte-icon_neutral___Jyl3l_3-2-1{
116
- background-color:var(--magritte-color-background-secondary-v24-3-0);
117
- --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-3-0);
115
+ .magritte-icon_neutral___Jyl3l_3-2-3{
116
+ background-color:var(--magritte-color-background-secondary-v24-4-1);
117
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-4-1);
118
118
  }
119
- .magritte-icon_accent___Nn-T1_3-2-1{
120
- background-color:var(--magritte-color-background-accent-secondary-v24-3-0);
121
- --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v24-3-0);
119
+ .magritte-icon_accent___Nn-T1_3-2-3{
120
+ background-color:var(--magritte-color-background-accent-secondary-v24-4-1);
121
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v24-4-1);
122
122
  }
123
- .magritte-icon_positive___OU9Zu_3-2-1{
124
- background-color:var(--magritte-color-background-positive-secondary-v24-3-0);
125
- --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v24-3-0);
123
+ .magritte-icon_positive___OU9Zu_3-2-3{
124
+ background-color:var(--magritte-color-background-positive-secondary-v24-4-1);
125
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v24-4-1);
126
126
  }
127
- .magritte-icon_warning___7BbUi_3-2-1{
128
- background-color:var(--magritte-color-background-warning-secondary-v24-3-0);
129
- --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v24-3-0);
127
+ .magritte-icon_warning___7BbUi_3-2-3{
128
+ background-color:var(--magritte-color-background-warning-secondary-v24-4-1);
129
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v24-4-1);
130
130
  }
131
- .magritte-icon_negative___s0OA8_3-2-1{
132
- background-color:var(--magritte-color-background-negative-secondary-v24-3-0);
133
- --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v24-3-0);
131
+ .magritte-icon_negative___s0OA8_3-2-3{
132
+ background-color:var(--magritte-color-background-negative-secondary-v24-4-1);
133
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v24-4-1);
134
134
  }
135
- .magritte-title___yG219_3-2-1{
135
+ .magritte-title___yG219_3-2-3{
136
136
  font-family:"hh sans";
137
137
  font-weight:500;
138
138
  line-height:32px;
@@ -141,10 +141,10 @@
141
141
  text-indent:0px;
142
142
  text-transform:none;
143
143
  text-decoration:none;
144
- color:var(--magritte-color-text-primary-v24-3-0);
144
+ color:var(--magritte-color-text-primary-v24-4-1);
145
145
  text-align:center;
146
146
  }
147
- .magritte-description___KeNoT_3-2-1{
147
+ .magritte-description___KeNoT_3-2-3{
148
148
  font-family:"hh sans";
149
149
  font-weight:400;
150
150
  line-height:26px;
@@ -153,15 +153,15 @@
153
153
  text-indent:0px;
154
154
  text-transform:none;
155
155
  text-decoration:none;
156
- color:var(--magritte-color-text-secondary-v24-3-0);
156
+ color:var(--magritte-color-text-secondary-v24-4-1);
157
157
  text-align:center;
158
158
  margin-top:6px;
159
159
  }
160
- .magritte-buttons___lyxBC_3-2-1{
160
+ .magritte-buttons___lyxBC_3-2-3{
161
161
  display:flex;
162
162
  gap:12px;
163
163
  padding:12px;
164
164
  }
165
- .magritte-buttons_vertical___8lPCo_3-2-1{
165
+ .magritte-buttons_vertical___8lPCo_3-2-3{
166
166
  flex-direction:column;
167
167
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-alert",
3
- "version": "3.2.1",
3
+ "version": "3.2.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,17 +19,17 @@
19
19
  "watch": "yarn root:watch $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-common-is-server-env": "1.0.7",
23
- "@hh.ru/magritte-common-keyboard": "4.3.0",
24
- "@hh.ru/magritte-common-modal-helper": "1.3.0",
25
- "@hh.ru/magritte-common-use-multiple-refs": "1.1.10",
26
- "@hh.ru/magritte-common-use-no-bubbling": "1.0.7",
27
- "@hh.ru/magritte-common-use-swipe": "3.1.8",
28
- "@hh.ru/magritte-design-tokens": "24.3.0",
29
- "@hh.ru/magritte-internal-layer-name": "3.3.0",
30
- "@hh.ru/magritte-ui-breakpoint": "6.0.6",
31
- "@hh.ru/magritte-ui-layer": "3.2.0",
32
- "@hh.ru/magritte-ui-theme-wrapper": "1.1.10"
22
+ "@hh.ru/magritte-common-is-server-env": "1.0.8",
23
+ "@hh.ru/magritte-common-keyboard": "4.3.1",
24
+ "@hh.ru/magritte-common-modal-helper": "1.3.1",
25
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
26
+ "@hh.ru/magritte-common-use-no-bubbling": "1.0.8",
27
+ "@hh.ru/magritte-common-use-swipe": "3.1.9",
28
+ "@hh.ru/magritte-design-tokens": "24.4.1",
29
+ "@hh.ru/magritte-internal-layer-name": "3.4.1",
30
+ "@hh.ru/magritte-ui-breakpoint": "6.0.7",
31
+ "@hh.ru/magritte-ui-layer": "3.2.2",
32
+ "@hh.ru/magritte-ui-theme-wrapper": "1.1.12"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "classnames": ">=2.3.2",
@@ -40,5 +40,5 @@
40
40
  "publishConfig": {
41
41
  "access": "public"
42
42
  },
43
- "gitHead": "cd762742faf8206ce237c2fa3984574d9121696b"
43
+ "gitHead": "ec7d56f576ca5581c2acb5010b53bbfb8da52962"
44
44
  }