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

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

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('@alfalab/hooks');
+
+var exhaustiveCheck = function (value) { return value; };
+
+var useDeprecatedBadge = function () {
+    var transformDeprecatedBadge = function (unsafeBadge) {
+        switch (unsafeBadge) {
+            case 'negative':
+                return 'negative-cross';
+            case 'positive':
+                return 'positive-checkmark';
+            case 'attention':
+                return 'attention-alert';
+            default:
+                return exhaustiveCheck(unsafeBadge);
+        }
+    };
+    return {
+        transformDeprecatedBadge: transformDeprecatedBadge,
+    };
+};
+
+exports.useDeprecatedBadge = useDeprecatedBadge;

package/toast-plate/components/base-toast-plate/types/unsafeBadgeProps.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @deprecated Данный тип не будет поддерживаться в будущих версиях
+ * Используйте StatusBadgeProps['view']
+ */
+type unsafe_BadgeProps = 'negative' | 'positive' | 'attention';
+export { unsafe_BadgeProps };

package/toast-plate/components/base-toast-plate/types/unsafeBadgeProps.js

@@ -0,0 +1 @@
+

package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.d.ts

@@ -0,0 +1,5 @@
+declare function getBaseToastPlateTestIds(dataTestId: string): {
+    badge: string;
+    component: string;
+};
+export { getBaseToastPlateTestIds };

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

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getDataTestId = require('../../../getDataTestId-439ac98c.js');
+require('react');
+require('@alfalab/hooks');
+
+function getBaseToastPlateTestIds(dataTestId) {
+    return {
+        badge: getDataTestId.getDataTestId(dataTestId, 'badge'),
+        component: getDataTestId.getDataTestId(dataTestId, 'component'),
+    };
+}
+
+exports.getBaseToastPlateTestIds = getBaseToastPlateTestIds;

package/toast-plate/components/base-toast-plate/utils/isUnsafeBadge.d.ts

@@ -0,0 +1,5 @@
+import { StatusBadgeProps } from "../../../../status-badge";
+import { unsafe_BadgeProps } from "../types/unsafeBadgeProps";
+type IsUnsafeBadge = unsafe_BadgeProps | StatusBadgeProps['view'];
+declare const isUnsafeBadge: (badge: IsUnsafeBadge) => badge is unsafe_BadgeProps;
+export { isUnsafeBadge };

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

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var unsafeBadgeValues = ['negative', 'positive', 'attention'];
+var isUnsafeBadge = function (badge) {
+    return unsafeBadgeValues.includes(badge);
+};
+
+exports.isUnsafeBadge = isUnsafeBadge;

package/toast-plate/cssm/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

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

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

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

@@ -3,12 +3,14 @@ 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 AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
-var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
+var getDataTestId = require('../../getDataTestId-73ea38f8.js');
+require('@alfalab/hooks');
+var coreComponentsStatusBadge = require('../../../../status-badge/cssm');
 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');
@@ -25,27 +27,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 iconComponents = getBadgeIcons
-        ? getBadgeIcons(iconDefaultComponents)
-        : iconDefaultComponents;
+    var transformDeprecatedBadge = components_baseToastPlate_hooks_useDeprecatedBadge.useDeprecatedBadge().transformDeprecatedBadge;
+    var getCustomIcons = components_baseToastPlate_hooks_useCustomIcons.useCustomIcons().getCustomIcons;
     var handleClose = React.useCallback(function (event) {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    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),
+    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),
         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 || (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles__default.default.badge, dataTestId: 'badge', visibleColorOutline: true })))),
+                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 }))))))),
                 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/cssm/components/base-toast-plate/hooks/useCustomIcons.d.ts

@@ -0,0 +1,6 @@
+import { StatusBadgeCustomIcon } from "../../../../../status-badge";
+type GetCustomIcons = StatusBadgeCustomIcon | null;
+declare const useCustomIcons: () => {
+    getCustomIcons: (getBadgeIcons?: StatusBadgeCustomIcon) => GetCustomIcons;
+};
+export { useCustomIcons };

package/toast-plate/cssm/components/base-toast-plate/hooks/useCustomIcons.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useCustomIcons = function () {
+    var getCustomIcons = function (getBadgeIcons) {
+        if (getBadgeIcons) {
+            return getBadgeIcons;
+        }
+        return null;
+    };
+    return { getCustomIcons: getCustomIcons };
+};
+
+exports.useCustomIcons = useCustomIcons;

package/toast-plate/cssm/components/base-toast-plate/hooks/useDeprecatedBadge.d.ts

@@ -0,0 +1,7 @@
+import { StatusBadgeProps } from "../../../../../status-badge";
+import { unsafe_BadgeProps } from "../types/unsafeBadgeProps";
+type UseDeprecatedBadge = {
+    transformDeprecatedBadge: (deprecatedBadge: unsafe_BadgeProps) => StatusBadgeProps['view'];
+};
+declare const useDeprecatedBadge: () => UseDeprecatedBadge;
+export { useDeprecatedBadge };

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

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('@alfalab/hooks');
+
+var exhaustiveCheck = function (value) { return value; };
+
+var useDeprecatedBadge = function () {
+    var transformDeprecatedBadge = function (unsafeBadge) {
+        switch (unsafeBadge) {
+            case 'negative':
+                return 'negative-cross';
+            case 'positive':
+                return 'positive-checkmark';
+            case 'attention':
+                return 'attention-alert';
+            default:
+                return exhaustiveCheck(unsafeBadge);
+        }
+    };
+    return {
+        transformDeprecatedBadge: transformDeprecatedBadge,
+    };
+};
+
+exports.useDeprecatedBadge = useDeprecatedBadge;

package/toast-plate/cssm/components/base-toast-plate/types/unsafeBadgeProps.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @deprecated Данный тип не будет поддерживаться в будущих версиях
+ * Используйте StatusBadgeProps['view']
+ */
+type unsafe_BadgeProps = 'negative' | 'positive' | 'attention';
+export { unsafe_BadgeProps };

package/toast-plate/cssm/components/base-toast-plate/types/unsafeBadgeProps.js

@@ -0,0 +1 @@
+

package/toast-plate/cssm/components/base-toast-plate/utils/getBaseToastPlateTestIds.d.ts

@@ -0,0 +1,5 @@
+declare function getBaseToastPlateTestIds(dataTestId: string): {
+    badge: string;
+    component: string;
+};
+export { getBaseToastPlateTestIds };

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

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getDataTestId = require('../../../getDataTestId-73ea38f8.js');
+require('react');
+require('@alfalab/hooks');
+
+function getBaseToastPlateTestIds(dataTestId) {
+    return {
+        badge: getDataTestId.getDataTestId(dataTestId, 'badge'),
+        component: getDataTestId.getDataTestId(dataTestId, 'component'),
+    };
+}
+
+exports.getBaseToastPlateTestIds = getBaseToastPlateTestIds;

package/toast-plate/cssm/components/base-toast-plate/utils/isUnsafeBadge.d.ts

@@ -0,0 +1,5 @@
+import { StatusBadgeProps } from "../../../../../status-badge";
+import { unsafe_BadgeProps } from "../types/unsafeBadgeProps";
+type IsUnsafeBadge = unsafe_BadgeProps | StatusBadgeProps['view'];
+declare const isUnsafeBadge: (badge: IsUnsafeBadge) => badge is unsafe_BadgeProps;
+export { isUnsafeBadge };

package/toast-plate/cssm/components/base-toast-plate/utils/isUnsafeBadge.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var unsafeBadgeValues = ['negative', 'positive', 'attention'];
+var isUnsafeBadge = function (badge) {
+    return unsafeBadgeValues.includes(badge);
+};
+
+exports.isUnsafeBadge = isUnsafeBadge;

package/toast-plate/cssm/getDataTestId-73ea38f8.d.ts

@@ -0,0 +1,3 @@
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+export { getDataTestId };

package/toast-plate/cssm/getDataTestId-73ea38f8.js

@@ -0,0 +1,6 @@
+function getDataTestId(dataTestId, element) {
+    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
+    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
+}
+
+exports.getDataTestId = getDataTestId;

package/toast-plate/cssm/index-307da6d7.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+import React from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-a216f694";
+declare const isClient: () => boolean;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+};
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+declare const hooks: {
+    useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
+};
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+export * from "./getDataTestId-73ea38f8";
+export * from "./browser-a216f694";
+export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/cssm/useCustomWebkitScrollbar-a216f694.d.ts

@@ -0,0 +1,2 @@
+declare function useCustomWebkitScrollbar(): boolean;
+export { useCustomWebkitScrollbar };

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

@@ -5,12 +5,14 @@ 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 '@alfalab/icons-glyph/AlertCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
+import './getDataTestId-b3cf0f77.js';
+import '@alfalab/hooks';
+import '../../status-badge/esm';
 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/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

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

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

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

@@ -1,12 +1,14 @@
 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 { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
+import { g as getDataTestId } from '../../getDataTestId-b3cf0f77.js';
+import '@alfalab/hooks';
+import { StatusBadge } from '../../../../status-badge/esm';
 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');
@@ -21,27 +23,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 iconComponents = getBadgeIcons
-        ? getBadgeIcons(iconDefaultComponents)
-        : iconDefaultComponents;
+    var transformDeprecatedBadge = useDeprecatedBadge().transformDeprecatedBadge;
+    var getCustomIcons = useCustomIcons().getCustomIcons;
     var handleClose = useCallback(function (event) {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    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),
+    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),
         React.createElement("div", { className: commonStyles.wrapper },
             React.createElement("div", { className: commonStyles.contentWrapper },
-                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 })))),
+                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons ||
+                    (badge && (React.createElement(StatusBadge, __assign({ view: statusBadgeView, dataTestId: getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
                 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/hooks/useCustomIcons.d.ts

@@ -0,0 +1,6 @@
+import { StatusBadgeCustomIcon } from "../../../../../status-badge";
+type GetCustomIcons = StatusBadgeCustomIcon | null;
+declare const useCustomIcons: () => {
+    getCustomIcons: (getBadgeIcons?: StatusBadgeCustomIcon) => GetCustomIcons;
+};
+export { useCustomIcons };

package/toast-plate/esm/components/base-toast-plate/hooks/useCustomIcons.js

@@ -0,0 +1,11 @@
+var useCustomIcons = function () {
+    var getCustomIcons = function (getBadgeIcons) {
+        if (getBadgeIcons) {
+            return getBadgeIcons;
+        }
+        return null;
+    };
+    return { getCustomIcons: getCustomIcons };
+};
+
+export { useCustomIcons };

package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.d.ts

@@ -0,0 +1,7 @@
+import { StatusBadgeProps } from "../../../../../status-badge";
+import { unsafe_BadgeProps } from "../types/unsafeBadgeProps";
+type UseDeprecatedBadge = {
+    transformDeprecatedBadge: (deprecatedBadge: unsafe_BadgeProps) => StatusBadgeProps['view'];
+};
+declare const useDeprecatedBadge: () => UseDeprecatedBadge;
+export { useDeprecatedBadge };

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

@@ -0,0 +1,24 @@
+import 'react';
+import '@alfalab/hooks';
+
+var exhaustiveCheck = function (value) { return value; };
+
+var useDeprecatedBadge = function () {
+    var transformDeprecatedBadge = function (unsafeBadge) {
+        switch (unsafeBadge) {
+            case 'negative':
+                return 'negative-cross';
+            case 'positive':
+                return 'positive-checkmark';
+            case 'attention':
+                return 'attention-alert';
+            default:
+                return exhaustiveCheck(unsafeBadge);
+        }
+    };
+    return {
+        transformDeprecatedBadge: transformDeprecatedBadge,
+    };
+};
+
+export { useDeprecatedBadge };

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

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

package/toast-plate/esm/components/base-toast-plate/types/unsafeBadgeProps.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @deprecated Данный тип не будет поддерживаться в будущих версиях
+ * Используйте StatusBadgeProps['view']
+ */
+type unsafe_BadgeProps = 'negative' | 'positive' | 'attention';
+export { unsafe_BadgeProps };