@alfalab/core-components 36.4.0 → 36.5.1-beta.0

package/themes/dist/compiled/mobile-dark-bluetint.js

@@ -2,6 +2,10 @@
 
 var styles = require('!!css-loader!@alfalab/core-components/themes/compiled/mobile-dark-bluetint.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
 
-module.exports = styles;
+module.exports = styles__default.default;

package/themes/dist/corp.js

@@ -2,7 +2,11 @@
 
 var styles = require('!!css-loader!@alfalab/core-components/themes/corp.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var corp = styles.toString();
+var corp = styles__default.default.toString();
 
 module.exports = corp;

package/themes/dist/dark.js

@@ -2,7 +2,11 @@
 
 var styles = require('!!css-loader!@alfalab/core-components/themes/dark.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var dark = styles.toString();
+var dark = styles__default.default.toString();
 
 module.exports = dark;

package/themes/dist/intranet.js

@@ -2,7 +2,11 @@
 
 var styles = require('!!css-loader!@alfalab/core-components/themes/intranet.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var intranet = styles.toString();
+var intranet = styles__default.default.toString();
 
 module.exports = intranet;

package/themes/dist/mobile.js

@@ -2,7 +2,11 @@
 
 var styles = require('!!css-loader!@alfalab/core-components/themes/mobile.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var mobile = styles.toString();
+var mobile = styles__default.default.toString();
 
 module.exports = mobile;

package/themes/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-themes",
-    "version": "9.8.0",
+    "version": "9.8.1",
     "description": "",
     "keywords": [],
     "license": "MIT",

package/themes/dist/site.js

@@ -2,7 +2,11 @@
 
 var styles = require('!!css-loader!@alfalab/core-components/themes/site.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var site = styles.toString();
+var site = styles__default.default.toString();
 
 module.exports = site;

package/themes/intranet.js

@@ -1,6 +1,10 @@
 var styles = require('!!css-loader!@alfalab/core-components/themes/intranet.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var intranet = styles.toString();
+var intranet = styles__default.default.toString();
 
 module.exports = intranet;

package/themes/mobile.js

@@ -1,6 +1,10 @@
 var styles = require('!!css-loader!@alfalab/core-components/themes/mobile.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var mobile = styles.toString();
+var mobile = styles__default.default.toString();
 
 module.exports = mobile;

package/themes/site.js

@@ -1,6 +1,10 @@
 var styles = require('!!css-loader!@alfalab/core-components/themes/site.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 // eslint-disable-next-line import/no-webpack-loader-syntax
-var site = styles.toString();
+var site = styles__default.default.toString();
 
 module.exports = site;

package/time-input/Component.js

@@ -2,6 +2,10 @@ var React = require('react');
 var coreComponentsInput = require('../input');
 var utils_format = require('./utils/format.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -42,7 +46,7 @@ function __rest(s, e) {
 }
 
 /* eslint-disable no-useless-escape */
-var TimeInput = React.forwardRef(function (_a, ref) {
+var TimeInput = React__default.default.forwardRef(function (_a, ref) {
     var _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, className = _a.className, restProps = __rest(_a, ["defaultValue", "value", "onChange", "onComplete", "className"]);
     var _c = React.useState(propValue || defaultValue), value = _c[0], setValue = _c[1];
     var handleChange = function (event) {
@@ -77,7 +81,7 @@ var TimeInput = React.forwardRef(function (_a, ref) {
     var handleClearClick = function () {
         setValue('');
     };
-    return (React.createElement(coreComponentsInput.Input, __assign({}, restProps, { ref: ref, value: value, className: className, onChange: handleChange, onClear: handleClearClick })));
+    return (React__default.default.createElement(coreComponentsInput.Input, __assign({}, restProps, { ref: ref, value: value, className: className, onChange: handleChange, onClear: handleClearClick })));
 });
 
 exports.TimeInput = TimeInput;

package/time-input/cssm/Component.js

@@ -2,6 +2,10 @@ var React = require('react');
 var coreComponentsInput = require('../../input/cssm');
 var utils_format = require('./utils/format.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -42,7 +46,7 @@ function __rest(s, e) {
 }
 
 /* eslint-disable no-useless-escape */
-var TimeInput = React.forwardRef(function (_a, ref) {
+var TimeInput = React__default.default.forwardRef(function (_a, ref) {
     var _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, className = _a.className, restProps = __rest(_a, ["defaultValue", "value", "onChange", "onComplete", "className"]);
     var _c = React.useState(propValue || defaultValue), value = _c[0], setValue = _c[1];
     var handleChange = function (event) {
@@ -77,7 +81,7 @@ var TimeInput = React.forwardRef(function (_a, ref) {
     var handleClearClick = function () {
         setValue('');
     };
-    return (React.createElement(coreComponentsInput.Input, __assign({}, restProps, { ref: ref, value: value, className: className, onChange: handleChange, onClear: handleClearClick })));
+    return (React__default.default.createElement(coreComponentsInput.Input, __assign({}, restProps, { ref: ref, value: value, className: className, onChange: handleChange, onClear: handleClearClick })));
 });
 
 exports.TimeInput = TimeInput;

package/time-input/utils/format.js

@@ -13,12 +13,16 @@ var isValidTimeFormat = function (value) {
     }
     return true;
 };
-var isValidInputValue = function (inputValue) { return !inputValue || (isCompleteTimeInput(inputValue) && isValidTimeFormat(inputValue)); };
-var format = function (value) { return value
-    .replace(/^(\d\d)(\d)$/, '$1:$2') // 123 => 12:3
-    .replace(/^(\d\d)(\d\d)/, '$1:$2') // 12345 => 12:45 (если вместо двоеточия введена цифра, она обратно заменяется на двоеточие)
-    .replace(/^(\d):(\d\d)(\d)/, '$1:$2') // 1:234 => 1:23
-    .replace(/\:$/, ''); }; // 12: => 12 || : => void
+var isValidInputValue = function (inputValue) {
+    return !inputValue || (isCompleteTimeInput(inputValue) && isValidTimeFormat(inputValue));
+};
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1:$2') // 123 => 12:3
+        .replace(/^(\d\d)(\d\d)/, '$1:$2') // 12345 => 12:45 (если вместо двоеточия введена цифра, она обратно заменяется на двоеточие)
+        .replace(/^(\d):(\d\d)(\d)/, '$1:$2') // 1:234 => 1:23
+        .replace(/\:$/, '');
+}; // 12: => 12 || : => void
 
 exports.DATE_MASK = DATE_MASK;
 exports.format = format;

package/toast/component.js

@@ -8,6 +8,12 @@ var coreComponentsStack = require('../stack');
 var coreComponentsToastPlate = require('../toast-plate');
 var hooks = require('@alfalab/hooks');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -47,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_w3703","title":"toast__title_w3703","popoverInner":"toast__popoverInner_w3703","block":"toast__block_w3703","fixed":"toast__fixed_w3703","enter":"toast__enter_w3703","enterActive":"toast__enterActive_w3703","exit":"toast__exit_w3703","exitActive":"toast__exitActive_w3703"};
+var styles = {"toastPlate":"toast__toastPlate_f8g1d","title":"toast__title_f8g1d","popoverInner":"toast__popoverInner_f8g1d","block":"toast__block_f8g1d","fixed":"toast__fixed_f8g1d","enter":"toast__enter_f8g1d","enterActive":"toast__enterActive_f8g1d","exit":"toast__exit_f8g1d","exitActive":"toast__exitActive_f8g1d"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {
@@ -56,7 +62,7 @@ var CSS_TRANSITION_CLASS_NAMES = {
     exit: styles.exit,
     exitActive: styles.exitActive,
 };
-var DefaultToastPlate = React.forwardRef(function (props, ref) { return (React.createElement(coreComponentsToastPlate.ToastPlate, __assign({ ref: ref }, props))); });
+var DefaultToastPlate = React.forwardRef(function (props, ref) { return (React__default.default.createElement(coreComponentsToastPlate.ToastPlate, __assign({ ref: ref }, props))); });
 var Toast = React.forwardRef(function (_a, ref) {
     var _b;
     var anchorElement = _a.anchorElement, position = _a.position, offset = _a.offset, open = _a.open, _c = _a.autoCloseDelay, autoCloseDelay = _c === void 0 ? 3000 : _c, className = _a.className, titleClassName = _a.titleClassName, bottomOffset = _a.bottomOffset, _d = _a.style, style = _d === void 0 ? {} : _d, block = _a.block, _e = _a.zIndex, zIndex = _e === void 0 ? coreComponentsStack.stackingOrder.TOAST : _e, _f = _a.ToastPlate, ToastPlate = _f === void 0 ? DefaultToastPlate : _f, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onClose = _a.onClose, getPortalContainer = _a.getPortalContainer, useAnchorWidth = _a.useAnchorWidth, restProps = __rest(_a, ["anchorElement", "position", "offset", "open", "autoCloseDelay", "className", "titleClassName", "bottomOffset", "style", "block", "zIndex", "ToastPlate", "onMouseEnter", "onMouseLeave", "onTouchStart", "onClose", "getPortalContainer", "useAnchorWidth"]);
@@ -100,20 +106,20 @@ var Toast = React.forwardRef(function (_a, ref) {
     }, [open, prevOpen, startTimer, stopTimer]);
     var props = {
         block: block,
-        titleClassName: cn(titleClassName, styles.title),
+        titleClassName: cn__default.default(titleClassName, styles.title),
         onClose: onClose,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         onTouchStart: handleTouchStart,
-        ref: mergeRefs([ref, plateRef]),
+        ref: mergeRefs__default.default([ref, plateRef]),
     };
     if (anchorElement) {
-        return (React.createElement(coreComponentsPopover.Popover, { open: open, anchorElement: anchorElement, position: position, offset: offset, popperClassName: styles.popoverInner, className: cn((_b = {}, _b[styles.block] = block, _b)), transition: { timeout: 150 }, getPortalContainer: getPortalContainer, zIndex: zIndex, useAnchorWidth: useAnchorWidth },
-            React.createElement(ToastPlate, __assign({}, restProps, { style: style, className: className }, props))));
+        return (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, anchorElement: anchorElement, position: position, offset: offset, popperClassName: styles.popoverInner, className: cn__default.default((_b = {}, _b[styles.block] = block, _b)), transition: { timeout: 150 }, getPortalContainer: getPortalContainer, zIndex: zIndex, useAnchorWidth: useAnchorWidth },
+            React__default.default.createElement(ToastPlate, __assign({}, restProps, { style: style, className: className }, props))));
     }
-    return (React.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer },
-        React.createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: open, timeout: 150, classNames: CSS_TRANSITION_CLASS_NAMES },
-            React.createElement(ToastPlate, __assign({}, restProps, { className: cn(styles.fixed, styles.toastPlate, className), style: __assign(__assign({}, style), { bottom: bottomOffset && "".concat(bottomOffset, "px"), zIndex: computedZIndex }) }, props))))); }));
+    return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer },
+        React__default.default.createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: open, timeout: 150, classNames: CSS_TRANSITION_CLASS_NAMES },
+            React__default.default.createElement(ToastPlate, __assign({}, restProps, { className: cn__default.default(styles.fixed, styles.toastPlate, className), style: __assign(__assign({}, style), { bottom: bottomOffset && "".concat(bottomOffset, "px"), zIndex: computedZIndex }) }, props))))); }));
 });
 
 exports.Toast = Toast;

package/toast/cssm/component.js

@@ -9,6 +9,13 @@ var coreComponentsToastPlate = require('../../toast-plate/cssm');
 var hooks = require('@alfalab/hooks');
 var styles = require('./index.module.css');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -49,12 +56,12 @@ function __rest(s, e) {
 }
 
 var CSS_TRANSITION_CLASS_NAMES = {
-    enter: styles.enter,
-    enterActive: styles.enterActive,
-    exit: styles.exit,
-    exitActive: styles.exitActive,
+    enter: styles__default.default.enter,
+    enterActive: styles__default.default.enterActive,
+    exit: styles__default.default.exit,
+    exitActive: styles__default.default.exitActive,
 };
-var DefaultToastPlate = React.forwardRef(function (props, ref) { return (React.createElement(coreComponentsToastPlate.ToastPlate, __assign({ ref: ref }, props))); });
+var DefaultToastPlate = React.forwardRef(function (props, ref) { return (React__default.default.createElement(coreComponentsToastPlate.ToastPlate, __assign({ ref: ref }, props))); });
 var Toast = React.forwardRef(function (_a, ref) {
     var _b;
     var anchorElement = _a.anchorElement, position = _a.position, offset = _a.offset, open = _a.open, _c = _a.autoCloseDelay, autoCloseDelay = _c === void 0 ? 3000 : _c, className = _a.className, titleClassName = _a.titleClassName, bottomOffset = _a.bottomOffset, _d = _a.style, style = _d === void 0 ? {} : _d, block = _a.block, _e = _a.zIndex, zIndex = _e === void 0 ? coreComponentsStack.stackingOrder.TOAST : _e, _f = _a.ToastPlate, ToastPlate = _f === void 0 ? DefaultToastPlate : _f, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onClose = _a.onClose, getPortalContainer = _a.getPortalContainer, useAnchorWidth = _a.useAnchorWidth, restProps = __rest(_a, ["anchorElement", "position", "offset", "open", "autoCloseDelay", "className", "titleClassName", "bottomOffset", "style", "block", "zIndex", "ToastPlate", "onMouseEnter", "onMouseLeave", "onTouchStart", "onClose", "getPortalContainer", "useAnchorWidth"]);
@@ -98,20 +105,20 @@ var Toast = React.forwardRef(function (_a, ref) {
     }, [open, prevOpen, startTimer, stopTimer]);
     var props = {
         block: block,
-        titleClassName: cn(titleClassName, styles.title),
+        titleClassName: cn__default.default(titleClassName, styles__default.default.title),
         onClose: onClose,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         onTouchStart: handleTouchStart,
-        ref: mergeRefs([ref, plateRef]),
+        ref: mergeRefs__default.default([ref, plateRef]),
     };
     if (anchorElement) {
-        return (React.createElement(coreComponentsPopover.Popover, { open: open, anchorElement: anchorElement, position: position, offset: offset, popperClassName: styles.popoverInner, className: cn((_b = {}, _b[styles.block] = block, _b)), transition: { timeout: 150 }, getPortalContainer: getPortalContainer, zIndex: zIndex, useAnchorWidth: useAnchorWidth },
-            React.createElement(ToastPlate, __assign({}, restProps, { style: style, className: className }, props))));
+        return (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, anchorElement: anchorElement, position: position, offset: offset, popperClassName: styles__default.default.popoverInner, className: cn__default.default((_b = {}, _b[styles__default.default.block] = block, _b)), transition: { timeout: 150 }, getPortalContainer: getPortalContainer, zIndex: zIndex, useAnchorWidth: useAnchorWidth },
+            React__default.default.createElement(ToastPlate, __assign({}, restProps, { style: style, className: className }, props))));
     }
-    return (React.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer },
-        React.createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: open, timeout: 150, classNames: CSS_TRANSITION_CLASS_NAMES },
-            React.createElement(ToastPlate, __assign({}, restProps, { className: cn(styles.fixed, styles.toastPlate, className), style: __assign(__assign({}, style), { bottom: bottomOffset && "".concat(bottomOffset, "px"), zIndex: computedZIndex }) }, props))))); }));
+    return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer },
+        React__default.default.createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: open, timeout: 150, classNames: CSS_TRANSITION_CLASS_NAMES },
+            React__default.default.createElement(ToastPlate, __assign({}, restProps, { className: cn__default.default(styles__default.default.fixed, styles__default.default.toastPlate, className), style: __assign(__assign({}, style), { bottom: bottomOffset && "".concat(bottomOffset, "px"), zIndex: computedZIndex }) }, props))))); }));
 });
 
 exports.Toast = Toast;

package/toast/esm/component.js

@@ -47,7 +47,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_w3703","title":"toast__title_w3703","popoverInner":"toast__popoverInner_w3703","block":"toast__block_w3703","fixed":"toast__fixed_w3703","enter":"toast__enter_w3703","enterActive":"toast__enterActive_w3703","exit":"toast__exit_w3703","exitActive":"toast__exitActive_w3703"};
+var styles = {"toastPlate":"toast__toastPlate_f8g1d","title":"toast__title_f8g1d","popoverInner":"toast__popoverInner_f8g1d","block":"toast__block_f8g1d","fixed":"toast__fixed_f8g1d","enter":"toast__enter_f8g1d","enterActive":"toast__enterActive_f8g1d","exit":"toast__exit_f8g1d","exitActive":"toast__exitActive_f8g1d"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: hhsmo */
+/* hash: 12k7y */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -23,40 +23,40 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_w3703 {
+.toast__toastPlate_f8g1d {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
 }
-.toast__title_w3703 {
+.toast__title_f8g1d {
     font-weight: 400;
 }
-.toast__popoverInner_w3703 {
+.toast__popoverInner_f8g1d {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_w3703 {
+.toast__block_f8g1d {
     width: 100%;
 }
-.toast__fixed_w3703 {
+.toast__fixed_f8g1d {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_w3703.toast__enter_w3703 {
+.toast__fixed_f8g1d.toast__enter_f8g1d {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_w3703.toast__enterActive_w3703 {
+.toast__fixed_f8g1d.toast__enterActive_f8g1d {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w3703.toast__exit_w3703 {
+.toast__fixed_f8g1d.toast__exit_f8g1d {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w3703.toast__exitActive_w3703 {
+.toast__fixed_f8g1d.toast__exitActive_f8g1d {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast/index.css

@@ -1,4 +1,4 @@
-/* hash: hhsmo */
+/* hash: 12k7y */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -23,40 +23,40 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_w3703 {
+.toast__toastPlate_f8g1d {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
 }
-.toast__title_w3703 {
+.toast__title_f8g1d {
     font-weight: 400;
 }
-.toast__popoverInner_w3703 {
+.toast__popoverInner_f8g1d {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_w3703 {
+.toast__block_f8g1d {
     width: 100%;
 }
-.toast__fixed_w3703 {
+.toast__fixed_f8g1d {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_w3703.toast__enter_w3703 {
+.toast__fixed_f8g1d.toast__enter_f8g1d {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_w3703.toast__enterActive_w3703 {
+.toast__fixed_f8g1d.toast__enterActive_f8g1d {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w3703.toast__exit_w3703 {
+.toast__fixed_f8g1d.toast__exit_f8g1d {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w3703.toast__exitActive_w3703 {
+.toast__fixed_f8g1d.toast__exitActive_f8g1d {
         opacity: 0;
         transform: scale(0.98);
     }

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_w3703","title":"toast__title_w3703","popoverInner":"toast__popoverInner_w3703","block":"toast__block_w3703","fixed":"toast__fixed_w3703","enter":"toast__enter_w3703","enterActive":"toast__enterActive_w3703","exit":"toast__exit_w3703","exitActive":"toast__exitActive_w3703"};
+const styles = {"toastPlate":"toast__toastPlate_f8g1d","title":"toast__title_f8g1d","popoverInner":"toast__popoverInner_f8g1d","block":"toast__block_f8g1d","fixed":"toast__fixed_f8g1d","enter":"toast__enter_f8g1d","enterActive":"toast__enterActive_f8g1d","exit":"toast__exit_f8g1d","exitActive":"toast__exitActive_f8g1d"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/toast/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: hhsmo */
+/* hash: 12k7y */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -23,40 +23,40 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_w3703 {
+.toast__toastPlate_f8g1d {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
 }
-.toast__title_w3703 {
+.toast__title_f8g1d {
     font-weight: 400;
 }
-.toast__popoverInner_w3703 {
+.toast__popoverInner_f8g1d {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_w3703 {
+.toast__block_f8g1d {
     width: 100%;
 }
-.toast__fixed_w3703 {
+.toast__fixed_f8g1d {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_w3703.toast__enter_w3703 {
+.toast__fixed_f8g1d.toast__enter_f8g1d {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_w3703.toast__enterActive_w3703 {
+.toast__fixed_f8g1d.toast__enterActive_f8g1d {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w3703.toast__exit_w3703 {
+.toast__fixed_f8g1d.toast__exit_f8g1d {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w3703.toast__exitActive_w3703 {
+.toast__fixed_f8g1d.toast__exitActive_f8g1d {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast-plate/component.js

@@ -7,6 +7,11 @@ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 
+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);
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -46,13 +51,13 @@ function __rest(s, e) {
     return t;
 }
 
-var defaultColors = {"component":"toast-plate__component_1utd3","closeButtonWrapper":"toast-plate__closeButtonWrapper_1utd3"};
+var defaultColors = {"component":"toast-plate__component_9o6v4","closeButtonWrapper":"toast-plate__closeButtonWrapper_9o6v4"};
 require('./default.css');
 
-var styles = {"component":"toast-plate__component_qcahh","hasCloser":"toast-plate__hasCloser_qcahh","contentWrap":"toast-plate__contentWrap_qcahh","block":"toast-plate__block_qcahh","content":"toast-plate__content_qcahh","hasActionButton":"toast-plate__hasActionButton_qcahh","actionSection":"toast-plate__actionSection_qcahh","leftAddons":"toast-plate__leftAddons_qcahh","title":"toast-plate__title_qcahh","children":"toast-plate__children_qcahh","closeButtonWrapper":"toast-plate__closeButtonWrapper_qcahh","closeButton":"toast-plate__closeButton_qcahh"};
+var styles = {"component":"toast-plate__component_fhxir","hasCloser":"toast-plate__hasCloser_fhxir","contentWrap":"toast-plate__contentWrap_fhxir","block":"toast-plate__block_fhxir","content":"toast-plate__content_fhxir","hasActionButton":"toast-plate__hasActionButton_fhxir","actionSection":"toast-plate__actionSection_fhxir","leftAddons":"toast-plate__leftAddons_fhxir","title":"toast-plate__title_fhxir","children":"toast-plate__children_fhxir","closeButtonWrapper":"toast-plate__closeButtonWrapper_fhxir","closeButton":"toast-plate__closeButton_fhxir"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_ddu5s","closeButtonWrapper":"toast-plate__closeButtonWrapper_ddu5s"};
+var invertedColors = {"component":"toast-plate__component_r9rzb","closeButtonWrapper":"toast-plate__closeButtonWrapper_r9rzb"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -60,9 +65,9 @@ var colorStyles = {
     inverted: invertedColors,
 };
 var iconDefaultComponents = {
-    negative: React.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: styles.badgeIcon }),
-    positive: React.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles.badgeIcon }),
-    attention: React.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles.badgeIcon }),
+    negative: React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: styles.badgeIcon }),
+    positive: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles.badgeIcon }),
+    attention: React__default.default.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles.badgeIcon }),
 };
 var ToastPlate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
@@ -76,21 +81,21 @@ var ToastPlate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    return (React.createElement("div", __assign({ className: cn(styles.component, colorStyles[colors].component, (_b = {}, _b[styles.block] = block, _b[styles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
-        React.createElement("div", { className: styles.contentWrap },
-            React.createElement("div", { className: cn(contentClassName, styles.content, (_c = {},
+    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),
+        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,
                     _c[styles.hasActionButton] = !!actionButton,
                     _c)) },
-                needRenderLeftAddons && (React.createElement("div", { className: styles.leftAddons }, leftAddons || (React.createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: styles.badge, dataTestId: 'badge' })))),
-                React.createElement("div", null,
-                    title && (React.createElement("div", { className: cn(titleClassName, styles.title) }, title)),
-                    children && React.createElement("div", { className: styles.children }, children))),
-            actionButton && (React.createElement("div", { className: cn(actionSectionClassName, styles.actionSection, (_d = {},
+                needRenderLeftAddons && (React__default.default.createElement("div", { className: styles.leftAddons }, leftAddons || (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: styles.badge, dataTestId: 'badge' })))),
+                React__default.default.createElement("div", null,
+                    title && (React__default.default.createElement("div", { className: cn__default.default(titleClassName, styles.title) }, title)),
+                    children && React__default.default.createElement("div", { className: styles.children }, children))),
+            actionButton && (React__default.default.createElement("div", { className: cn__default.default(actionSectionClassName, styles.actionSection, (_d = {},
                     _d[styles.hasCloser] = hasCloser,
                     _d)) }, actionButton)),
-            hasCloser && (React.createElement("div", { className: cn(styles.closeButtonWrapper, colorStyles[colors].closeButtonWrapper) },
-                React.createElement(coreComponentsIconButton.IconButton, { icon: CrossMIcon.CrossMIcon, colors: colors === 'default' ? 'inverted' : 'default', className: cn(styles.closeButton), onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C' }))))));
+            hasCloser && (React__default.default.createElement("div", { className: cn__default.default(styles.closeButtonWrapper, colorStyles[colors].closeButtonWrapper) },
+                React__default.default.createElement(coreComponentsIconButton.IconButton, { icon: CrossMIcon.CrossMIcon, colors: colors === 'default' ? 'inverted' : 'default', className: cn__default.default(styles.closeButton), onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C' }))))));
 });
 
 exports.ToastPlate = ToastPlate;