@alfalab/core-components 38.3.0 → 39.0.0

package/toast/esm/index.js

@@ -1,4 +1,5 @@
 export { Toast } from './component.js';
+import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'react-transition-group';

package/toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 13uuo */
+/* hash: v6i9f */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -24,32 +24,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1srom {
+} .toast__toastPlate_1ix95 {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1srom {
+} .toast__title_1ix95 {
     font-weight: 400;
-} .toast__popoverInner_1srom {
+} .toast__popoverInner_1ix95 {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1srom {
+} .toast__block_1ix95 {
     width: 100%;
-} .toast__fixed_1srom {
+} .toast__fixed_1ix95 {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1srom.toast__enter_1srom {
+} .toast__fixed_1ix95.toast__enter_1ix95 {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1srom.toast__enterActive_1srom {
+    } .toast__fixed_1ix95.toast__enterActive_1ix95 {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1srom.toast__exit_1srom {
+    } .toast__fixed_1ix95.toast__exit_1ix95 {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1srom.toast__exitActive_1srom {
+    } .toast__fixed_1ix95.toast__exitActive_1ix95 {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast/index.js

@@ -1,4 +1,5 @@
 var component = require('./component.js');
+require('tslib');
 require('react');
 require('react-merge-refs');
 require('react-transition-group');

package/toast/modern/component.js

@@ -8,7 +8,7 @@ import { Stack, stackingOrder } from '../../stack/modern';
 import { ToastPlate } from '../../toast-plate/modern';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
 
-const styles = {"toastPlate":"toast__toastPlate_1srom","title":"toast__title_1srom","popoverInner":"toast__popoverInner_1srom","block":"toast__block_1srom","fixed":"toast__fixed_1srom","enter":"toast__enter_1srom","enterActive":"toast__enterActive_1srom","exit":"toast__exit_1srom","exitActive":"toast__exitActive_1srom"};
+const styles = {"toastPlate":"toast__toastPlate_1ix95","title":"toast__title_1ix95","popoverInner":"toast__popoverInner_1ix95","block":"toast__block_1ix95","fixed":"toast__fixed_1ix95","enter":"toast__enter_1ix95","enterActive":"toast__enterActive_1ix95","exit":"toast__exit_1ix95","exitActive":"toast__exitActive_1ix95"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/toast/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 13uuo */
+/* hash: v6i9f */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -24,32 +24,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1srom {
+} .toast__toastPlate_1ix95 {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1srom {
+} .toast__title_1ix95 {
     font-weight: 400;
-} .toast__popoverInner_1srom {
+} .toast__popoverInner_1ix95 {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1srom {
+} .toast__block_1ix95 {
     width: 100%;
-} .toast__fixed_1srom {
+} .toast__fixed_1ix95 {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1srom.toast__enter_1srom {
+} .toast__fixed_1ix95.toast__enter_1ix95 {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1srom.toast__enterActive_1srom {
+    } .toast__fixed_1ix95.toast__enterActive_1ix95 {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1srom.toast__exit_1srom {
+    } .toast__fixed_1ix95.toast__exit_1ix95 {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1srom.toast__exitActive_1srom {
+    } .toast__fixed_1ix95.toast__exitActive_1ix95 {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast-plate/component.js

@@ -1,3 +1,4 @@
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBadge = require('../badge');
@@ -12,52 +13,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var defaultColors = {"component":"toast-plate__component_15he0","closeButtonWrapper":"toast-plate__closeButtonWrapper_15he0"};
+var defaultColors = {"component":"toast-plate__component_1vcho","closeButtonWrapper":"toast-plate__closeButtonWrapper_1vcho"};
 require('./default.css');
 
-var styles = {"component":"toast-plate__component_t9jr7","hasCloser":"toast-plate__hasCloser_t9jr7","contentWrap":"toast-plate__contentWrap_t9jr7","block":"toast-plate__block_t9jr7","content":"toast-plate__content_t9jr7","hasActionButton":"toast-plate__hasActionButton_t9jr7","actionSection":"toast-plate__actionSection_t9jr7","leftAddons":"toast-plate__leftAddons_t9jr7","title":"toast-plate__title_t9jr7","children":"toast-plate__children_t9jr7","closeButtonWrapper":"toast-plate__closeButtonWrapper_t9jr7","closeButton":"toast-plate__closeButton_t9jr7"};
+var styles = {"component":"toast-plate__component_q9zeu","hasCloser":"toast-plate__hasCloser_q9zeu","contentWrap":"toast-plate__contentWrap_q9zeu","block":"toast-plate__block_q9zeu","content":"toast-plate__content_q9zeu","hasActionButton":"toast-plate__hasActionButton_q9zeu","actionSection":"toast-plate__actionSection_q9zeu","leftAddons":"toast-plate__leftAddons_q9zeu","title":"toast-plate__title_q9zeu","children":"toast-plate__children_q9zeu","closeButtonWrapper":"toast-plate__closeButtonWrapper_q9zeu","closeButton":"toast-plate__closeButton_q9zeu"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_ros2q","closeButtonWrapper":"toast-plate__closeButtonWrapper_ros2q"};
+var invertedColors = {"component":"toast-plate__component_1hjvq","closeButtonWrapper":"toast-plate__closeButtonWrapper_1hjvq"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -71,7 +33,7 @@ var iconDefaultComponents = {
 };
 var ToastPlate = 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, restProps = __rest(_a, ["dataTestId", "className", "titleClassName", "contentClassName", "actionSectionClassName", "hasCloser", "leftAddons", "badge", "title", "children", "actionButton", "block", "onClose", "getBadgeIcons", "colors"]);
+    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, restProps = tslib.__rest(_a, ["dataTestId", "className", "titleClassName", "contentClassName", "actionSectionClassName", "hasCloser", "leftAddons", "badge", "title", "children", "actionButton", "block", "onClose", "getBadgeIcons", "colors"]);
     var needRenderLeftAddons = Boolean(leftAddons || badge);
     var iconComponents = getBadgeIcons
         ? getBadgeIcons(iconDefaultComponents)
@@ -81,7 +43,7 @@ var ToastPlate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    return (React__default.default.createElement("div", __assign({ className: cn__default.default(styles.component, colorStyles[colors].component, (_b = {}, _b[styles.block] = block, _b[styles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
+    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, colorStyles[colors].component, (_b = {}, _b[styles.block] = block, _b[styles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
         React__default.default.createElement("div", { className: styles.contentWrap },
             React__default.default.createElement("div", { className: cn__default.default(contentClassName, styles.content, (_c = {},
                     _c[styles.hasCloser] = hasCloser,

package/toast-plate/cssm/component.js

@@ -1,3 +1,4 @@
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBadge = require('../../badge/cssm');
@@ -18,45 +19,6 @@ var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var colorStyles = {
     default: defaultColors__default.default,
     inverted: invertedColors__default.default,
@@ -68,7 +30,7 @@ var iconDefaultComponents = {
 };
 var ToastPlate = 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, restProps = __rest(_a, ["dataTestId", "className", "titleClassName", "contentClassName", "actionSectionClassName", "hasCloser", "leftAddons", "badge", "title", "children", "actionButton", "block", "onClose", "getBadgeIcons", "colors"]);
+    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, restProps = tslib.__rest(_a, ["dataTestId", "className", "titleClassName", "contentClassName", "actionSectionClassName", "hasCloser", "leftAddons", "badge", "title", "children", "actionButton", "block", "onClose", "getBadgeIcons", "colors"]);
     var needRenderLeftAddons = Boolean(leftAddons || badge);
     var iconComponents = getBadgeIcons
         ? getBadgeIcons(iconDefaultComponents)
@@ -78,7 +40,7 @@ var ToastPlate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    return (React__default.default.createElement("div", __assign({ className: cn__default.default(styles__default.default.component, colorStyles[colors].component, (_b = {}, _b[styles__default.default.block] = block, _b[styles__default.default.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
+    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, colorStyles[colors].component, (_b = {}, _b[styles__default.default.block] = block, _b[styles__default.default.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
         React__default.default.createElement("div", { className: styles__default.default.contentWrap },
             React__default.default.createElement("div", { className: cn__default.default(contentClassName, styles__default.default.content, (_c = {},
                     _c[styles__default.default.hasCloser] = hasCloser,

package/toast-plate/cssm/index.js

@@ -1,4 +1,5 @@
 var component = require('./component.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../../badge/cssm');

package/toast-plate/default.css

@@ -1,4 +1,4 @@
-/* hash: 5h3cl */
+/* hash: 1sydb */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_15he0 {
+} .toast-plate__component_1vcho {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_15he0:before {
+} .toast-plate__closeButtonWrapper_1vcho:before {
         background-color: var(--color-light-border-secondary-inverted);
     }

package/toast-plate/esm/component.js

@@ -1,3 +1,4 @@
+import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
 import { Badge } from '../../badge/esm';
@@ -7,52 +8,13 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var defaultColors = {"component":"toast-plate__component_15he0","closeButtonWrapper":"toast-plate__closeButtonWrapper_15he0"};
+var defaultColors = {"component":"toast-plate__component_1vcho","closeButtonWrapper":"toast-plate__closeButtonWrapper_1vcho"};
 require('./default.css');
 
-var styles = {"component":"toast-plate__component_t9jr7","hasCloser":"toast-plate__hasCloser_t9jr7","contentWrap":"toast-plate__contentWrap_t9jr7","block":"toast-plate__block_t9jr7","content":"toast-plate__content_t9jr7","hasActionButton":"toast-plate__hasActionButton_t9jr7","actionSection":"toast-plate__actionSection_t9jr7","leftAddons":"toast-plate__leftAddons_t9jr7","title":"toast-plate__title_t9jr7","children":"toast-plate__children_t9jr7","closeButtonWrapper":"toast-plate__closeButtonWrapper_t9jr7","closeButton":"toast-plate__closeButton_t9jr7"};
+var styles = {"component":"toast-plate__component_q9zeu","hasCloser":"toast-plate__hasCloser_q9zeu","contentWrap":"toast-plate__contentWrap_q9zeu","block":"toast-plate__block_q9zeu","content":"toast-plate__content_q9zeu","hasActionButton":"toast-plate__hasActionButton_q9zeu","actionSection":"toast-plate__actionSection_q9zeu","leftAddons":"toast-plate__leftAddons_q9zeu","title":"toast-plate__title_q9zeu","children":"toast-plate__children_q9zeu","closeButtonWrapper":"toast-plate__closeButtonWrapper_q9zeu","closeButton":"toast-plate__closeButton_q9zeu"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_ros2q","closeButtonWrapper":"toast-plate__closeButtonWrapper_ros2q"};
+var invertedColors = {"component":"toast-plate__component_1hjvq","closeButtonWrapper":"toast-plate__closeButtonWrapper_1hjvq"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: 5h3cl */
+/* hash: 1sydb */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_15he0 {
+} .toast-plate__component_1vcho {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_15he0:before {
+} .toast-plate__closeButtonWrapper_1vcho:before {
         background-color: var(--color-light-border-secondary-inverted);
     }

package/toast-plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: rgj2d */
+/* hash: riiku */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -32,7 +32,7 @@
     --toast-plate-close-button-align: center;
 
     /* inverted */
-} .toast-plate__component_t9jr7 {
+} .toast-plate__component_q9zeu {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -40,52 +40,52 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-m)
-} .toast-plate__component_t9jr7.toast-plate__hasCloser_t9jr7 {
+} .toast-plate__component_q9zeu.toast-plate__hasCloser_q9zeu {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__contentWrap_t9jr7 {
+    } .toast-plate__contentWrap_q9zeu {
     display: flex;
-} .toast-plate__block_t9jr7 {
+} .toast-plate__block_q9zeu {
     display: flex;
     width: 100%;
-} .toast-plate__content_t9jr7 {
+} .toast-plate__content_q9zeu {
     display: flex;
     flex-grow: 1
-} .toast-plate__content_t9jr7.toast-plate__hasCloser_t9jr7:not(.toast-plate__hasActionButton_t9jr7) {
+} .toast-plate__content_q9zeu.toast-plate__hasCloser_q9zeu:not(.toast-plate__hasActionButton_q9zeu) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_t9jr7 {
+    } .toast-plate__actionSection_q9zeu {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--toast-plate-action-margin) 0;
     padding: var(--toast-plate-action-padding)
-} .toast-plate__actionSection_t9jr7:last-child {
+} .toast-plate__actionSection_q9zeu:last-child {
         padding-right: 0;
-    } .toast-plate__leftAddons_t9jr7 {
+    } .toast-plate__leftAddons_q9zeu {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__title_t9jr7 {
+} .toast-plate__title_q9zeu {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
-} .toast-plate__children_t9jr7 {
+} .toast-plate__children_q9zeu {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_t9jr7 + .toast-plate__children_t9jr7 {
+} .toast-plate__title_q9zeu + .toast-plate__children_q9zeu {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_t9jr7 {
+} .toast-plate__closeButtonWrapper_q9zeu {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_t9jr7:before {
+} .toast-plate__closeButtonWrapper_q9zeu:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -93,7 +93,7 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_t9jr7 {
+    } .toast-plate__closeButton_q9zeu {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/esm/index.js

@@ -1,4 +1,5 @@
 export { ToastPlate } from './component.js';
+import 'tslib';
 import 'react';
 import 'classnames';
 import '../../badge/esm';

package/toast-plate/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1h97f */
+/* hash: 15pdc */
 :root {
 } /* deprecated */ :root {
     --color-light-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-bg-primary);
-} .toast-plate__component_ros2q {
+} .toast-plate__component_1hjvq {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_ros2q:before {
+} .toast-plate__closeButtonWrapper_1hjvq:before {
         background-color: var(--color-light-border-secondary);
     }

package/toast-plate/index.css

@@ -1,4 +1,4 @@
-/* hash: rgj2d */
+/* hash: riiku */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -32,7 +32,7 @@
     --toast-plate-close-button-align: center;
 
     /* inverted */
-} .toast-plate__component_t9jr7 {
+} .toast-plate__component_q9zeu {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -40,52 +40,52 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-m)
-} .toast-plate__component_t9jr7.toast-plate__hasCloser_t9jr7 {
+} .toast-plate__component_q9zeu.toast-plate__hasCloser_q9zeu {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__contentWrap_t9jr7 {
+    } .toast-plate__contentWrap_q9zeu {
     display: flex;
-} .toast-plate__block_t9jr7 {
+} .toast-plate__block_q9zeu {
     display: flex;
     width: 100%;
-} .toast-plate__content_t9jr7 {
+} .toast-plate__content_q9zeu {
     display: flex;
     flex-grow: 1
-} .toast-plate__content_t9jr7.toast-plate__hasCloser_t9jr7:not(.toast-plate__hasActionButton_t9jr7) {
+} .toast-plate__content_q9zeu.toast-plate__hasCloser_q9zeu:not(.toast-plate__hasActionButton_q9zeu) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_t9jr7 {
+    } .toast-plate__actionSection_q9zeu {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--toast-plate-action-margin) 0;
     padding: var(--toast-plate-action-padding)
-} .toast-plate__actionSection_t9jr7:last-child {
+} .toast-plate__actionSection_q9zeu:last-child {
         padding-right: 0;
-    } .toast-plate__leftAddons_t9jr7 {
+    } .toast-plate__leftAddons_q9zeu {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__title_t9jr7 {
+} .toast-plate__title_q9zeu {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
-} .toast-plate__children_t9jr7 {
+} .toast-plate__children_q9zeu {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_t9jr7 + .toast-plate__children_t9jr7 {
+} .toast-plate__title_q9zeu + .toast-plate__children_q9zeu {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_t9jr7 {
+} .toast-plate__closeButtonWrapper_q9zeu {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_t9jr7:before {
+} .toast-plate__closeButtonWrapper_q9zeu:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -93,7 +93,7 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_t9jr7 {
+    } .toast-plate__closeButton_q9zeu {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/index.js

@@ -1,4 +1,5 @@
 var component = require('./component.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../badge');

package/toast-plate/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1h97f */
+/* hash: 15pdc */
 :root {
 } /* deprecated */ :root {
     --color-light-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-bg-primary);
-} .toast-plate__component_ros2q {
+} .toast-plate__component_1hjvq {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_ros2q:before {
+} .toast-plate__closeButtonWrapper_1hjvq:before {
         background-color: var(--color-light-border-secondary);
     }

package/toast-plate/modern/component.js

@@ -7,13 +7,13 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-const defaultColors = {"component":"toast-plate__component_15he0","closeButtonWrapper":"toast-plate__closeButtonWrapper_15he0"};
+const defaultColors = {"component":"toast-plate__component_1vcho","closeButtonWrapper":"toast-plate__closeButtonWrapper_1vcho"};
 require('./default.css');
 
-const styles = {"component":"toast-plate__component_t9jr7","hasCloser":"toast-plate__hasCloser_t9jr7","contentWrap":"toast-plate__contentWrap_t9jr7","block":"toast-plate__block_t9jr7","content":"toast-plate__content_t9jr7","hasActionButton":"toast-plate__hasActionButton_t9jr7","actionSection":"toast-plate__actionSection_t9jr7","leftAddons":"toast-plate__leftAddons_t9jr7","title":"toast-plate__title_t9jr7","children":"toast-plate__children_t9jr7","closeButtonWrapper":"toast-plate__closeButtonWrapper_t9jr7","closeButton":"toast-plate__closeButton_t9jr7"};
+const styles = {"component":"toast-plate__component_q9zeu","hasCloser":"toast-plate__hasCloser_q9zeu","contentWrap":"toast-plate__contentWrap_q9zeu","block":"toast-plate__block_q9zeu","content":"toast-plate__content_q9zeu","hasActionButton":"toast-plate__hasActionButton_q9zeu","actionSection":"toast-plate__actionSection_q9zeu","leftAddons":"toast-plate__leftAddons_q9zeu","title":"toast-plate__title_q9zeu","children":"toast-plate__children_q9zeu","closeButtonWrapper":"toast-plate__closeButtonWrapper_q9zeu","closeButton":"toast-plate__closeButton_q9zeu"};
 require('./index.css');
 
-const invertedColors = {"component":"toast-plate__component_ros2q","closeButtonWrapper":"toast-plate__closeButtonWrapper_ros2q"};
+const invertedColors = {"component":"toast-plate__component_1hjvq","closeButtonWrapper":"toast-plate__closeButtonWrapper_1hjvq"};
 require('./inverted.css');
 
 const colorStyles = {

package/toast-plate/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 5h3cl */
+/* hash: 1sydb */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_15he0 {
+} .toast-plate__component_1vcho {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_15he0:before {
+} .toast-plate__closeButtonWrapper_1vcho:before {
         background-color: var(--color-light-border-secondary-inverted);
     }