@alfalab/core-components 47.14.0 → 47.15.0

package/toast/moderncssm/components/base-toast/component.d.ts

@@ -0,0 +1,92 @@
+/// <reference types="react" />
+import React from 'react';
+import { PopoverProps } from "../../../../popover";
+import { ToastPlateProps } from "../../../../toast-plate";
+import { ToastPlate as ToastPlateComponent } from "../../../../toast-plate";
+type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements' | 'position' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition' | 'useAnchorWidth'> & {
+    /**
+     * Элемент, относительного которого появляется тост.
+     * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
+     */
+    anchorElement?: HTMLElement | null;
+    /**
+     * Через сколько исчезнет компонент (ms).
+     */
+    autoCloseDelay?: number;
+    /**
+     * Отступ снизу (при fixed-позиционировании).
+     */
+    bottomOffset?: number;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Разрешить закрывать toast кликом вне компонента
+     * @default true
+     */
+    closeWithClickOutside?: boolean;
+    /**
+     * Обработчик закрытия компонента.
+     */
+    onClose: () => void;
+    /**
+     * Плашка тоста.
+     * По-дефолту рендерит компонент ToastPlate
+     */
+    ToastPlate?: typeof ToastPlateComponent;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     * Необходимо использовать вместе с anchorElement
+     */
+    offset?: [number, number];
+};
+declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+    /**
+     * Элемент, относительного которого появляется тост.
+     * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
+     */
+    anchorElement?: HTMLElement | null | undefined;
+    /**
+     * Через сколько исчезнет компонент (ms).
+     */
+    autoCloseDelay?: number | undefined;
+    /**
+     * Отступ снизу (при fixed-позиционировании).
+     */
+    bottomOffset?: number | undefined;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number | undefined;
+    /**
+     * Разрешить закрывать toast кликом вне компонента
+     * @default true
+     */
+    closeWithClickOutside?: boolean | undefined;
+    /**
+     * Обработчик закрытия компонента.
+     */
+    onClose: () => void;
+    /**
+     * Плашка тоста.
+     * По-дефолту рендерит компонент ToastPlate
+     */
+    ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    } & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     * Необходимо использовать вместе с anchorElement
+     */
+    offset?: [number, number] | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { BaseToastProps, BaseToast };

package/toast/moderncssm/components/base-toast/component.js

@@ -0,0 +1,79 @@
+import React, { forwardRef, useRef, useCallback, useEffect } from 'react';
+import mergeRefs from 'react-merge-refs';
+import { CSSTransition } from 'react-transition-group';
+import cn from 'classnames';
+import { Popover } from '../../../../popover/moderncssm';
+import { Portal } from '../../../../portal/moderncssm';
+import { Stack } from '../../../../stack/moderncssm';
+import { usePrevious, useClickOutside } from '@alfalab/hooks';
+import { stackingOrder } from '@alfalab/stack-context';
+import styles from './index.module.css';
+
+const CSS_TRANSITION_CLASS_NAMES = {
+    enter: styles.enter,
+    enterActive: styles.enterActive,
+    exit: styles.exit,
+    exitActive: styles.exitActive,
+};
+const noop = () => { };
+const BaseToast = forwardRef(({ anchorElement, position, offset, open, autoCloseDelay = 3000, className, titleClassName, bottomOffset, style = {}, block, zIndex = stackingOrder.TOAST, ToastPlate, onMouseEnter, onMouseLeave, onTouchStart, onClose, getPortalContainer, useAnchorWidth, closeWithClickOutside = true, fallbackPlacements, ...restProps }, ref) => {
+    const plateRef = useRef(null);
+    const timerId = useRef(0);
+    const prevOpen = usePrevious(open);
+    const startTimer = useCallback(() => {
+        clearTimeout(timerId.current);
+        timerId.current = window.setTimeout(onClose, autoCloseDelay);
+    }, [autoCloseDelay, onClose]);
+    const stopTimer = useCallback(() => {
+        clearTimeout(timerId.current);
+    }, []);
+    const handleMouseEnter = useCallback((event) => {
+        stopTimer();
+        if (onMouseEnter) {
+            onMouseEnter(event);
+        }
+    }, [onMouseEnter, stopTimer]);
+    const handleMouseLeave = useCallback((event) => {
+        startTimer();
+        if (onMouseLeave) {
+            onMouseLeave(event);
+        }
+    }, [onMouseLeave, startTimer]);
+    const handleTouchStart = useCallback((event) => {
+        stopTimer();
+        if (onTouchStart) {
+            onTouchStart(event);
+        }
+    }, [onTouchStart, stopTimer]);
+    const handleClickOutside = useCallback(() => {
+        onClose();
+        stopTimer();
+    }, [onClose, stopTimer]);
+    useClickOutside(plateRef, closeWithClickOutside ? handleClickOutside : noop);
+    useEffect(() => () => clearTimeout(timerId.current), []);
+    useEffect(() => {
+        if (open !== prevOpen && open) {
+            startTimer();
+        }
+    }, [open, prevOpen, startTimer, stopTimer]);
+    const props = {
+        block,
+        titleClassName: cn(titleClassName, styles.title),
+        onClose,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onTouchStart: handleTouchStart,
+        ref: mergeRefs([ref, plateRef]),
+    };
+    if (anchorElement) {
+        return (React.createElement(Popover, { open: open, anchorElement: anchorElement, position: position, offset: offset, popperClassName: styles.popoverInner, className: cn({ [styles.block]: block }), getPortalContainer: getPortalContainer, zIndex: zIndex, useAnchorWidth: useAnchorWidth, fallbackPlacements: fallbackPlacements }, ToastPlate ? (React.createElement(ToastPlate, { ...restProps, style: style, className: className, ...props })) : null));
+    }
+    return (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(Portal, { getPortalContainer: getPortalContainer },
+        React.createElement(CSSTransition, { unmountOnExit: true, in: open, timeout: 150, nodeRef: plateRef, classNames: CSS_TRANSITION_CLASS_NAMES }, ToastPlate ? (React.createElement(ToastPlate, { ...restProps, className: cn(styles.fixed, styles.toastPlate, className), style: {
+                ...style,
+                bottom: bottomOffset && `${bottomOffset}px`,
+                zIndex: computedZIndex,
+            }, ...props })) : null)))));
+});
+
+export { BaseToast };

package/toast/moderncssm/components/base-toast/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/toast/moderncssm/components/base-toast/index.js

@@ -0,0 +1,11 @@
+export { BaseToast } from './component.js';
+import 'react';
+import 'react-merge-refs';
+import 'react-transition-group';
+import 'classnames';
+import '../../../../popover/moderncssm';
+import '../../../../portal/moderncssm';
+import '../../../../stack/moderncssm';
+import '@alfalab/hooks';
+import '@alfalab/stack-context';
+import './index.module.css';

package/toast/moderncssm/components/base-toast/index.module.css

@@ -0,0 +1,48 @@
+/* */
+:root {
+    /* default */
+    --toast-plate-border-radius: var(--border-radius-l);
+
+    /* inverted */
+}
+:root {
+    --toast-box-shadow: var(--shadow-m);
+}
+.toastPlate {
+    box-shadow: var(--toast-box-shadow);
+    word-break: break-word;
+}
+.title {
+    font-weight: 400;
+}
+.popoverInner {
+    border: none;
+    border-radius: var(--toast-plate-border-radius);
+    box-shadow: var(--toast-box-shadow);
+    background-color: transparent;
+}
+.block {
+    width: 100%;
+}
+.fixed {
+    position: fixed;
+    bottom: var(--gap-32)
+}
+.fixed.enter {
+        opacity: 0;
+        transform: scale(0.98);
+    }
+.fixed.enterActive {
+        opacity: 1;
+        transform: scale(1);
+        transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
+    }
+.fixed.exit {
+        opacity: 1;
+        transform: scale(1);
+    }
+.fixed.exitActive {
+        opacity: 0;
+        transform: scale(0.98);
+        transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
+    }

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseToastProps } from "../components/base-toast/index";
+type ToastDesktopProps = Omit<BaseToastProps, 'bottomButtonPosition' | 'breakpoint'>;
+declare const ToastDesktop: React.ForwardRefExoticComponent<ToastDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { ToastDesktopProps, ToastDesktop };

package/toast/moderncssm/desktop/Component.desktop.js

@@ -0,0 +1,17 @@
+import React, { forwardRef } from 'react';
+import { ToastPlateDesktop } from '../../../toast-plate/moderncssm/desktop';
+import { BaseToast } from '../components/base-toast/component.js';
+import 'react-merge-refs';
+import 'react-transition-group';
+import 'classnames';
+import '../../../popover/moderncssm';
+import '../../../portal/moderncssm';
+import '../../../stack/moderncssm';
+import '@alfalab/hooks';
+import '@alfalab/stack-context';
+import '../components/base-toast/index.module.css';
+
+const DefaultToastPlateDesktop = forwardRef((props, ref) => (React.createElement(ToastPlateDesktop, { ref: ref, ...props })));
+const ToastDesktop = forwardRef(({ ToastPlate = DefaultToastPlateDesktop, ...restProps }, ref) => (React.createElement(BaseToast, { ToastPlate: ToastPlate, ...restProps, ref: ref })));
+
+export { ToastDesktop };

package/toast/moderncssm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop";
+export {};

package/toast/moderncssm/desktop/index.js

@@ -0,0 +1,13 @@
+export { ToastDesktop } from './Component.desktop.js';
+import 'react';
+import '../../../toast-plate/moderncssm/desktop';
+import '../components/base-toast/component.js';
+import 'react-merge-refs';
+import 'react-transition-group';
+import 'classnames';
+import '../../../popover/moderncssm';
+import '../../../portal/moderncssm';
+import '../../../stack/moderncssm';
+import '@alfalab/hooks';
+import '@alfalab/stack-context';
+import '../components/base-toast/index.module.css';

package/toast/moderncssm/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.responsive";
+export {};

package/toast/moderncssm/index.js

@@ -0,0 +1,17 @@
+export { Toast } from './Component.responsive.js';
+import 'react';
+import '../../mq/moderncssm';
+import './desktop/Component.desktop.js';
+import '../../toast-plate/moderncssm/desktop';
+import './components/base-toast/component.js';
+import 'react-merge-refs';
+import 'react-transition-group';
+import 'classnames';
+import '../../popover/moderncssm';
+import '../../portal/moderncssm';
+import '../../stack/moderncssm';
+import '@alfalab/hooks';
+import '@alfalab/stack-context';
+import './components/base-toast/index.module.css';
+import './mobile/Component.mobile.js';
+import '../../toast-plate/moderncssm/mobile';

package/toast/moderncssm/mobile/Component.mobile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseToastProps } from "../components/base-toast/index";
+type ToastMobileProps = Omit<BaseToastProps, 'breakpoint'>;
+declare const ToastMobile: React.ForwardRefExoticComponent<ToastMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { ToastMobileProps, ToastMobile };

package/toast/moderncssm/mobile/Component.mobile.js

@@ -0,0 +1,17 @@
+import React, { forwardRef } from 'react';
+import { ToastPlateMobile } from '../../../toast-plate/moderncssm/mobile';
+import { BaseToast } from '../components/base-toast/component.js';
+import 'react-merge-refs';
+import 'react-transition-group';
+import 'classnames';
+import '../../../popover/moderncssm';
+import '../../../portal/moderncssm';
+import '../../../stack/moderncssm';
+import '@alfalab/hooks';
+import '@alfalab/stack-context';
+import '../components/base-toast/index.module.css';
+
+const DefaultToastPlateMobile = forwardRef((props, ref) => (React.createElement(ToastPlateMobile, { ref: ref, ...props })));
+const ToastMobile = forwardRef(({ ToastPlate = DefaultToastPlateMobile, ...restProps }, ref) => (React.createElement(BaseToast, { ToastPlate: ToastPlate, ...restProps, ref: ref })));
+
+export { ToastMobile };

package/toast/moderncssm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile";
+export {};

package/toast/moderncssm/mobile/index.js

@@ -0,0 +1,13 @@
+export { ToastMobile } from './Component.mobile.js';
+import 'react';
+import '../../../toast-plate/moderncssm/mobile';
+import '../components/base-toast/component.js';
+import 'react-merge-refs';
+import 'react-transition-group';
+import 'classnames';
+import '../../../popover/moderncssm';
+import '../../../portal/moderncssm';
+import '../../../stack/moderncssm';
+import '@alfalab/hooks';
+import '@alfalab/stack-context';
+import '../components/base-toast/index.module.css';

package/toast-plate/components/base-toast-plate/component.js

@@ -4,9 +4,9 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var getDataTestId = require('../../getDataTestId-ea3763ab.js');
+var getDataTestId = require('../../getDataTestId-2f86130f.js');
 require('@alfalab/hooks');
-require('../../PortalContext-f0c7d04d.js');
+require('../../PortalContext-7efb9ca7.js');
 var coreComponentsStatusBadge = require('../../../status-badge');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');
@@ -18,13 +18,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"toast-plate__component_1ph8k","closeButtonWrapper":"toast-plate__closeButtonWrapper_1ph8k"};
+var defaultColors = {"component":"toast-plate__component_1maqy","closeButtonWrapper":"toast-plate__closeButtonWrapper_1maqy"};
 require('./default.css');
 
-var commonStyles = {"component":"toast-plate__component_dlj52","hasCloser":"toast-plate__hasCloser_dlj52","wrapper":"toast-plate__wrapper_dlj52","contentWrapper":"toast-plate__contentWrapper_dlj52","block":"toast-plate__block_dlj52","content":"toast-plate__content_dlj52","direction":"toast-plate__direction_dlj52","hasActionButton":"toast-plate__hasActionButton_dlj52","actionSection":"toast-plate__actionSection_dlj52","bottomButton":"toast-plate__bottomButton_dlj52","leftAddons":"toast-plate__leftAddons_dlj52","contentTitle":"toast-plate__contentTitle_dlj52","children":"toast-plate__children_dlj52","title":"toast-plate__title_dlj52","closeButtonWrapper":"toast-plate__closeButtonWrapper_dlj52","closeButton":"toast-plate__closeButton_dlj52"};
+var commonStyles = {"component":"toast-plate__component_1xd35","hasCloser":"toast-plate__hasCloser_1xd35","wrapper":"toast-plate__wrapper_1xd35","contentWrapper":"toast-plate__contentWrapper_1xd35","block":"toast-plate__block_1xd35","content":"toast-plate__content_1xd35","direction":"toast-plate__direction_1xd35","hasActionButton":"toast-plate__hasActionButton_1xd35","actionSection":"toast-plate__actionSection_1xd35","bottomButton":"toast-plate__bottomButton_1xd35","leftAddons":"toast-plate__leftAddons_1xd35","contentTitle":"toast-plate__contentTitle_1xd35","children":"toast-plate__children_1xd35","title":"toast-plate__title_1xd35","closeButtonWrapper":"toast-plate__closeButtonWrapper_1xd35","closeButton":"toast-plate__closeButton_1xd35"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_11096","closeButtonWrapper":"toast-plate__closeButtonWrapper_11096"};
+var invertedColors = {"component":"toast-plate__component_xtrk4","closeButtonWrapper":"toast-plate__closeButtonWrapper_xtrk4"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/components/base-toast-plate/default.css

@@ -1,4 +1,4 @@
-/* hash: wf8w5 */
+/* hash: 1dixt */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary-inverted: #1c1c1e;
@@ -27,9 +27,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_1ph8k {
+} .toast-plate__component_1maqy {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_1ph8k:before {
+} .toast-plate__closeButtonWrapper_1maqy:before {
         background-color: var(--color-light-neutral-300-inverted);
     }

package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@alfalab/hooks');
-require('../../../PortalContext-f0c7d04d.js');
+require('../../../PortalContext-7efb9ca7.js');
 
 var exhaustiveCheck = function (value) { return value; };
 

package/toast-plate/components/base-toast-plate/index.css

@@ -1,4 +1,4 @@
-/* hash: vvxv8 */
+/* hash: 60myg */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,7 +38,7 @@
     --toast-plate-content-with-closer-right-padding: var(--gap-16);
 
     /* inverted */
-} .toast-plate__component_dlj52 {
+} .toast-plate__component_1xd35 {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -46,54 +46,54 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-16)
-} .toast-plate__component_dlj52.toast-plate__hasCloser_dlj52 {
+} .toast-plate__component_1xd35.toast-plate__hasCloser_1xd35 {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__wrapper_dlj52 {
+    } .toast-plate__wrapper_1xd35 {
     display: flex;
-} .toast-plate__contentWrapper_dlj52 {
+} .toast-plate__contentWrapper_1xd35 {
     display: flex;
     flex-grow: 1;
-} .toast-plate__block_dlj52 {
+} .toast-plate__block_1xd35 {
     display: flex;
     width: 100%;
-} .toast-plate__content_dlj52 {
+} .toast-plate__content_1xd35 {
     display: flex;
     flex-grow: 1;
     justify-content: space-between
-} .toast-plate__content_dlj52.toast-plate__direction_dlj52 {
+} .toast-plate__content_1xd35.toast-plate__direction_1xd35 {
         flex-direction: column;
-    } .toast-plate__content_dlj52.toast-plate__hasCloser_dlj52:not(.toast-plate__hasActionButton_dlj52) {
+    } .toast-plate__content_1xd35.toast-plate__hasCloser_1xd35:not(.toast-plate__hasActionButton_1xd35) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_dlj52 {
+    } .toast-plate__actionSection_1xd35 {
     display: flex;
     padding: var(--toast-plate-action-padding);
     flex-shrink: 0
-} .toast-plate__actionSection_dlj52:not(.toast-plate__hasCloser_dlj52) {
+} .toast-plate__actionSection_1xd35:not(.toast-plate__hasCloser_1xd35) {
         padding-right: 0;
-    } .toast-plate__actionSection_dlj52.toast-plate__bottomButton_dlj52 {
+    } .toast-plate__actionSection_1xd35.toast-plate__bottomButton_1xd35 {
         padding: var(--toast-plate-action-bottom-padding);
-    } .toast-plate__leftAddons_dlj52 {
+    } .toast-plate__leftAddons_1xd35 {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-12);
-} .toast-plate__contentTitle_dlj52 {
+} .toast-plate__contentTitle_1xd35 {
     padding: var(--gap-2) 0;
-} .toast-plate__children_dlj52 {
+} .toast-plate__children_1xd35 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_dlj52 + .toast-plate__children_dlj52 {
+} .toast-plate__title_1xd35 + .toast-plate__children_1xd35 {
     margin-top: var(--gap-4);
-} .toast-plate__closeButtonWrapper_dlj52 {
+} .toast-plate__closeButtonWrapper_1xd35 {
     position: absolute;
     top: var(--gap-4);
     bottom: var(--gap-4);
     right: var(--gap-4)
-} .toast-plate__closeButtonWrapper_dlj52:before {
+} .toast-plate__closeButtonWrapper_1xd35:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -101,7 +101,7 @@
         bottom: var(--gap-12);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_dlj52 {
+    } .toast-plate__closeButton_1xd35 {
     display: flex;
     height: 100%;
 }

package/toast-plate/components/base-toast-plate/inverted.css

@@ -1,4 +1,4 @@
-/* hash: dp63x */
+/* hash: usv1h */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -27,9 +27,9 @@
     /* inverted */
     --toast-plate-inverted-color: var(--color-light-text-primary);
     --toast-plate-inverted-bg-color: var(--color-light-modal-bg-primary);
-} .toast-plate__component_11096 {
+} .toast-plate__component_xtrk4 {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_11096:before {
+} .toast-plate__closeButtonWrapper_xtrk4:before {
         background-color: var(--color-light-neutral-300);
     }

package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getDataTestId = require('../../../getDataTestId-ea3763ab.js');
+var getDataTestId = require('../../../getDataTestId-2f86130f.js');
 require('react');
 require('@alfalab/hooks');
-require('../../../PortalContext-f0c7d04d.js');
+require('../../../PortalContext-7efb9ca7.js');
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {

package/toast-plate/desktop/Component.desktop.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"actionSection":"toast-plate__actionSection_1p729","title":"toast-plate__title_1p729","closeButtonWrapper":"toast-plate__closeButtonWrapper_1p729","closeButton":"toast-plate__closeButton_1p729"};
+var styles = {"actionSection":"toast-plate__actionSection_mxwi9","title":"toast-plate__title_mxwi9","closeButtonWrapper":"toast-plate__closeButtonWrapper_mxwi9","closeButton":"toast-plate__closeButton_mxwi9"};
 require('./desktop.css');
 
 var ToastPlateDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_baseToastPlate_component.BaseToastPlate, tslib.__assign({}, restProps, { styles: styles, ref: ref })); });