@alfalab/core-components 46.1.0-beta.1 → 46.1.0-beta.2

package/tabs/components/scroll-controls/Component.js

@@ -47,5 +47,6 @@ var ScrollControls = React.forwardRef(function (_a, ref) {
         React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronLeftCompactSIcon.ChevronLeftCompactSIcon, disabled: disabledState.toLeft, onClick: handleScrollLeft })),
         React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronRightCompactSIcon.ChevronRightCompactSIcon, disabled: disabledState.toRight, onClick: handleScrollRight }))));
 });
+ScrollControls.displayName = 'ScrollControls';
 
 exports.ScrollControls = ScrollControls;

package/tabs/cssm/components/scroll-controls/Component.js

@@ -46,5 +46,6 @@ var ScrollControls = React.forwardRef(function (_a, ref) {
         React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronLeftCompactSIcon.ChevronLeftCompactSIcon, disabled: disabledState.toLeft, onClick: handleScrollLeft })),
         React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronRightCompactSIcon.ChevronRightCompactSIcon, disabled: disabledState.toRight, onClick: handleScrollRight }))));
 });
+ScrollControls.displayName = 'ScrollControls';
 
 exports.ScrollControls = ScrollControls;

package/tabs/esm/components/scroll-controls/Component.js

@@ -39,5 +39,6 @@ var ScrollControls = forwardRef(function (_a, ref) {
         React.createElement(IconButton, __assign({}, commonButtonProps, { icon: ChevronLeftCompactSIcon, disabled: disabledState.toLeft, onClick: handleScrollLeft })),
         React.createElement(IconButton, __assign({}, commonButtonProps, { icon: ChevronRightCompactSIcon, disabled: disabledState.toRight, onClick: handleScrollRight }))));
 });
+ScrollControls.displayName = 'ScrollControls';
 
 export { ScrollControls };

package/tabs/modern/components/scroll-controls/Component.js

@@ -36,5 +36,6 @@ const ScrollControls = forwardRef(({ containerRef, view, size: sizeProp, classNa
         React.createElement(IconButton, { ...commonButtonProps, icon: ChevronLeftCompactSIcon, disabled: disabledState.toLeft, onClick: handleScrollLeft }),
         React.createElement(IconButton, { ...commonButtonProps, icon: ChevronRightCompactSIcon, disabled: disabledState.toRight, onClick: handleScrollRight })));
 });
+ScrollControls.displayName = 'ScrollControls';
 
 export { ScrollControls };

package/tag/Component.responsive.js

@@ -17,5 +17,6 @@ var Tag = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.TagDesktop : mobile_Component_mobile.TagMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Tag.displayName = 'Tag';
 
 exports.Tag = Tag;

package/tag/cssm/Component.responsive.js

@@ -17,5 +17,6 @@ var Tag = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.TagDesktop : mobile_Component_mobile.TagMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Tag.displayName = 'Tag';
 
 exports.Tag = Tag;

package/tag/esm/Component.responsive.js

@@ -15,5 +15,6 @@ var Tag = forwardRef(function (_a, ref) {
     var Component = isDesktop ? TagDesktop : TagMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });
+Tag.displayName = 'Tag';
 
 export { Tag };

package/tag/modern/Component.responsive.js

@@ -13,5 +13,6 @@ const Tag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const Component = isDesktop ? TagDesktop : TagMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });
+Tag.displayName = 'Tag';
 
 export { Tag };

package/textarea/Component.js

@@ -126,6 +126,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
             hasOverflow && (React__default.default.createElement(components_PseudoTextArea.PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: textareaClassNameCalc, ref: pseudoTextareaRef })),
             autosize ? (React__default.default.createElement(TextareaAutosize__default.default, tslib.__assign({}, textareaProps, { maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange }))) : (React__default.default.createElement("textarea", tslib.__assign({}, textareaProps, { style: { maxHeight: maxHeight } }))))));
 });
+Textarea.displayName = 'Textarea';
 
 exports.Textarea = Textarea;
 exports.getDefaultCounterText = getDefaultCounterText;

package/textarea/cssm/Component.js

@@ -126,6 +126,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
             hasOverflow && (React__default.default.createElement(components_PseudoTextArea.PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: textareaClassNameCalc, ref: pseudoTextareaRef })),
             autosize ? (React__default.default.createElement(TextareaAutosize__default.default, tslib.__assign({}, textareaProps, { maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange }))) : (React__default.default.createElement("textarea", tslib.__assign({}, textareaProps, { style: { maxHeight: maxHeight } }))))));
 });
+Textarea.displayName = 'Textarea';
 
 exports.Textarea = Textarea;
 exports.getDefaultCounterText = getDefaultCounterText;

package/textarea/esm/Component.js

@@ -117,5 +117,6 @@ var Textarea = forwardRef(function (_a, ref) {
             hasOverflow && (React.createElement(PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: textareaClassNameCalc, ref: pseudoTextareaRef })),
             autosize ? (React.createElement(TextareaAutosize, __assign({}, textareaProps, { maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange }))) : (React.createElement("textarea", __assign({}, textareaProps, { style: { maxHeight: maxHeight } }))))));
 });
+Textarea.displayName = 'Textarea';
 
 export { Textarea, getDefaultCounterText };

package/textarea/modern/Component.js

@@ -124,5 +124,6 @@ const Textarea = forwardRef(({ autoComplete = 'on', autosize = true, size = 48,
             hasOverflow && (React.createElement(PseudoTextArea, { value: value ?? stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: textareaClassNameCalc, ref: pseudoTextareaRef })),
             autosize ? (React.createElement(TextareaAutosize, { ...textareaProps, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange })) : (React.createElement("textarea", { ...textareaProps, style: { maxHeight } })))));
 });
+Textarea.displayName = 'Textarea';
 
 export { Textarea, getDefaultCounterText };

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

@@ -1,8 +1,4 @@
-.card-image__cardImage_13n3v {
-    background: #e7e8ea;
-} .card-image__loaded_13n3v {
-    background: transparent
-}.badge__component_kp5ku.badge__background-accent_kp5ku {
+.badge__component_kp5ku.badge__background-accent_kp5ku {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_kp5ku.badge__background-specialbg-secondary-transparent_kp5ku {
@@ -62,6 +58,10 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_kp5ku.badge__outlineCount_kp5ku {
     border: 1px solid rgba(3, 3, 6, 0.88);
+}.card-image__cardImage_13n3v {
+    background: #e7e8ea;
+} .card-image__loaded_13n3v {
+    background: transparent
 }.backdrop__backdrop_1oz2t {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_1oz2t,
@@ -168,7 +168,14 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_17m4a {
         background: #f83a2a;
-    }.indicator__component_qq1zj {
+    }.icon-view__component_1p59g {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_1p59g {
+    fill: #1c1c1e;
+} .icon-view__border_1p59g {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_qq1zj {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_qq1zj {
@@ -186,14 +193,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_qq1zj.indicator__border_qq1zj {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_1p59g {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_1p59g {
-    fill: #1c1c1e;
-} .icon-view__border_1p59g {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_c5jxh {
+    }@keyframes loader__blink_c5jxh {
 }.link__primary_1u388 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -300,7 +300,25 @@
     100% {
         background: rgba(222, 222, 238, 0.13);
     }
-}.segmented-control__wrapper_19bkd {
+}.slider__component_1vter .noUi-base:hover .noUi-connects {
+            background: rgba(222, 222, 238, 0.13);
+        } .slider__component_1vter .noUi-base:hover .noUi-connect {
+            background: #f83a2a;
+        } .slider__component_1vter .noUi-handle:hover .noUi-touch-area {
+        background: #ff503e;
+    } .slider__component_1vter .noUi-handle:active .noUi-touch-area {
+        background: #fd624e;
+    } .slider__component_1vter .noUi-connects {
+        background: rgba(222, 222, 238, 0.13);
+    } .slider__component_1vter .noUi-connect {
+        background: #f83a2a;
+    } .slider__component_1vter .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_1vter .noUi-touch-area {
+        background: #f83a2a;
+    } .slider__component_1vter .noUi-pips {
+        color: rgba(238, 238, 251, 0.55);
+    }.segmented-control__wrapper_19bkd {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_19bkd.segmented-control__selected_19bkd {
     color: rgba(255, 255, 255, 0.94);
@@ -334,24 +352,6 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_159r2:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.slider__component_1vter .noUi-base:hover .noUi-connects {
-            background: rgba(222, 222, 238, 0.13);
-        } .slider__component_1vter .noUi-base:hover .noUi-connect {
-            background: #f83a2a;
-        } .slider__component_1vter .noUi-handle:hover .noUi-touch-area {
-        background: #ff503e;
-    } .slider__component_1vter .noUi-handle:active .noUi-touch-area {
-        background: #fd624e;
-    } .slider__component_1vter .noUi-connects {
-        background: rgba(222, 222, 238, 0.13);
-    } .slider__component_1vter .noUi-connect {
-        background: #f83a2a;
-    } .slider__component_1vter .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_1vter .noUi-touch-area {
-        background: #f83a2a;
-    } .slider__component_1vter .noUi-pips {
-        color: rgba(238, 238, 251, 0.55);
     }.spinner__component_149z6 {
     color: rgba(255, 255, 255, 0.94);
 }
@@ -359,6 +359,34 @@
 }
 .spinner__component_1a4bn {
     color: rgba(3, 3, 6, 0.88);
+}.status-badge__positive-checkmark_16tb3 {
+    background-color: #17d055;
+} .status-badge__negative-cross_16tb3,
+.status-badge__negative-alert_16tb3,
+.status-badge__negative-block_16tb3 {
+    background-color: #ff4837;
+} .status-badge__attention-alert_16tb3 {
+    background-color: #fda136;
+} .status-badge__neutral-information_16tb3,
+.status-badge__neutral-operation_16tb3,
+.status-badge__neutral-cross_16tb3 {
+    background-color: #898991;
+}
+.status-badge__component_1h0w2 {
+    color: rgba(255, 255, 255, 0.94);
+}
+.status-badge__positive-checkmark_fk08y {
+    background-color: #0cc44d;
+} .status-badge__negative-cross_fk08y,
+.status-badge__negative-alert_fk08y,
+.status-badge__negative-block_fk08y {
+    background-color: #ff4837;
+} .status-badge__attention-alert_fk08y {
+    background-color: #fa9313;
+} .status-badge__neutral-information_fk08y,
+.status-badge__neutral-operation_fk08y,
+.status-badge__neutral-cross_fk08y {
+    background-color: #898991;
 }.status__muted-alt_1ndnj.status__green_1ndnj {
             background: #d1f1d7;
             color: #0d9336;
@@ -417,32 +445,143 @@
     } .status__muted_1ndnj.status__purple_1ndnj {
         background: #eeedff;
         color: #7a63f1;
-    }.status-badge__positive-checkmark_16tb3 {
-    background-color: #17d055;
-} .status-badge__negative-cross_16tb3,
-.status-badge__negative-alert_16tb3,
-.status-badge__negative-block_16tb3 {
-    background-color: #ff4837;
-} .status-badge__attention-alert_16tb3 {
-    background-color: #fda136;
-} .status-badge__neutral-information_16tb3,
-.status-badge__neutral-operation_16tb3,
-.status-badge__neutral-cross_16tb3 {
-    background-color: #898991;
-}
-.status-badge__component_1h0w2 {
-    color: rgba(255, 255, 255, 0.94);
-}
-.status-badge__positive-checkmark_fk08y {
-    background-color: #0cc44d;
-} .status-badge__negative-cross_fk08y,
-.status-badge__negative-alert_fk08y,
-.status-badge__negative-block_fk08y {
-    background-color: #ff4837;
-} .status-badge__attention-alert_fk08y {
-    background-color: #fa9313;
-} .status-badge__neutral-information_fk08y,
-.status-badge__neutral-operation_fk08y,
-.status-badge__neutral-cross_fk08y {
-    background-color: #898991;
-}
+    }.underlay__background-accent_b0dtb {
+            background-color: #ef3124;
+        } .underlay__background-info_b0dtb {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_b0dtb {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_b0dtb {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_b0dtb {
+            background-color: #392523;
+        } .underlay__background-primary_b0dtb {
+            background-color: #0e0e0e;
+        } .underlay__background-primary-inverted_b0dtb {
+            background-color: #fff;
+        } .underlay__background-secondary_b0dtb {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_b0dtb {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_b0dtb {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_b0dtb {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_b0dtb {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_b0dtb {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_b0dtb {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_b0dtb {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_b0dtb {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_b0dtb {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_b0dtb {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_b0dtb {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_b0dtb {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_b0dtb {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_b0dtb {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_b0dtb {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_b0dtb {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-m_b0dtb {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-l_b0dtb {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xl_b0dtb {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
+        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xs-hard_b0dtb {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_b0dtb {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
+        0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard_b0dtb {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard_b0dtb {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
+        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard_b0dtb {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
+        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xs-up_b0dtb {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_b0dtb {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_b0dtb {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_b0dtb {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_b0dtb {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+    } .underlay__shadow-xs-hard-up_b0dtb {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
+        0 -2px 4px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard-up_b0dtb {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
+        0 -4px 8px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard-up_b0dtb {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
+        0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard-up_b0dtb {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
+        0 -12px 24px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard-up_b0dtb {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
+        0 -16px 32px rgba(0, 0, 0, 0.16);
+    } .underlay__border-color-accent_b0dtb {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_b0dtb {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_b0dtb {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_b0dtb {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_b0dtb {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_b0dtb {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_b0dtb {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_b0dtb {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_b0dtb {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_b0dtb {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_b0dtb {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_b0dtb {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_b0dtb {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_b0dtb {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_b0dtb {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_b0dtb {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_b0dtb {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_b0dtb {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_b0dtb {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_b0dtb {
+        border-color: rgba(15, 25, 55, 0.1);
+    }

package/toast/Component.responsive.js

@@ -17,5 +17,6 @@ var Toast = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Toast.displayName = 'Toast';
 
 exports.Toast = Toast;

package/toast/cssm/Component.responsive.js

@@ -17,5 +17,6 @@ var Toast = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Toast.displayName = 'Toast';
 
 exports.Toast = Toast;

package/toast/esm/Component.responsive.js

@@ -21,5 +21,6 @@ var Toast = forwardRef(function (_a, ref) {
     var Component = isDesktop ? ToastDesktop : ToastMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });
+Toast.displayName = 'Toast';
 
 export { Toast };

package/toast/modern/Component.responsive.js

@@ -19,5 +19,6 @@ const Toast = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) =>
     const Component = isDesktop ? ToastDesktop : ToastMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });
+Toast.displayName = 'Toast';
 
 export { Toast };

package/toast-plate/Component.responsive.js

@@ -17,5 +17,6 @@ var ToastPlate = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+ToastPlate.displayName = 'ToastPlate';
 
 exports.ToastPlate = ToastPlate;

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

@@ -6,7 +6,6 @@ var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
 var getDataTestId = require('../../getDataTestId-3490478b.js');
 require('@alfalab/hooks');
-require('../../PortalContext-e3e1c274.js');
 var coreComponentsStatusBadge = require('../../../status-badge');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');

package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@alfalab/hooks');
-require('../../../PortalContext-e3e1c274.js');
 
 var exhaustiveCheck = function (value) { return value; };
 

package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var getDataTestId = require('../../../getDataTestId-3490478b.js');
 require('react');
 require('@alfalab/hooks');
-require('../../../PortalContext-e3e1c274.js');
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {

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

@@ -17,5 +17,6 @@ var ToastPlate = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+ToastPlate.displayName = 'ToastPlate';
 
 exports.ToastPlate = ToastPlate;

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

@@ -6,7 +6,6 @@ var cn = require('classnames');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
 var getDataTestId = require('../../getDataTestId-73ea38f8.js');
 require('@alfalab/hooks');
-require('../../PortalContext-919ec0ab.js');
 var coreComponentsStatusBadge = require('../../../../status-badge/cssm');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');

package/toast-plate/cssm/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@alfalab/hooks');
-require('../../../PortalContext-919ec0ab.js');
 
 var exhaustiveCheck = function (value) { return value; };
 

package/toast-plate/cssm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var getDataTestId = require('../../../getDataTestId-73ea38f8.js');
 require('react');
 require('@alfalab/hooks');
-require('../../../PortalContext-919ec0ab.js');
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {

package/toast-plate/cssm/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -66,7 +66,6 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
-export { PortalContext } from "./PortalContext-919ec0ab";
 export * from "./getDataTestId-73ea38f8";
 export * from "./browser-a216f694";
 export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

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

@@ -8,7 +8,6 @@ import 'classnames';
 import '../../icon-button/esm';
 import './getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import './PortalContext-b6290b30.js';
 import '../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/base-toast-plate/hooks/useCustomIcons.js';
@@ -22,5 +21,6 @@ var ToastPlate = forwardRef(function (_a, ref) {
     var Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });
+ToastPlate.displayName = 'ToastPlate';
 
 export { ToastPlate };

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

@@ -4,7 +4,6 @@ import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
 import { g as getDataTestId } from '../../getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import '../../PortalContext-b6290b30.js';
 import { StatusBadge } from '../../../../status-badge/esm';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { useCustomIcons } from './hooks/useCustomIcons.js';

package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -1,6 +1,5 @@
 import 'react';
 import '@alfalab/hooks';
-import '../../../PortalContext-b6290b30.js';
 
 var exhaustiveCheck = function (value) { return value; };
 

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

@@ -5,7 +5,6 @@ import 'classnames';
 import '../../../../icon-button/esm';
 import '../../getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import '../../PortalContext-b6290b30.js';
 import '../../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './hooks/useCustomIcons.js';

package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -1,7 +1,6 @@
 import { g as getDataTestId } from '../../../getDataTestId-696ef930.js';
 import 'react';
 import '@alfalab/hooks';
-import '../../../PortalContext-b6290b30.js';
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {

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

@@ -5,7 +5,6 @@ import 'classnames';
 import '../../../icon-button/esm';
 import '../getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import '../PortalContext-b6290b30.js';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

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

@@ -6,7 +6,6 @@ import 'classnames';
 import '../../../icon-button/esm';
 import '../getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import '../PortalContext-b6290b30.js';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/esm/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -66,7 +66,6 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
-export { PortalContext } from "./PortalContext-b6290b30";
 export * from "./getDataTestId-696ef930";
 export * from "./browser-a216f694";
 export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/esm/index.js

@@ -8,7 +8,6 @@ import 'classnames';
 import '../../icon-button/esm';
 import './getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import './PortalContext-b6290b30.js';
 import '../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/base-toast-plate/hooks/useCustomIcons.js';

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

@@ -5,7 +5,6 @@ import 'classnames';
 import '../../../icon-button/esm';
 import '../getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import '../PortalContext-b6290b30.js';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

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

@@ -6,7 +6,6 @@ import 'classnames';
 import '../../../icon-button/esm';
 import '../getDataTestId-696ef930.js';
 import '@alfalab/hooks';
-import '../PortalContext-b6290b30.js';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';