@alfalab/core-components 26.5.2-beta.3 → 26.5.2-beta.4

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,11 +1,4 @@
-.card-image__cardImage_1ud3e {
-    background: #e7e8ea;
-}
-.card-image__loaded_1ud3e {
-    background: transparent
-}.divider__component_w9y6x {
-    border-bottom: 1px solid #2b2b2e;
-}.badge__component_opndz {
+.badge__component_opndz {
     background-color: #ef3124;
     color: #000;
 }
@@ -36,17 +29,30 @@
     }
 .badge__icon_opndz:before {
     background-color: #121212;
-}.checkbox-group__error_1rr7m {
-    border-left: 1px solid #f15045;
+}.divider__component_w9y6x {
+    border-bottom: 1px solid #2b2b2e;
+}.card-image__cardImage_1ud3e {
+    background: #e7e8ea;
 }
-.checkbox-group__label_1rr7m {
-    color: #fff;
+.card-image__loaded_1ud3e {
+    background: transparent
+}.dropzone__component_1cczq {
+    border: 2px dashed #e9e9eb;
 }
-.checkbox-group__errorMessage_1rr7m {
-    color: #f15045;
+.dropzone__component_1cczq:not(.dropzone__disabled_1cczq):hover {
+    background-color: transparent;
 }
-.checkbox-group__hint_1rr7m {
-    color: #8d8d93;
+.dropzone__dragOver_1cczq {
+    background-color: transparent;
+}
+.dropzone__error_1cczq {
+    border-color: #ef3124;
+}
+.dropzone__overlay_1fjn8 {
+    background: #202022;
+}
+.dropzone__text_1fjn8 {
+    color: #fff;
 }.backdrop__backdrop_ea8ip {
     -webkit-tap-highlight-color: transparent;
 }
@@ -66,23 +72,17 @@
 .backdrop__exitActive_ea8ip,
 .backdrop__exitDone_ea8ip {
     background-color: transparent;
-}.dropzone__component_1cczq {
-    border: 2px dashed #e9e9eb;
-}
-.dropzone__component_1cczq:not(.dropzone__disabled_1cczq):hover {
-    background-color: transparent;
-}
-.dropzone__dragOver_1cczq {
-    background-color: transparent;
+}.checkbox-group__error_1rr7m {
+    border-left: 1px solid #f15045;
 }
-.dropzone__error_1cczq {
-    border-color: #ef3124;
+.checkbox-group__label_1rr7m {
+    color: #fff;
 }
-.dropzone__overlay_1fjn8 {
-    background: #202022;
+.checkbox-group__errorMessage_1rr7m {
+    color: #f15045;
 }
-.dropzone__text_1fjn8 {
-    color: #fff;
+.checkbox-group__hint_1rr7m {
+    color: #8d8d93;
 }.checkbox__box_1q1h0 {
     color: #121212;
     background-color: #121212;
@@ -275,12 +275,12 @@
 }
 .form-control__hasError_1gino .form-control__label_1gino {
     color: #ef3124;
-}@keyframes loader__blink_wt8o0 {
 }.list__list_sw1t0 {
     color: #fff;
 }
 .list__slot_sw1t0 {
     color: #fff;
+}@keyframes loader__blink_wt8o0 {
 }.icon-view__component_15w1m {
     color: rgba(235, 235, 245, 0.6);
 }
@@ -358,14 +358,14 @@
 .link__secondary_132vt:active {
         color: rgb(187, 187, 190);
     }
-.link__default_132vt {
+.link__defaultView_132vt {
     color: #0072ef;
     border-bottom-color: #0072ef
 }
-.link__default_132vt:hover {
+.link__defaultView_132vt:hover {
         color: rgb(51, 142, 242);
     }
-.link__default_132vt:active {
+.link__defaultView_132vt:active {
         color: rgb(102, 170, 245);
     }
 .link__component_16ubq:hover .link__text_16ubq,
@@ -395,14 +395,14 @@
 .link__secondary_6zbvf:active {
         color: rgb(109, 113, 117);
     }
-.link__default_6zbvf {
+.link__defaultView_6zbvf {
     color: #0072ef;
     border-bottom-color: #0072ef
 }
-.link__default_6zbvf:hover {
+.link__defaultView_6zbvf:hover {
         color: rgb(0, 98, 204);
     }
-.link__default_6zbvf:active {
+.link__defaultView_6zbvf:active {
         color: rgb(0, 73, 153);
     }.progress-bar__container_1owa0 {
     background: rgba(255, 255, 255, 0.1)
@@ -484,17 +484,6 @@
 }
 .pure-input__component_1crtn:not(:disabled):hover {
     background-color: #202022;
-}.radio-group__error_1okqa {
-    border-left: 1px solid #f15045;
-}
-.radio-group__label_1okqa {
-    color: #fff;
-}
-.radio-group__errorMessage_1okqa {
-    color: #f15045;
-}
-.radio-group__hint_1okqa {
-    color: #8d8d93;
 }.skeleton__component_s3ibp {
     color: transparent;
 }
@@ -521,6 +510,17 @@
     100% {
         background: rgb(198, 205, 214);
     }
+}.radio-group__error_1okqa {
+    border-left: 1px solid #f15045;
+}
+.radio-group__label_1okqa {
+    color: #fff;
+}
+.radio-group__errorMessage_1okqa {
+    color: #f15045;
+}
+.radio-group__hint_1okqa {
+    color: #8d8d93;
 }.radio__container_1iygp:not(.radio__checked_1iygp):not(.radio__disabled_1iygp):not(.radio__inactive_1iygp) .radio__circle_1iygp {
             background-color: #121212;
             border: 1.5px solid #8d8d93;
@@ -1314,30 +1314,20 @@
 
 
 
-.select-with-tags__tag_5bu5p:active:not(:disabled) {
-        background-color: #f3f4f5;
-    }
-.select-with-tags__tag_5bu5p:hover:not(:disabled):not(:active) {
-        background-color: #f3f4f5;
-    }
-.select-with-tags__input_78q0q {
-    background-color: transparent;
-    color: #fff
+.list-header__filled_jj4y8 {
+    background-color: #485767;
+}.circular-progress-bar__backgroundCircle_1tiho,
+.circular-progress-bar__progressCircle_1tiho {
+    fill: transparent;
 }
-.select-with-tags__input_78q0q:disabled {
-        color: #8d8d93;
-    }
-.select-with-tags__input_78q0q::placeholder {
-        color: #8d8d93;
-    }
-.select-with-tags__input_78q0q:focus::placeholder {
-        color: #464649;
-    }
-.select-with-tags__focusVisible_78q0q {
-    outline: 2px solid #007aff;
+.circular-progress-bar__positive_1tiho {
+    stroke: #2fc26e;
 }
-.select-with-tags__placeholder_78q0q {
-    color: #464649;
+.circular-progress-bar__negative_1tiho {
+    stroke: #d91d0b;
+}
+.circular-progress-bar__backgroundCircle_1tiho {
+    stroke: #2c2c2e;
 }.stepped-progress-bar__description_kyfoj {
     color: rgba(235, 235, 245, 0.6);
 }
@@ -1367,20 +1357,6 @@
 }
 .stepped-progress-bar__accent_7bi3p {
     background: #ef3124;
-}.list-header__filled_jj4y8 {
-    background-color: #485767;
-}.circular-progress-bar__backgroundCircle_1tiho,
-.circular-progress-bar__progressCircle_1tiho {
-    fill: transparent;
-}
-.circular-progress-bar__positive_1tiho {
-    stroke: #2fc26e;
-}
-.circular-progress-bar__negative_1tiho {
-    stroke: #d91d0b;
-}
-.circular-progress-bar__backgroundCircle_1tiho {
-    stroke: #2c2c2e;
 }.drawer__backdropEnter_1owwz {
     background-color: transparent;
 }
@@ -1394,6 +1370,34 @@
 .drawer__backdropExitActive_1owwz,
 .drawer__backdropExitDone_1owwz {
     background-color: transparent;
+}.select-with-tags__tag_5bu5p:active:not(:disabled) {
+        background-color: #f3f4f5;
+    }
+.select-with-tags__tag_5bu5p:hover:not(:disabled):not(:active) {
+        background-color: #f3f4f5;
+    }
+.select-with-tags__input_78q0q {
+    background-color: transparent;
+    color: #fff
+}
+.select-with-tags__input_78q0q:disabled {
+        color: #8d8d93;
+    }
+.select-with-tags__input_78q0q::placeholder {
+        color: #8d8d93;
+    }
+.select-with-tags__input_78q0q:focus::placeholder {
+        color: #464649;
+    }
+.select-with-tags__focusVisible_78q0q {
+    outline: 2px solid #007aff;
+}
+.select-with-tags__placeholder_78q0q {
+    color: #464649;
+}.attach__component_1eq0o {
+}
+.attach__focused_1eq0o {
+    outline: 2px solid #007aff;
 }.custom-button__customButton_hdxwq.custom-button__white_hdxwq * {
         color: #fff;
     }
@@ -1414,10 +1418,32 @@
     }
 .custom-button__customButton_hdxwq:disabled.custom-button__black_hdxwq * {
         color: #000;
-    }.attach__component_1eq0o {
+    }.chart__coreChart_1gbzh .recharts-text tspan {
+        fill: #fff;
+    }
+@keyframes chart__showDot_11rtb {
 }
-.attach__focused_1eq0o {
-    outline: 2px solid #007aff;
+
+.chart__tickText_5my5s {
+    fill: #fff;
+}
+.chart__circle_5my5s {
+    fill: #121212;
+}
+.chart__circle_5my5s {
+    fill: #121212;
+}
+.chart__tooltip_1i4jp {
+    background-color: #121212;
+    border: 1px solid #2b2b2e;
+    box-shadow: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
+}
+.chart__tooltipArrow_1i4jp {
+    border: 1px solid #2b2b2e;
+    background-color: #121212;
+}
+.chart__tooltipArrow_1i4jp:before {
+    border-color: transparent #121212 transparent transparent;
 }.confirmation__component_14e19 {
     color: #8d8d93;
 }
@@ -1432,12 +1458,6 @@
     color: #8d8d93;
     color: #fff;
 }
-.confirmation__header_4xzn5 {
-    color: #fff;
-}
-.confirmation__phone_4xzn5 {
-    color: #fff;
-}
 .confirmation__title_16ee9 {
     color: #fff;
 }
@@ -1450,37 +1470,17 @@
 .confirmation__phoneDescription_16ee9 {
     color: #8d8d93;
 }
+.confirmation__header_4xzn5 {
+    color: #fff;
+}
+.confirmation__phone_4xzn5 {
+    color: #fff;
+}
 .confirmation__header_1wl4b {
     color: #fff;
 }
 .confirmation__description_1wl4b {
     color: #8d8d93;
-}.chart__coreChart_1gbzh .recharts-text tspan {
-        fill: #fff;
-    }
-@keyframes chart__showDot_11rtb {
-}
-
-.chart__tickText_5my5s {
-    fill: #fff;
-}
-.chart__circle_5my5s {
-    fill: #121212;
-}
-.chart__circle_5my5s {
-    fill: #121212;
-}
-.chart__tooltip_1i4jp {
-    background-color: #121212;
-    border: 1px solid #2b2b2e;
-    box-shadow: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
-}
-.chart__tooltipArrow_1i4jp {
-    border: 1px solid #2b2b2e;
-    background-color: #121212;
-}
-.chart__tooltipArrow_1i4jp:before {
-    border-color: transparent #121212 transparent transparent;
 }.pagination__component_1lz5n {
     color: #fff;
 }
@@ -1507,28 +1507,7 @@
     }
 .pagination__tag_1202o.pagination__tag_1202o.pagination__checked_1202o:active:not(:disabled) {
         color: #fff;
-    }.plate__component_xiwa5 {
-    color: #fff;
-}
-.plate__focused_xiwa5 {
-    outline: 2px solid #007aff;
-}
-.plate__common_xiwa5 {
-    background-color: #202022;
-    border-color: #6d7986;
-}
-.plate__negative_xiwa5 {
-    background-color: #35110d;
-    border-color: #d91d0b;
-}
-.plate__positive_xiwa5 {
-    background-color: #042117;
-    border-color: #13a463;
-}
-.plate__attention_xiwa5 {
-    background-color: #332104;
-    border-color: #de6a00;
-}.input__input_1edis {
+    }.input__input_1edis {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1614,6 +1593,27 @@
 .input__error_126w5 {
     color: #ef3124;
     caret-color: #ef3124;
+}.plate__component_xiwa5 {
+    color: #fff;
+}
+.plate__focused_xiwa5 {
+    outline: 2px solid #007aff;
+}
+.plate__common_xiwa5 {
+    background-color: #202022;
+    border-color: #6d7986;
+}
+.plate__negative_xiwa5 {
+    background-color: #35110d;
+    border-color: #d91d0b;
+}
+.plate__positive_xiwa5 {
+    background-color: #042117;
+    border-color: #13a463;
+}
+.plate__attention_xiwa5 {
+    background-color: #332104;
+    border-color: #de6a00;
 }.icon-button__primary_1jyhe {
     color: #fff
 }
@@ -1809,6 +1809,12 @@
 .bottom-sheet__button_1vij8 {
     background: rgba(255, 255, 255, 0.03);
 }
+.bottom-sheet__closer_1de30 {
+    color: #fff;
+}
+.bottom-sheet__button_1de30 {
+    background: rgba(255, 255, 255, 0.03);
+}
 .bottom-sheet__footer_qtrrc {
     background-color: #121212;
 }
@@ -1822,12 +1828,6 @@
 .bottom-sheet__highlighted_lbhbz {
     border-bottom: 1px solid #2b2b2e;
 }
-.bottom-sheet__closer_1de30 {
-    color: #fff;
-}
-.bottom-sheet__button_1de30 {
-    background: rgba(255, 255, 255, 0.03);
-}
 .calendar__dayName_1o7o8 {
     color: #8d8d93
 }
@@ -1900,17 +1900,15 @@
 .calendar__selected_1o7o8 .calendar__dot_1o7o8 {
     background: #121212;
 }
-
-@media (max-width: 374px) {
-    }
 .calendar__withShadow_samcs {
     box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 }
+
+@media (max-width: 374px) {
+    }
 .calendar__empty_1e6en {
     color: #8d8d93;
 }
-@media (max-width: 374px) {
-    }
 .calendar__button_37e06 {
     background-color: transparent
 }
@@ -1936,6 +1934,8 @@
             background-color: #fff;
             color: #000;
         }
+@media (max-width: 374px) {
+    }
 
 
 .modal__button_19hmj {
@@ -1945,14 +1945,6 @@
 
 
 
-.modal__highlighted_1no8d {
-    background: #121212;
-}
-.modal__sticky_1no8d.modal__hasContent_1no8d {
-        background: #121212;
-    }
-
-
 .modal__sticky_1role {
     background: #121212;
 }
@@ -1961,6 +1953,14 @@
     box-shadow: 0 -1px 0 0 #2b2b2e;
 }
 
+
+
+.modal__highlighted_1no8d {
+    background: #121212;
+}
+.modal__sticky_1no8d.modal__hasContent_1no8d {
+        background: #121212;
+    }
 .toast__toastPlate_bolpy {
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 }
@@ -2017,9 +2017,6 @@
 }.select__arrow_gt8og {
     color: #fff;
 }
-.select__single_bcdhl {
-    background: #fff
-}
 .select__popoverInner_1n0g9 {
     background: transparent;
 }
@@ -2027,11 +2024,8 @@
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
     background: #121212;
 }
-.select__optgroup_18c1a {
-    background: #121212
-}
-.select__label_18c1a {
-    color: #8d8d93;
+.select__single_bcdhl {
+    background: #fff
 }
 .select__placeholder_1a598 {
     color: #8d8d93;
@@ -2039,7 +2033,10 @@
 .select__focusVisible_1a598 {
     outline: 2px solid #007aff;
 }
-.select__emptyPlaceholder_q17o7 {
+.select__optgroup_18c1a {
+    background: #121212
+}
+.select__label_18c1a {
     color: #8d8d93;
 }
 .select__option_1gh2o {
@@ -2065,15 +2062,18 @@
     background: #121212;
     color: #8d8d93;
 }
+.select__emptyPlaceholder_q17o7 {
+    color: #8d8d93;
+}
+.select__popoverInner_xf6dh {
+    background: transparent;
+}
 .select__virtualRow_sx26w:before {
         background: #2b2b2e;
     }
 .select__emptyPlaceholder_sx26w {
     color: #8d8d93;
 }
-.select__popoverInner_xf6dh {
-    background: transparent;
-}
 
 
 
@@ -2121,9 +2121,6 @@
 .gallery__focused_vn28d {
     outline: 2px solid #007aff;
 }
-.gallery__component_1geaf {
-    background-color: #e9e9eb
-}
 .gallery__component_5xvh6 {
     background-color: rgba(255, 255, 255, 0.5);
 }
@@ -2153,6 +2150,9 @@
 }
 .gallery__fullScreenImage_5xvh6 {
     background-color: #121212;
+}
+.gallery__component_1geaf {
+    background-color: #e9e9eb
 }.calendar-range__divider_18xe0:after {
         background-color: #fff;
     }

package/toast/cssm/component.js

@@ -9,12 +9,14 @@ var coreComponentsToastPlate = require('../../toast-plate/cssm');
 var coreComponentsPopover = require('../../popover/cssm');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -55,13 +57,11 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 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__default['default'].createElement(coreComponentsToastPlate.ToastPlate, __assign({ ref: ref }, props))); });
 var Toast = React.forwardRef(function (_a, ref) {
@@ -114,12 +114,12 @@ var Toast = React.forwardRef(function (_a, ref) {
         ref: mergeRefs__default['default']([ref, plateRef]),
     };
     if (anchorElement) {
-        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 },
+        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 },
             React__default['default'].createElement(ToastPlate, __assign({}, restProps, { style: style, className: className }, 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 && bottomOffset + "px", zIndex: computedZIndex }) }, props))))); }));
+            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 && bottomOffset + "px", zIndex: computedZIndex }) }, props))))); }));
 });
 
 exports.Toast = Toast;

package/toast/cssm/index.js

@@ -10,6 +10,7 @@ require('../../toast-plate/cssm');
 require('../../popover/cssm');
 require('../../portal/cssm');
 require('../../stack/cssm');
+require('./index.module.css');
 
 
 

package/toast-plate/cssm/component.js

@@ -8,11 +8,13 @@ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
 var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -53,12 +55,10 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var iconDefaultComponents = {
-    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 }),
+    negative: React__default['default'].createElement(CrossCircleMIcon.CrossCircleMIcon, { className: styles__default['default'].badgeIcon }),
+    positive: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default['default'].badgeIcon }),
+    attention: React__default['default'].createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles__default['default'].badgeIcon }),
 };
 var ToastPlate = React.forwardRef(function (_a, ref) {
     var _b, _c;
@@ -72,17 +72,17 @@ var ToastPlate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    return (React__default['default'].createElement("div", __assign({ className: cn__default['default'](styles.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) },
-                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' })))),
+    return (React__default['default'].createElement("div", __assign({ className: cn__default['default'](styles__default['default'].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) },
+                needRenderLeftAddons && (React__default['default'].createElement("div", { className: styles__default['default'].leftAddons }, leftAddons || (React__default['default'].createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: styles__default['default'].badge, dataTestId: 'badge' })))),
                 React__default['default'].createElement("div", null,
-                    title && React__default['default'].createElement("div", { className: styles.title }, title),
-                    children && React__default['default'].createElement("div", { className: styles.children }, children))),
-            actionButton && (React__default['default'].createElement("div", { className: cn__default['default'](styles.actionSection, (_c = {},
-                    _c[styles.hasCloser] = hasCloser,
+                    title && React__default['default'].createElement("div", { className: styles__default['default'].title }, title),
+                    children && React__default['default'].createElement("div", { className: styles__default['default'].children }, children))),
+            actionButton && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].actionSection, (_c = {},
+                    _c[styles__default['default'].hasCloser] = hasCloser,
                     _c)) }, actionButton)),
-            hasCloser && (React__default['default'].createElement(coreComponentsButton.Button, { colors: 'inverted', className: cn__default['default'](styles.closeButton), view: 'ghost', onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', leftAddons: React__default['default'].createElement(CrossMIcon.CrossMIcon, null) })))));
+            hasCloser && (React__default['default'].createElement(coreComponentsButton.Button, { colors: 'inverted', className: cn__default['default'](styles__default['default'].closeButton), view: 'ghost', onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', leftAddons: React__default['default'].createElement(CrossMIcon.CrossMIcon, null) })))));
 });
 
 exports.ToastPlate = ToastPlate;

package/toast-plate/cssm/index.js

@@ -9,6 +9,7 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CrossCircleMIcon');
 require('@alfalab/icons-glyph/AlertCircleMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
+require('./index.module.css');