@alfalab/core-components 45.8.0-beta.3 → 45.8.0-beta.5

package/toast-plate/cssm/components/base-toast-plate/component.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
 import { HTMLAttributes, MouseEvent, ReactNode } from "react";
-import { StatusBadgeCustomIcon, StatusBadgeViews } from "../../../../status-badge";
-import { unsafe_BadgeProps } from "./types/unsafeBadgeProps";
+type BadgeIcons = {
+    negative: JSX.Element;
+    positive: JSX.Element;
+    attention: JSX.Element;
+};
 type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Дополнительный класс
@@ -31,7 +34,7 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Вид бэйджа
      */
-    badge?: unsafe_BadgeProps | StatusBadgeViews;
+    badge?: 'negative' | 'positive' | 'attention';
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -65,9 +68,9 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
      */
     onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: StatusBadgeCustomIcon;
+    getBadgeIcons?: (icons: BadgeIcons) => BadgeIcons;
     /**
      * Набор цветов для компонента
      */
@@ -111,7 +114,7 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
     /**
      * Вид бэйджа
      */
-    badge?: StatusBadgeViews | unsafe_BadgeProps | undefined;
+    badge?: "attention" | "positive" | "negative" | undefined;
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -145,9 +148,9 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
      */
     onClose?: ((event?: MouseEvent<HTMLButtonElement>) => void) | undefined;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: Partial<Record<StatusBadgeViews, Partial<Record<import("../../../../status-badge").StatusBadgeSizes, import("../../../../status-badge").StatusBadgeIcon>>>> | undefined;
+    getBadgeIcons?: ((icons: BadgeIcons) => BadgeIcons) | undefined;
     /**
      * Набор цветов для компонента
      */
@@ -163,4 +166,4 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
         [key: string]: string;
     } | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { BaseToastPlateProps, BaseToastPlate };
+export { BadgeIcons, BaseToastPlateProps, BaseToastPlate };

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

@@ -3,14 +3,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var coreComponentsBadge = require('../../../../badge/cssm');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
-var getDataTestId = require('../../getDataTestId-73ea38f8.js');
-require('@alfalab/hooks');
-var coreComponentsStatusBadge = require('../../../../status-badge/cssm');
+var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');
-var components_baseToastPlate_hooks_useDeprecatedBadge = require('./hooks/useDeprecatedBadge.js');
-var components_baseToastPlate_utils_isUnsafeBadge = require('./utils/isUnsafeBadge.js');
 var defaultColors = require('./default.module.css');
 var commonStyles = require('./index.module.css');
 var invertedColors = require('./inverted.module.css');
@@ -27,27 +25,27 @@ var colorStyles = {
     default: defaultColors__default.default,
     inverted: invertedColors__default.default,
 };
+var iconDefaultComponents = {
+    negative: React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: commonStyles__default.default.badgeIcon }),
+    positive: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: commonStyles__default.default.badgeIcon }),
+    attention: React__default.default.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: commonStyles__default.default.badgeIcon }),
+};
 var BaseToastPlate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var dataTestId = _a.dataTestId, className = _a.className, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, actionSectionClassName = _a.actionSectionClassName, hasCloser = _a.hasCloser, leftAddons = _a.leftAddons, badge = _a.badge, title = _a.title, children = _a.children, actionButton = _a.actionButton, block = _a.block, onClose = _a.onClose, getBadgeIcons = _a.getBadgeIcons, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, closerWrapperClassName = _a.closerWrapperClassName, closerClassName = _a.closerClassName, _f = _a.bottomButtonPosition, bottomButtonPosition = _f === void 0 ? false : _f, _g = _a.styles, styles = _g === void 0 ? {} : _g, restProps = tslib.__rest(_a, ["dataTestId", "className", "titleClassName", "contentClassName", "actionSectionClassName", "hasCloser", "leftAddons", "badge", "title", "children", "actionButton", "block", "onClose", "getBadgeIcons", "colors", "closerWrapperClassName", "closerClassName", "bottomButtonPosition", "styles"]);
     var needRenderLeftAddons = Boolean(leftAddons || badge);
-    var transformDeprecatedBadge = components_baseToastPlate_hooks_useDeprecatedBadge.useDeprecatedBadge().transformDeprecatedBadge;
-    var getCustomIcons = components_baseToastPlate_hooks_useCustomIcons.useCustomIcons().getCustomIcons;
+    var iconComponents = getBadgeIcons
+        ? getBadgeIcons(iconDefaultComponents)
+        : iconDefaultComponents;
     var handleClose = React.useCallback(function (event) {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    var statusBadgeView = badge;
-    if (badge && components_baseToastPlate_utils_isUnsafeBadge.isUnsafeBadge(badge)) {
-        statusBadgeView = transformDeprecatedBadge(badge);
-    }
-    var customIcons = getCustomIcons(getBadgeIcons);
-    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(commonStyles__default.default.component, colorStyles[colors].component, (_b = {}, _b[commonStyles__default.default.block] = block, _b[commonStyles__default.default.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'component') }, restProps),
+    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(commonStyles__default.default.component, colorStyles[colors].component, (_b = {}, _b[commonStyles__default.default.block] = block, _b[commonStyles__default.default.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
         React__default.default.createElement("div", { className: commonStyles__default.default.wrapper },
             React__default.default.createElement("div", { className: commonStyles__default.default.contentWrapper },
-                needRenderLeftAddons && (React__default.default.createElement("div", { className: commonStyles__default.default.leftAddons }, leftAddons ||
-                    (badge && (React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, tslib.__assign({ view: statusBadgeView, dataTestId: getDataTestId.getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
+                needRenderLeftAddons && (React__default.default.createElement("div", { className: commonStyles__default.default.leftAddons }, leftAddons || (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles__default.default.badge, dataTestId: 'badge', visibleColorOutline: true })))),
                 React__default.default.createElement("div", { className: cn__default.default(contentClassName, commonStyles__default.default.content, (_c = {},
                         _c[commonStyles__default.default.hasCloser] = hasCloser,
                         _c[commonStyles__default.default.hasActionButton] = !!actionButton,

package/toast-plate/esm/Component.responsive.js

@@ -5,14 +5,12 @@ import { ToastPlateDesktop } from './desktop/Component.desktop.js';
 import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
+import '../../badge/esm';
 import '../../icon-button/esm';
-import './getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './components/base-toast-plate/hooks/useCustomIcons.js';
-import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import './components/base-toast-plate/utils/isUnsafeBadge.js';
 
 var ToastPlate = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);

package/toast-plate/esm/components/base-toast-plate/component.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
 import { HTMLAttributes, MouseEvent, ReactNode } from "react";
-import { StatusBadgeCustomIcon, StatusBadgeViews } from "../../../../status-badge";
-import { unsafe_BadgeProps } from "./types/unsafeBadgeProps";
+type BadgeIcons = {
+    negative: JSX.Element;
+    positive: JSX.Element;
+    attention: JSX.Element;
+};
 type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Дополнительный класс
@@ -31,7 +34,7 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Вид бэйджа
      */
-    badge?: unsafe_BadgeProps | StatusBadgeViews;
+    badge?: 'negative' | 'positive' | 'attention';
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -65,9 +68,9 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
      */
     onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: StatusBadgeCustomIcon;
+    getBadgeIcons?: (icons: BadgeIcons) => BadgeIcons;
     /**
      * Набор цветов для компонента
      */
@@ -111,7 +114,7 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
     /**
      * Вид бэйджа
      */
-    badge?: StatusBadgeViews | unsafe_BadgeProps | undefined;
+    badge?: "attention" | "positive" | "negative" | undefined;
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -145,9 +148,9 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
      */
     onClose?: ((event?: MouseEvent<HTMLButtonElement>) => void) | undefined;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: Partial<Record<StatusBadgeViews, Partial<Record<import("../../../../status-badge").StatusBadgeSizes, import("../../../../status-badge").StatusBadgeIcon>>>> | undefined;
+    getBadgeIcons?: ((icons: BadgeIcons) => BadgeIcons) | undefined;
     /**
      * Набор цветов для компонента
      */
@@ -163,4 +166,4 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
         [key: string]: string;
     } | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { BaseToastPlateProps, BaseToastPlate };
+export { BadgeIcons, BaseToastPlateProps, BaseToastPlate };

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

@@ -1,14 +1,12 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
+import { Badge } from '../../../../badge/esm';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import { StatusBadge } from '../../../../status-badge/esm';
+import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-import { useCustomIcons } from './hooks/useCustomIcons.js';
-import { useDeprecatedBadge } from './hooks/useDeprecatedBadge.js';
-import { isUnsafeBadge } from './utils/isUnsafeBadge.js';
 
 var defaultColors = {"component":"toast-plate__component_eyew1","closeButtonWrapper":"toast-plate__closeButtonWrapper_eyew1"};
 require('./default.css');
@@ -23,27 +21,27 @@ var colorStyles = {
     default: defaultColors,
     inverted: invertedColors,
 };
+var iconDefaultComponents = {
+    negative: React.createElement(CrossCircleMIcon, { className: commonStyles.badgeIcon }),
+    positive: React.createElement(CheckmarkCircleMIcon, { className: commonStyles.badgeIcon }),
+    attention: React.createElement(AlertCircleMIcon, { className: commonStyles.badgeIcon }),
+};
 var BaseToastPlate = forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var dataTestId = _a.dataTestId, className = _a.className, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, actionSectionClassName = _a.actionSectionClassName, hasCloser = _a.hasCloser, leftAddons = _a.leftAddons, badge = _a.badge, title = _a.title, children = _a.children, actionButton = _a.actionButton, block = _a.block, onClose = _a.onClose, getBadgeIcons = _a.getBadgeIcons, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, closerWrapperClassName = _a.closerWrapperClassName, closerClassName = _a.closerClassName, _f = _a.bottomButtonPosition, bottomButtonPosition = _f === void 0 ? false : _f, _g = _a.styles, styles = _g === void 0 ? {} : _g, restProps = __rest(_a, ["dataTestId", "className", "titleClassName", "contentClassName", "actionSectionClassName", "hasCloser", "leftAddons", "badge", "title", "children", "actionButton", "block", "onClose", "getBadgeIcons", "colors", "closerWrapperClassName", "closerClassName", "bottomButtonPosition", "styles"]);
     var needRenderLeftAddons = Boolean(leftAddons || badge);
-    var transformDeprecatedBadge = useDeprecatedBadge().transformDeprecatedBadge;
-    var getCustomIcons = useCustomIcons().getCustomIcons;
+    var iconComponents = getBadgeIcons
+        ? getBadgeIcons(iconDefaultComponents)
+        : iconDefaultComponents;
     var handleClose = useCallback(function (event) {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    var statusBadgeView = badge;
-    if (badge && isUnsafeBadge(badge)) {
-        statusBadgeView = transformDeprecatedBadge(badge);
-    }
-    var customIcons = getCustomIcons(getBadgeIcons);
-    return (React.createElement("div", __assign({ className: cn(commonStyles.component, colorStyles[colors].component, (_b = {}, _b[commonStyles.block] = block, _b[commonStyles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": getDataTestId(dataTestId, 'component') }, restProps),
+    return (React.createElement("div", __assign({ className: cn(commonStyles.component, colorStyles[colors].component, (_b = {}, _b[commonStyles.block] = block, _b[commonStyles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
         React.createElement("div", { className: commonStyles.wrapper },
             React.createElement("div", { className: commonStyles.contentWrapper },
-                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons ||
-                    (badge && (React.createElement(StatusBadge, __assign({ view: statusBadgeView, dataTestId: getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
+                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons || (React.createElement(Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles.badge, dataTestId: 'badge', visibleColorOutline: true })))),
                 React.createElement("div", { className: cn(contentClassName, commonStyles.content, (_c = {},
                         _c[commonStyles.hasCloser] = hasCloser,
                         _c[commonStyles.hasActionButton] = !!actionButton,

package/toast-plate/esm/components/base-toast-plate/index.js

@@ -2,11 +2,9 @@ export { BaseToastPlate } from './component.js';
 import 'tslib';
 import 'react';
 import 'classnames';
+import '../../../../badge/esm';
 import '../../../../icon-button/esm';
-import '../../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './hooks/useCustomIcons.js';
-import './hooks/useDeprecatedBadge.js';
-import './utils/isUnsafeBadge.js';

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

@@ -2,14 +2,12 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 var styles = {"actionSection":"toast-plate__actionSection_1heyl","title":"toast-plate__title_1heyl","closeButtonWrapper":"toast-plate__closeButtonWrapper_1heyl","closeButton":"toast-plate__closeButton_1heyl"};
 require('./desktop.css');

package/toast-plate/esm/desktop/index.js

@@ -3,11 +3,9 @@ import 'tslib';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';

package/toast-plate/esm/index.js

@@ -5,12 +5,10 @@ import '../../mq/esm';
 import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
+import '../../badge/esm';
 import '../../icon-button/esm';
-import './getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './components/base-toast-plate/hooks/useCustomIcons.js';
-import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import './components/base-toast-plate/utils/isUnsafeBadge.js';
 import './mobile/Component.mobile.js';

package/toast-plate/esm/mobile/Component.mobile.js

@@ -2,14 +2,12 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 var styles = {"actionSection":"toast-plate__actionSection_fuxup","title":"toast-plate__title_fuxup","closeButtonWrapper":"toast-plate__closeButtonWrapper_fuxup","closeButton":"toast-plate__closeButton_fuxup"};
 require('./mobile.css');

package/toast-plate/esm/mobile/index.js

@@ -3,11 +3,9 @@ import 'tslib';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';

package/toast-plate/modern/Component.responsive.js

@@ -4,14 +4,12 @@ import { ToastPlateDesktop } from './desktop/Component.desktop.js';
 import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
+import '../../badge/modern';
 import '../../icon-button/modern';
-import './getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './components/base-toast-plate/hooks/useCustomIcons.js';
-import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import './components/base-toast-plate/utils/isUnsafeBadge.js';
 
 const ToastPlate = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;

package/toast-plate/modern/components/base-toast-plate/component.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
 import { HTMLAttributes, MouseEvent, ReactNode } from "react";
-import { StatusBadgeCustomIcon, StatusBadgeViews } from "../../../../status-badge";
-import { unsafe_BadgeProps } from "./types/unsafeBadgeProps";
+type BadgeIcons = {
+    negative: JSX.Element;
+    positive: JSX.Element;
+    attention: JSX.Element;
+};
 type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Дополнительный класс
@@ -31,7 +34,7 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Вид бэйджа
      */
-    badge?: unsafe_BadgeProps | StatusBadgeViews;
+    badge?: 'negative' | 'positive' | 'attention';
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -65,9 +68,9 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
      */
     onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: StatusBadgeCustomIcon;
+    getBadgeIcons?: (icons: BadgeIcons) => BadgeIcons;
     /**
      * Набор цветов для компонента
      */
@@ -111,7 +114,7 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
     /**
      * Вид бэйджа
      */
-    badge?: StatusBadgeViews | unsafe_BadgeProps | undefined;
+    badge?: "attention" | "positive" | "negative" | undefined;
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -145,9 +148,9 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
      */
     onClose?: ((event?: MouseEvent<HTMLButtonElement>) => void) | undefined;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: Partial<Record<StatusBadgeViews, Partial<Record<import("../../../../status-badge").StatusBadgeSizes, import("../../../../status-badge").StatusBadgeIcon>>>> | undefined;
+    getBadgeIcons?: ((icons: BadgeIcons) => BadgeIcons) | undefined;
     /**
      * Набор цветов для компонента
      */
@@ -163,4 +166,4 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
         [key: string]: string;
     } | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { BaseToastPlateProps, BaseToastPlate };
+export { BadgeIcons, BaseToastPlateProps, BaseToastPlate };

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

@@ -1,13 +1,11 @@
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
+import { Badge } from '../../../../badge/modern';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import { StatusBadge } from '../../../../status-badge/modern';
+import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-import { useCustomIcons } from './hooks/useCustomIcons.js';
-import { useDeprecatedBadge } from './hooks/useDeprecatedBadge.js';
-import { isUnsafeBadge } from './utils/isUnsafeBadge.js';
 
 const defaultColors = {"component":"toast-plate__component_eyew1","closeButtonWrapper":"toast-plate__closeButtonWrapper_eyew1"};
 require('./default.css');
@@ -22,25 +20,25 @@ const colorStyles = {
     default: defaultColors,
     inverted: invertedColors,
 };
+const iconDefaultComponents = {
+    negative: React.createElement(CrossCircleMIcon, { className: commonStyles.badgeIcon }),
+    positive: React.createElement(CheckmarkCircleMIcon, { className: commonStyles.badgeIcon }),
+    attention: React.createElement(AlertCircleMIcon, { className: commonStyles.badgeIcon }),
+};
 const BaseToastPlate = forwardRef(({ dataTestId, className, titleClassName, contentClassName, actionSectionClassName, hasCloser, leftAddons, badge, title, children, actionButton, block, onClose, getBadgeIcons, colors = 'default', closerWrapperClassName, closerClassName, bottomButtonPosition = false, styles = {}, ...restProps }, ref) => {
     const needRenderLeftAddons = Boolean(leftAddons || badge);
-    const { transformDeprecatedBadge } = useDeprecatedBadge();
-    const { getCustomIcons } = useCustomIcons();
+    const iconComponents = getBadgeIcons
+        ? getBadgeIcons(iconDefaultComponents)
+        : iconDefaultComponents;
     const handleClose = useCallback((event) => {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    let statusBadgeView = badge;
-    if (badge && isUnsafeBadge(badge)) {
-        statusBadgeView = transformDeprecatedBadge(badge);
-    }
-    const customIcons = getCustomIcons(getBadgeIcons);
-    return (React.createElement("div", { className: cn(commonStyles.component, colorStyles[colors].component, { [commonStyles.block]: block, [commonStyles.hasCloser]: hasCloser }, className), ref: ref, "data-test-id": getDataTestId(dataTestId, 'component'), ...restProps },
+    return (React.createElement("div", { className: cn(commonStyles.component, colorStyles[colors].component, { [commonStyles.block]: block, [commonStyles.hasCloser]: hasCloser }, className), ref: ref, "data-test-id": dataTestId, ...restProps },
         React.createElement("div", { className: commonStyles.wrapper },
             React.createElement("div", { className: commonStyles.contentWrapper },
-                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons ||
-                    (badge && (React.createElement(StatusBadge, { view: statusBadgeView, dataTestId: getDataTestId(dataTestId, 'badge'), ...(customIcons && { customIcons }) }))))),
+                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons || (React.createElement(Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles.badge, dataTestId: 'badge', visibleColorOutline: true })))),
                 React.createElement("div", { className: cn(contentClassName, commonStyles.content, {
                         [commonStyles.hasCloser]: hasCloser,
                         [commonStyles.hasActionButton]: !!actionButton,

package/toast-plate/modern/components/base-toast-plate/index.js

@@ -1,11 +1,9 @@
 export { BaseToastPlate } from './component.js';
 import 'react';
 import 'classnames';
+import '../../../../badge/modern';
 import '../../../../icon-button/modern';
-import '../../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './hooks/useCustomIcons.js';
-import './hooks/useDeprecatedBadge.js';
-import './utils/isUnsafeBadge.js';

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

@@ -1,14 +1,12 @@
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 const styles = {"actionSection":"toast-plate__actionSection_1heyl","title":"toast-plate__title_1heyl","closeButtonWrapper":"toast-plate__closeButtonWrapper_1heyl","closeButton":"toast-plate__closeButton_1heyl"};
 require('./desktop.css');

package/toast-plate/modern/desktop/index.js

@@ -2,11 +2,9 @@ export { ToastPlateDesktop } from './Component.desktop.js';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';

package/toast-plate/modern/index.js

@@ -4,12 +4,10 @@ import '../../mq/modern';
 import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
+import '../../badge/modern';
 import '../../icon-button/modern';
-import './getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './components/base-toast-plate/hooks/useCustomIcons.js';
-import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import './components/base-toast-plate/utils/isUnsafeBadge.js';
 import './mobile/Component.mobile.js';

package/toast-plate/modern/mobile/Component.mobile.js

@@ -1,14 +1,12 @@
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 const styles = {"actionSection":"toast-plate__actionSection_fuxup","title":"toast-plate__title_fuxup","closeButtonWrapper":"toast-plate__closeButtonWrapper_fuxup","closeButton":"toast-plate__closeButton_fuxup"};
 require('./mobile.css');

package/toast-plate/modern/mobile/index.js

@@ -2,11 +2,9 @@ export { ToastPlateMobile } from './Component.mobile.js';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';