@alfalab/core-components 45.10.0 → 46.0.0-beta.0

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

@@ -1,4 +1,4 @@
-/* hash: 6w6u3 */
+/* hash: 9emm1 */
 :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 */
 } :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 */
@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_a674b {
+} .toast__toastPlate_16l0f {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_a674b {
+} .toast__title_16l0f {
     font-weight: 400;
-} .toast__popoverInner_a674b {
+} .toast__popoverInner_16l0f {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_a674b {
+} .toast__block_16l0f {
     width: 100%;
-} .toast__fixed_a674b {
+} .toast__fixed_16l0f {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_a674b.toast__enter_a674b {
+} .toast__fixed_16l0f.toast__enter_16l0f {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_a674b.toast__enterActive_a674b {
+    } .toast__fixed_16l0f.toast__enterActive_16l0f {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_a674b.toast__exit_a674b {
+    } .toast__fixed_16l0f.toast__exit_16l0f {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_a674b.toast__exitActive_a674b {
+    } .toast__fixed_16l0f.toast__exitActive_16l0f {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

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

@@ -7,7 +7,7 @@ import { Portal } from '../../../../portal/modern';
 import { Stack, stackingOrder } from '../../../../stack/modern';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
 
-const styles = {"toastPlate":"toast__toastPlate_a674b","title":"toast__title_a674b","popoverInner":"toast__popoverInner_a674b","block":"toast__block_a674b","fixed":"toast__fixed_a674b","enter":"toast__enter_a674b","enterActive":"toast__enterActive_a674b","exit":"toast__exit_a674b","exitActive":"toast__exitActive_a674b"};
+const styles = {"toastPlate":"toast__toastPlate_16l0f","title":"toast__title_16l0f","popoverInner":"toast__popoverInner_16l0f","block":"toast__block_16l0f","fixed":"toast__fixed_16l0f","enter":"toast__enter_16l0f","enterActive":"toast__enterActive_16l0f","exit":"toast__exit_16l0f","exitActive":"toast__exitActive_16l0f"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

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

@@ -1,4 +1,4 @@
-/* hash: 6w6u3 */
+/* hash: 9emm1 */
 :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 */
 } :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 */
@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_a674b {
+} .toast__toastPlate_16l0f {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_a674b {
+} .toast__title_16l0f {
     font-weight: 400;
-} .toast__popoverInner_a674b {
+} .toast__popoverInner_16l0f {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_a674b {
+} .toast__block_16l0f {
     width: 100%;
-} .toast__fixed_a674b {
+} .toast__fixed_16l0f {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_a674b.toast__enter_a674b {
+} .toast__fixed_16l0f.toast__enter_16l0f {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_a674b.toast__enterActive_a674b {
+    } .toast__fixed_16l0f.toast__enterActive_16l0f {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_a674b.toast__exit_a674b {
+    } .toast__fixed_16l0f.toast__exit_16l0f {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_a674b.toast__exitActive_a674b {
+    } .toast__fixed_16l0f.toast__exitActive_16l0f {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast-plate/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/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/components/base-toast-plate/component.js

@@ -3,52 +3,54 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsBadge = require('../../../badge');
 var coreComponentsIconButton = require('../../../icon-button');
-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-442368bd.js');
+require('@alfalab/hooks');
+var coreComponentsStatusBadge = require('../../../status-badge');
 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');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"toast-plate__component_156wk","closeButtonWrapper":"toast-plate__closeButtonWrapper_156wk"};
+var defaultColors = {"component":"toast-plate__component_irgb3","closeButtonWrapper":"toast-plate__closeButtonWrapper_irgb3"};
 require('./default.css');
 
-var commonStyles = {"component":"toast-plate__component_1parb","hasCloser":"toast-plate__hasCloser_1parb","wrapper":"toast-plate__wrapper_1parb","contentWrapper":"toast-plate__contentWrapper_1parb","block":"toast-plate__block_1parb","content":"toast-plate__content_1parb","direction":"toast-plate__direction_1parb","hasActionButton":"toast-plate__hasActionButton_1parb","actionSection":"toast-plate__actionSection_1parb","bottomButton":"toast-plate__bottomButton_1parb","leftAddons":"toast-plate__leftAddons_1parb","contentTitle":"toast-plate__contentTitle_1parb","children":"toast-plate__children_1parb","title":"toast-plate__title_1parb","closeButtonWrapper":"toast-plate__closeButtonWrapper_1parb","closeButton":"toast-plate__closeButton_1parb"};
+var commonStyles = {"component":"toast-plate__component_14gxr","hasCloser":"toast-plate__hasCloser_14gxr","wrapper":"toast-plate__wrapper_14gxr","contentWrapper":"toast-plate__contentWrapper_14gxr","block":"toast-plate__block_14gxr","content":"toast-plate__content_14gxr","direction":"toast-plate__direction_14gxr","hasActionButton":"toast-plate__hasActionButton_14gxr","actionSection":"toast-plate__actionSection_14gxr","bottomButton":"toast-plate__bottomButton_14gxr","leftAddons":"toast-plate__leftAddons_14gxr","contentTitle":"toast-plate__contentTitle_14gxr","children":"toast-plate__children_14gxr","title":"toast-plate__title_14gxr","closeButtonWrapper":"toast-plate__closeButtonWrapper_14gxr","closeButton":"toast-plate__closeButton_14gxr"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_iwhp2","closeButtonWrapper":"toast-plate__closeButtonWrapper_iwhp2"};
+var invertedColors = {"component":"toast-plate__component_iasmu","closeButtonWrapper":"toast-plate__closeButtonWrapper_iasmu"};
 require('./inverted.css');
 
 var colorStyles = {
     default: defaultColors,
     inverted: invertedColors,
 };
-var iconDefaultComponents = {
-    negative: React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: commonStyles.badgeIcon }),
-    positive: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: commonStyles.badgeIcon }),
-    attention: React__default.default.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: commonStyles.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.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 && 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.component, colorStyles[colors].component, (_b = {}, _b[commonStyles.block] = block, _b[commonStyles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'component') }, restProps),
         React__default.default.createElement("div", { className: commonStyles.wrapper },
             React__default.default.createElement("div", { className: commonStyles.contentWrapper },
-                needRenderLeftAddons && (React__default.default.createElement("div", { className: commonStyles.leftAddons }, leftAddons || (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles.badge, dataTestId: 'badge', visibleColorOutline: true })))),
+                needRenderLeftAddons && (React__default.default.createElement("div", { className: commonStyles.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.content, (_c = {},
                         _c[commonStyles.hasCloser] = hasCloser,
                         _c[commonStyles.hasActionButton] = !!actionButton,

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

@@ -1,4 +1,4 @@
-/* hash: 12xcw */
+/* hash: 1smyy */
 :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;
@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_156wk {
+} .toast-plate__component_irgb3 {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_156wk:before {
+} .toast-plate__closeButtonWrapper_irgb3:before {
         background-color: var(--color-light-neutral-300-inverted);
     }

package/toast-plate/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/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/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/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/index.css

@@ -1,4 +1,4 @@
-/* hash: 121c4 */
+/* hash: vqdj8 */
 :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 */
 } :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 */
@@ -29,7 +29,7 @@
     --toast-plate-content-with-closer-right-padding: var(--gap-m);
 
     /* inverted */
-} .toast-plate__component_1parb {
+} .toast-plate__component_14gxr {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -37,54 +37,54 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-m)
-} .toast-plate__component_1parb.toast-plate__hasCloser_1parb {
+} .toast-plate__component_14gxr.toast-plate__hasCloser_14gxr {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__wrapper_1parb {
+    } .toast-plate__wrapper_14gxr {
     display: flex;
-} .toast-plate__contentWrapper_1parb {
+} .toast-plate__contentWrapper_14gxr {
     display: flex;
     flex-grow: 1;
-} .toast-plate__block_1parb {
+} .toast-plate__block_14gxr {
     display: flex;
     width: 100%;
-} .toast-plate__content_1parb {
+} .toast-plate__content_14gxr {
     display: flex;
     flex-grow: 1;
     justify-content: space-between
-} .toast-plate__content_1parb.toast-plate__direction_1parb {
+} .toast-plate__content_14gxr.toast-plate__direction_14gxr {
         flex-direction: column;
-    } .toast-plate__content_1parb.toast-plate__hasCloser_1parb:not(.toast-plate__hasActionButton_1parb) {
+    } .toast-plate__content_14gxr.toast-plate__hasCloser_14gxr:not(.toast-plate__hasActionButton_14gxr) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_1parb {
+    } .toast-plate__actionSection_14gxr {
     display: flex;
     padding: var(--toast-plate-action-padding);
     flex-shrink: 0
-} .toast-plate__actionSection_1parb:not(.toast-plate__hasCloser_1parb) {
+} .toast-plate__actionSection_14gxr:not(.toast-plate__hasCloser_14gxr) {
         padding-right: 0;
-    } .toast-plate__actionSection_1parb.toast-plate__bottomButton_1parb {
+    } .toast-plate__actionSection_14gxr.toast-plate__bottomButton_14gxr {
         padding: var(--toast-plate-action-bottom-padding);
-    } .toast-plate__leftAddons_1parb {
+    } .toast-plate__leftAddons_14gxr {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__contentTitle_1parb {
+} .toast-plate__contentTitle_14gxr {
     padding: var(--gap-3xs) 0;
-} .toast-plate__children_1parb {
+} .toast-plate__children_14gxr {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_1parb + .toast-plate__children_1parb {
+} .toast-plate__title_14gxr + .toast-plate__children_14gxr {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_1parb {
+} .toast-plate__closeButtonWrapper_14gxr {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_1parb:before {
+} .toast-plate__closeButtonWrapper_14gxr:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -92,7 +92,7 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_1parb {
+    } .toast-plate__closeButton_14gxr {
     display: flex;
     height: 100%;
 }

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

@@ -1,4 +1,4 @@
-/* hash: k7a4d */
+/* hash: 19ww6 */
 :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;
@@ -23,9 +23,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_iwhp2 {
+} .toast-plate__component_iasmu {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_iwhp2:before {
+} .toast-plate__closeButtonWrapper_iasmu:before {
         background-color: var(--color-light-neutral-300);
     }

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-442368bd.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 };