@alfalab/core-components 45.8.0-beta.5 → 45.9.0-beta.0

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

@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_finzq {
+} .toast__toastPlate_a674b {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_finzq {
+} .toast__title_a674b {
     font-weight: 400;
-} .toast__popoverInner_finzq {
+} .toast__popoverInner_a674b {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_finzq {
+} .toast__block_a674b {
     width: 100%;
-} .toast__fixed_finzq {
+} .toast__fixed_a674b {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_finzq.toast__enter_finzq {
+} .toast__fixed_a674b.toast__enter_a674b {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_finzq.toast__enterActive_finzq {
+    } .toast__fixed_a674b.toast__enterActive_a674b {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_finzq.toast__exit_finzq {
+    } .toast__fixed_a674b.toast__exit_a674b {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_finzq.toast__exitActive_finzq {
+    } .toast__fixed_a674b.toast__exitActive_a674b {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

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

@@ -15,13 +15,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"toast-plate__component_eyew1","closeButtonWrapper":"toast-plate__closeButtonWrapper_eyew1"};
+var defaultColors = {"component":"toast-plate__component_156wk","closeButtonWrapper":"toast-plate__closeButtonWrapper_156wk"};
 require('./default.css');
 
-var commonStyles = {"component":"toast-plate__component_1gfih","hasCloser":"toast-plate__hasCloser_1gfih","wrapper":"toast-plate__wrapper_1gfih","contentWrapper":"toast-plate__contentWrapper_1gfih","block":"toast-plate__block_1gfih","content":"toast-plate__content_1gfih","direction":"toast-plate__direction_1gfih","hasActionButton":"toast-plate__hasActionButton_1gfih","actionSection":"toast-plate__actionSection_1gfih","bottomButton":"toast-plate__bottomButton_1gfih","leftAddons":"toast-plate__leftAddons_1gfih","contentTitle":"toast-plate__contentTitle_1gfih","children":"toast-plate__children_1gfih","title":"toast-plate__title_1gfih","closeButtonWrapper":"toast-plate__closeButtonWrapper_1gfih","closeButton":"toast-plate__closeButton_1gfih"};
+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"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_1rp42","closeButtonWrapper":"toast-plate__closeButtonWrapper_1rp42"};
+var invertedColors = {"component":"toast-plate__component_iwhp2","closeButtonWrapper":"toast-plate__closeButtonWrapper_iwhp2"};
 require('./inverted.css');
 
 var colorStyles = {

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

@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_eyew1 {
+} .toast-plate__component_156wk {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_eyew1:before {
+} .toast-plate__closeButtonWrapper_156wk:before {
         background-color: var(--color-light-neutral-300-inverted);
     }

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

@@ -29,7 +29,7 @@
     --toast-plate-content-with-closer-right-padding: var(--gap-m);
 
     /* inverted */
-} .toast-plate__component_1gfih {
+} .toast-plate__component_1parb {
     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_1gfih.toast-plate__hasCloser_1gfih {
+} .toast-plate__component_1parb.toast-plate__hasCloser_1parb {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__wrapper_1gfih {
+    } .toast-plate__wrapper_1parb {
     display: flex;
-} .toast-plate__contentWrapper_1gfih {
+} .toast-plate__contentWrapper_1parb {
     display: flex;
     flex-grow: 1;
-} .toast-plate__block_1gfih {
+} .toast-plate__block_1parb {
     display: flex;
     width: 100%;
-} .toast-plate__content_1gfih {
+} .toast-plate__content_1parb {
     display: flex;
     flex-grow: 1;
     justify-content: space-between
-} .toast-plate__content_1gfih.toast-plate__direction_1gfih {
+} .toast-plate__content_1parb.toast-plate__direction_1parb {
         flex-direction: column;
-    } .toast-plate__content_1gfih.toast-plate__hasCloser_1gfih:not(.toast-plate__hasActionButton_1gfih) {
+    } .toast-plate__content_1parb.toast-plate__hasCloser_1parb:not(.toast-plate__hasActionButton_1parb) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_1gfih {
+    } .toast-plate__actionSection_1parb {
     display: flex;
     padding: var(--toast-plate-action-padding);
     flex-shrink: 0
-} .toast-plate__actionSection_1gfih:not(.toast-plate__hasCloser_1gfih) {
+} .toast-plate__actionSection_1parb:not(.toast-plate__hasCloser_1parb) {
         padding-right: 0;
-    } .toast-plate__actionSection_1gfih.toast-plate__bottomButton_1gfih {
+    } .toast-plate__actionSection_1parb.toast-plate__bottomButton_1parb {
         padding: var(--toast-plate-action-bottom-padding);
-    } .toast-plate__leftAddons_1gfih {
+    } .toast-plate__leftAddons_1parb {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__contentTitle_1gfih {
+} .toast-plate__contentTitle_1parb {
     padding: var(--gap-3xs) 0;
-} .toast-plate__children_1gfih {
+} .toast-plate__children_1parb {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_1gfih + .toast-plate__children_1gfih {
+} .toast-plate__title_1parb + .toast-plate__children_1parb {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_1gfih {
+} .toast-plate__closeButtonWrapper_1parb {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_1gfih:before {
+} .toast-plate__closeButtonWrapper_1parb: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_1gfih {
+    } .toast-plate__closeButton_1parb {
     display: flex;
     height: 100%;
 }

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

@@ -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_1rp42 {
+} .toast-plate__component_iwhp2 {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_1rp42:before {
+} .toast-plate__closeButtonWrapper_iwhp2:before {
         background-color: var(--color-light-neutral-300);
     }

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

@@ -1,21 +1,26 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '../../mq/cssm';
+import { ToastPlateDesktop } from './desktop/Component.desktop.js';
+import { ToastPlateMobile } from './mobile/Component.mobile.js';
+import './components/base-toast-plate/component.js';
+import 'classnames';
+import '../../badge/cssm';
+import '../../icon-button/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './components/base-toast-plate/default.module.css';
+import './components/base-toast-plate/index.module.css';
+import './components/base-toast-plate/inverted.module.css';
+import './desktop/desktop.module.css';
+import './mobile/mobile.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('../../mq/cssm');
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var ToastPlate = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
-    var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
-    var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;
-    return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
+const ToastPlate = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
+    const query = `(min-width: ${breakpoint}px)`;
+    const [isDesktop] = useMatchMedia(query);
+    const Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;
+    return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });
 
-exports.ToastPlate = ToastPlate;
+export { ToastPlate };

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

@@ -1,65 +1,52 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef, useCallback } from 'react';
+import cn from 'classnames';
+import { Badge } from '../../../../badge/cssm';
+import { IconButton } from '../../../../icon-button/cssm';
+import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
+import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
+import defaultColors from './default.module.css';
+import commonStyles from './index.module.css';
+import invertedColors from './inverted.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsBadge = require('../../../../badge/cssm');
-var coreComponentsIconButton = require('../../../../icon-button/cssm');
-var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
-var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
-var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var defaultColors = require('./default.module.css');
-var commonStyles = require('./index.module.css');
-var invertedColors = require('./inverted.module.css');
-
-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__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
-var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
-
-var colorStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
-var iconDefaultComponents = {
-    negative: React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: commonStyles__default.default.badgeIcon }),
-    positive: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: commonStyles__default.default.badgeIcon }),
-    attention: React__default.default.createElement(AlertCircleMIcon.AlertCircleMIcon, { className: commonStyles__default.default.badgeIcon }),
+const iconDefaultComponents = {
+    negative: React.createElement(CrossCircleMIcon, { className: commonStyles.badgeIcon }),
+    positive: React.createElement(CheckmarkCircleMIcon, { className: commonStyles.badgeIcon }),
+    attention: React.createElement(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
+const BaseToastPlate = forwardRef(({ dataTestId, className, titleClassName, contentClassName, actionSectionClassName, hasCloser, leftAddons, badge, title, children, actionButton, block, onClose, getBadgeIcons, colors = 'default', closerWrapperClassName, closerClassName, bottomButtonPosition = false, styles = {}, ...restProps }, ref) => {
+    const needRenderLeftAddons = Boolean(leftAddons || badge);
+    const iconComponents = getBadgeIcons
         ? getBadgeIcons(iconDefaultComponents)
         : iconDefaultComponents;
-    var handleClose = React.useCallback(function (event) {
+    const handleClose = useCallback((event) => {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(commonStyles__default.default.component, colorStyles[colors].component, (_b = {}, _b[commonStyles__default.default.block] = block, _b[commonStyles__default.default.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
-        React__default.default.createElement("div", { className: commonStyles__default.default.wrapper },
-            React__default.default.createElement("div", { className: commonStyles__default.default.contentWrapper },
-                needRenderLeftAddons && (React__default.default.createElement("div", { className: commonStyles__default.default.leftAddons }, leftAddons || (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles__default.default.badge, dataTestId: 'badge', visibleColorOutline: true })))),
-                React__default.default.createElement("div", { className: cn__default.default(contentClassName, commonStyles__default.default.content, (_c = {},
-                        _c[commonStyles__default.default.hasCloser] = hasCloser,
-                        _c[commonStyles__default.default.hasActionButton] = !!actionButton,
-                        _c[commonStyles__default.default.direction] = bottomButtonPosition,
-                        _c)) },
-                    React__default.default.createElement("div", { className: commonStyles__default.default.contentTitle },
-                        title && (React__default.default.createElement("div", { className: cn__default.default(titleClassName, commonStyles__default.default.title, styles.title) }, title)),
-                        children && (React__default.default.createElement("div", { className: commonStyles__default.default.children }, children))),
-                    actionButton && (React__default.default.createElement("div", { className: cn__default.default(actionSectionClassName, commonStyles__default.default.actionSection, styles.actionSection, (_d = {},
-                            _d[commonStyles__default.default.hasCloser] = hasCloser,
-                            _d[commonStyles__default.default.bottomButton] = bottomButtonPosition,
-                            _d)) }, actionButton)))),
-            hasCloser && (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.closeButtonWrapper, styles.closeButtonWrapper, colorStyles[colors].closeButtonWrapper, closerWrapperClassName) },
-                React__default.default.createElement(coreComponentsIconButton.IconButton, { icon: CrossMIcon.CrossMIcon, colors: colors === 'default' ? 'inverted' : 'default', className: cn__default.default(commonStyles__default.default.closeButton, styles.closeButton, closerClassName), onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C' }))))));
+    return (React.createElement("div", { className: cn(commonStyles.component, colorStyles[colors].component, { [commonStyles.block]: block, [commonStyles.hasCloser]: hasCloser }, className), ref: ref, "data-test-id": dataTestId, ...restProps },
+        React.createElement("div", { className: commonStyles.wrapper },
+            React.createElement("div", { className: commonStyles.contentWrapper },
+                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons || (React.createElement(Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles.badge, dataTestId: 'badge', visibleColorOutline: true })))),
+                React.createElement("div", { className: cn(contentClassName, commonStyles.content, {
+                        [commonStyles.hasCloser]: hasCloser,
+                        [commonStyles.hasActionButton]: !!actionButton,
+                        [commonStyles.direction]: bottomButtonPosition,
+                    }) },
+                    React.createElement("div", { className: commonStyles.contentTitle },
+                        title && (React.createElement("div", { className: cn(titleClassName, commonStyles.title, styles.title) }, title)),
+                        children && (React.createElement("div", { className: commonStyles.children }, children))),
+                    actionButton && (React.createElement("div", { className: cn(actionSectionClassName, commonStyles.actionSection, styles.actionSection, {
+                            [commonStyles.hasCloser]: hasCloser,
+                            [commonStyles.bottomButton]: bottomButtonPosition,
+                        }) }, actionButton)))),
+            hasCloser && (React.createElement("div", { className: cn(commonStyles.closeButtonWrapper, styles.closeButtonWrapper, colorStyles[colors].closeButtonWrapper, closerWrapperClassName) },
+                React.createElement(IconButton, { icon: CrossMIcon, colors: colors === 'default' ? 'inverted' : 'default', className: cn(commonStyles.closeButton, styles.closeButton, closerClassName), onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C' }))))));
 });
 
-exports.BaseToastPlate = BaseToastPlate;
+export { BaseToastPlate };

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

@@ -1,7 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_baseToastPlate_component = require('./component.js');
-
-
-
-exports.BaseToastPlate = components_baseToastPlate_component.BaseToastPlate;
+export { BaseToastPlate } from './component.js';
+import 'react';
+import 'classnames';
+import '../../../../badge/cssm';
+import '../../../../icon-button/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './default.module.css';
+import './index.module.css';
+import './inverted.module.css';

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

@@ -1,15 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { BaseToastPlate } from '../components/base-toast-plate/component.js';
+import styles from './desktop.module.css';
+import 'classnames';
+import '../../../badge/cssm';
+import '../../../icon-button/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '../components/base-toast-plate/default.module.css';
+import '../components/base-toast-plate/index.module.css';
+import '../components/base-toast-plate/inverted.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseToastPlate_component = require('../components/base-toast-plate/component.js');
-var styles = require('./desktop.module.css');
+const ToastPlateDesktop = forwardRef((restProps, ref) => React.createElement(BaseToastPlate, { ...restProps, styles: styles, ref: ref }));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var ToastPlateDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_baseToastPlate_component.BaseToastPlate, tslib.__assign({}, restProps, { styles: styles__default.default, ref: ref })); });
-
-exports.ToastPlateDesktop = ToastPlateDesktop;
+export { ToastPlateDesktop };

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

@@ -1,7 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var desktop_Component_desktop = require('./Component.desktop.js');
-
-
-
-exports.ToastPlateDesktop = desktop_Component_desktop.ToastPlateDesktop;
+export { ToastPlateDesktop } from './Component.desktop.js';
+import 'react';
+import '../components/base-toast-plate/component.js';
+import 'classnames';
+import '../../../badge/cssm';
+import '../../../icon-button/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '../components/base-toast-plate/default.module.css';
+import '../components/base-toast-plate/index.module.css';
+import '../components/base-toast-plate/inverted.module.css';
+import './desktop.module.css';

package/toast-plate/cssm/index.js

@@ -1,7 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-
-
-
-exports.ToastPlate = Component_responsive.ToastPlate;
+export { ToastPlate } from './Component.responsive.js';
+import 'react';
+import '../../mq/cssm';
+import './desktop/Component.desktop.js';
+import './components/base-toast-plate/component.js';
+import 'classnames';
+import '../../badge/cssm';
+import '../../icon-button/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './components/base-toast-plate/default.module.css';
+import './components/base-toast-plate/index.module.css';
+import './components/base-toast-plate/inverted.module.css';
+import './desktop/desktop.module.css';
+import './mobile/Component.mobile.js';
+import './mobile/mobile.module.css';

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

@@ -1,15 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { BaseToastPlate } from '../components/base-toast-plate/component.js';
+import styles from './mobile.module.css';
+import 'classnames';
+import '../../../badge/cssm';
+import '../../../icon-button/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '../components/base-toast-plate/default.module.css';
+import '../components/base-toast-plate/index.module.css';
+import '../components/base-toast-plate/inverted.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var components_baseToastPlate_component = require('../components/base-toast-plate/component.js');
-var styles = require('./mobile.module.css');
+const ToastPlateMobile = forwardRef((restProps, ref) => React.createElement(BaseToastPlate, { ...restProps, styles: styles, ref: ref }));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var ToastPlateMobile = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_baseToastPlate_component.BaseToastPlate, tslib.__assign({}, restProps, { styles: styles__default.default, ref: ref })); });
-
-exports.ToastPlateMobile = ToastPlateMobile;
+export { ToastPlateMobile };

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

@@ -1,7 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var mobile_Component_mobile = require('./Component.mobile.js');
-
-
-
-exports.ToastPlateMobile = mobile_Component_mobile.ToastPlateMobile;
+export { ToastPlateMobile } from './Component.mobile.js';
+import 'react';
+import '../components/base-toast-plate/component.js';
+import 'classnames';
+import '../../../badge/cssm';
+import '../../../icon-button/cssm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '../components/base-toast-plate/default.module.css';
+import '../components/base-toast-plate/index.module.css';
+import '../components/base-toast-plate/inverted.module.css';
+import './mobile.module.css';

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"actionSection":"toast-plate__actionSection_1heyl","title":"toast-plate__title_1heyl","closeButtonWrapper":"toast-plate__closeButtonWrapper_1heyl","closeButton":"toast-plate__closeButton_1heyl"};
+var styles = {"actionSection":"toast-plate__actionSection_4nhb9","title":"toast-plate__title_4nhb9","closeButtonWrapper":"toast-plate__closeButtonWrapper_4nhb9","closeButton":"toast-plate__closeButton_4nhb9"};
 require('./desktop.css');
 
 var ToastPlateDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_baseToastPlate_component.BaseToastPlate, tslib.__assign({}, restProps, { styles: styles, ref: ref })); });

package/toast-plate/desktop/desktop.css

@@ -23,9 +23,9 @@
     --toast-plate-close-button-align: center;
 
     /* inverted */
-} .toast-plate__actionSection_1heyl {
+} .toast-plate__actionSection_4nhb9 {
     align-items: var(--toast-plate-action-align);
-} .toast-plate__title_1heyl {
+} .toast-plate__title_4nhb9 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -35,7 +35,7 @@
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .toast-plate__closeButtonWrapper_1heyl:before {
+} .toast-plate__closeButtonWrapper_4nhb9:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -43,6 +43,6 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_1heyl {
+    } .toast-plate__closeButton_4nhb9 {
     align-items: var(--toast-plate-close-button-align);
 }

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

@@ -8,13 +8,13 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-var defaultColors = {"component":"toast-plate__component_eyew1","closeButtonWrapper":"toast-plate__closeButtonWrapper_eyew1"};
+var defaultColors = {"component":"toast-plate__component_156wk","closeButtonWrapper":"toast-plate__closeButtonWrapper_156wk"};
 require('./default.css');
 
-var commonStyles = {"component":"toast-plate__component_1gfih","hasCloser":"toast-plate__hasCloser_1gfih","wrapper":"toast-plate__wrapper_1gfih","contentWrapper":"toast-plate__contentWrapper_1gfih","block":"toast-plate__block_1gfih","content":"toast-plate__content_1gfih","direction":"toast-plate__direction_1gfih","hasActionButton":"toast-plate__hasActionButton_1gfih","actionSection":"toast-plate__actionSection_1gfih","bottomButton":"toast-plate__bottomButton_1gfih","leftAddons":"toast-plate__leftAddons_1gfih","contentTitle":"toast-plate__contentTitle_1gfih","children":"toast-plate__children_1gfih","title":"toast-plate__title_1gfih","closeButtonWrapper":"toast-plate__closeButtonWrapper_1gfih","closeButton":"toast-plate__closeButton_1gfih"};
+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"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_1rp42","closeButtonWrapper":"toast-plate__closeButtonWrapper_1rp42"};
+var invertedColors = {"component":"toast-plate__component_iwhp2","closeButtonWrapper":"toast-plate__closeButtonWrapper_iwhp2"};
 require('./inverted.css');
 
 var colorStyles = {

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

@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_eyew1 {
+} .toast-plate__component_156wk {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_eyew1:before {
+} .toast-plate__closeButtonWrapper_156wk:before {
         background-color: var(--color-light-neutral-300-inverted);
     }