@alfalab/core-components 46.0.0-beta.2 → 46.0.0-beta.3

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

@@ -2,6 +2,21 @@
     background: #e7e8ea;
 } .card-image__loaded_bvs5x {
     background: transparent
+}.backdrop__backdrop_14p7c {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_14p7c,
+.backdrop__enter_14p7c {
+    background-color: transparent;
+} .backdrop__appearActive_14p7c,
+.backdrop__enterActive_14p7c,
+.backdrop__appearDone_14p7c,
+.backdrop__enterDone_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_14p7c,
+.backdrop__exitDone_14p7c {
+    background-color: transparent;
 }.badge__component_1x6bo.badge__background-accent_1x6bo {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -62,21 +77,6 @@
         background-color: #fff;
     } .badge__dot_1x6bo.badge__outlineCount_1x6bo {
     border: 1px solid #121213;
-}.backdrop__backdrop_14p7c {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_14p7c,
-.backdrop__enter_14p7c {
-    background-color: transparent;
-} .backdrop__appearActive_14p7c,
-.backdrop__enterActive_14p7c,
-.backdrop__appearDone_14p7c,
-.backdrop__enterDone_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_14p7c,
-.backdrop__exitDone_14p7c {
-    background-color: transparent;
 }.divider__component_wc83h {
     border-bottom: 1px solid #353539;
 }.dropzone__component_14isj {
@@ -168,14 +168,7 @@
         background: #fff;
     } .hatching-progress-bar__accent_uc0xr {
         background: #f83a2a;
-    }.icon-view__component_14i8j {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_14i8j {
-    fill: #1c1c1e;
-} .icon-view__border_14i8j {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_1nsoq {
+    }.indicator__component_1nsoq {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_1nsoq {
@@ -193,7 +186,15 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_1nsoq.indicator__border_1nsoq {
         outline: 2px solid #121213;
-    }.link__primary_ntmi4 {
+    }.icon-view__component_14i8j {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_14i8j {
+    fill: #1c1c1e;
+} .icon-view__border_14i8j {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}@keyframes loader__blink_1pw7m {
+}.link__primary_ntmi4 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
@@ -259,8 +260,7 @@
         }
     } .link__defaultView_1qr6m:active {
         color: #2453b4;
-    }@keyframes loader__blink_1pw7m {
-}.progress-bar__container_1s9v6 {
+    }.progress-bar__container_1s9v6 {
     background: rgba(222, 222, 238, 0.13)
 } .progress-bar__filled_1s9v6.progress-bar__positive_1s9v6 {
         background: #17d055;
@@ -278,7 +278,17 @@
         background: #fff;
     } .progress-bar__filled_1s9v6.progress-bar__accent_1s9v6 {
         background: #f83a2a;
-    }.skeleton__component_zlc0o {
+    }.scrollbar__component_1qo42 .scrollbar:before {
+            background-color: rgba(228, 228, 251, 0.28);
+        } .scrollbar__component_1qo42.dragging .track .scrollbar.visible:before {
+            background-color: rgba(238, 238, 254, 0.46);
+        }
+
+.scrollbar__component_1jt2a .scrollbar:before {
+            background-color: rgba(9, 12, 37, 0.28);
+        } .scrollbar__component_1jt2a.dragging .track .scrollbar.visible:before {
+            background-color: rgba(4, 4, 21, 0.47);
+        }.skeleton__component_zlc0o {
     color: transparent;
     background: rgba(214, 214, 229, 0.07)
 } .skeleton__component_zlc0o:before {
@@ -290,17 +300,7 @@
     100% {
         background: rgba(222, 222, 238, 0.13);
     }
-}.scrollbar__component_1qo42 .scrollbar:before {
-            background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_1qo42.dragging .track .scrollbar.visible:before {
-            background-color: rgba(238, 238, 254, 0.46);
-        }
-
-.scrollbar__component_1jt2a .scrollbar:before {
-            background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_1jt2a.dragging .track .scrollbar.visible:before {
-            background-color: rgba(4, 4, 21, 0.47);
-        }.segmented-control__wrapper_z5389 {
+}.segmented-control__wrapper_z5389 {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_z5389.segmented-control__selected_z5389 {
     color: rgba(255, 255, 255, 0.94);
@@ -424,4 +424,143 @@
 .status-badge__neutral-operation_1ez6y,
 .status-badge__neutral-cross_1ez6y {
     background-color: #898991;
-}
+}.underlay__background-accent_hkejj {
+            background-color: #ef3124;
+        } .underlay__background-info_hkejj {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_hkejj {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_hkejj {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_hkejj {
+            background-color: #392523;
+        } .underlay__background-primary_hkejj {
+            background-color: #0e0e0e;
+        } .underlay__background-primary-inverted_hkejj {
+            background-color: #fff;
+        } .underlay__background-secondary_hkejj {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_hkejj {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_hkejj {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_hkejj {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_hkejj {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_hkejj {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_hkejj {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_hkejj {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_hkejj {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_hkejj {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_hkejj {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_hkejj {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_hkejj {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_hkejj {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_hkejj {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_hkejj {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_hkejj {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_hkejj {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_hkejj {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        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_hkejj {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_hkejj {
+        border-color: #fff;
+    } .underlay__border-color-key-inverted_hkejj {
+        border-color: #121213;
+    } .underlay__border-color-link_hkejj {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_hkejj {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_hkejj {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_hkejj {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_hkejj {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_hkejj {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_hkejj {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_hkejj {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_hkejj {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_hkejj {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_hkejj {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_hkejj {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_hkejj {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_hkejj {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_hkejj {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_hkejj {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_hkejj {
+        border-color: rgba(15, 25, 55, 0.1);
+    }

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

@@ -9,6 +9,7 @@ var coreComponentsPopover = require('../../../popover');
 var coreComponentsPortal = require('../../../portal');
 var coreComponentsStack = require('../../../stack');
 var hooks = require('@alfalab/hooks');
+var stackContext = require('@alfalab/stack-context');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -28,7 +29,7 @@ var CSS_TRANSITION_CLASS_NAMES = {
 var noop = function () { };
 var BaseToast = 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, ToastPlate = _a.ToastPlate, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onClose = _a.onClose, getPortalContainer = _a.getPortalContainer, useAnchorWidth = _a.useAnchorWidth, _f = _a.closeWithClickOutside, closeWithClickOutside = _f === void 0 ? true : _f, fallbackPlacements = _a.fallbackPlacements, restProps = tslib.__rest(_a, ["anchorElement", "position", "offset", "open", "autoCloseDelay", "className", "titleClassName", "bottomOffset", "style", "block", "zIndex", "ToastPlate", "onMouseEnter", "onMouseLeave", "onTouchStart", "onClose", "getPortalContainer", "useAnchorWidth", "closeWithClickOutside", "fallbackPlacements"]);
+    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 ? stackContext.stackingOrder.TOAST : _e, ToastPlate = _a.ToastPlate, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onClose = _a.onClose, getPortalContainer = _a.getPortalContainer, useAnchorWidth = _a.useAnchorWidth, _f = _a.closeWithClickOutside, closeWithClickOutside = _f === void 0 ? true : _f, fallbackPlacements = _a.fallbackPlacements, restProps = tslib.__rest(_a, ["anchorElement", "position", "offset", "open", "autoCloseDelay", "className", "titleClassName", "bottomOffset", "style", "block", "zIndex", "ToastPlate", "onMouseEnter", "onMouseLeave", "onTouchStart", "onClose", "getPortalContainer", "useAnchorWidth", "closeWithClickOutside", "fallbackPlacements"]);
     var plateRef = React.useRef(null);
     var timerId = React.useRef(0);
     var prevOpen = hooks.usePrevious(open);

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

@@ -9,6 +9,7 @@ var coreComponentsPopover = require('../../../../popover/cssm');
 var coreComponentsPortal = require('../../../../portal/cssm');
 var coreComponentsStack = require('../../../../stack/cssm');
 var hooks = require('@alfalab/hooks');
+var stackContext = require('@alfalab/stack-context');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -27,7 +28,7 @@ var CSS_TRANSITION_CLASS_NAMES = {
 var noop = function () { };
 var BaseToast = 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, ToastPlate = _a.ToastPlate, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onClose = _a.onClose, getPortalContainer = _a.getPortalContainer, useAnchorWidth = _a.useAnchorWidth, _f = _a.closeWithClickOutside, closeWithClickOutside = _f === void 0 ? true : _f, fallbackPlacements = _a.fallbackPlacements, restProps = tslib.__rest(_a, ["anchorElement", "position", "offset", "open", "autoCloseDelay", "className", "titleClassName", "bottomOffset", "style", "block", "zIndex", "ToastPlate", "onMouseEnter", "onMouseLeave", "onTouchStart", "onClose", "getPortalContainer", "useAnchorWidth", "closeWithClickOutside", "fallbackPlacements"]);
+    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 ? stackContext.stackingOrder.TOAST : _e, ToastPlate = _a.ToastPlate, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onClose = _a.onClose, getPortalContainer = _a.getPortalContainer, useAnchorWidth = _a.useAnchorWidth, _f = _a.closeWithClickOutside, closeWithClickOutside = _f === void 0 ? true : _f, fallbackPlacements = _a.fallbackPlacements, restProps = tslib.__rest(_a, ["anchorElement", "position", "offset", "open", "autoCloseDelay", "className", "titleClassName", "bottomOffset", "style", "block", "zIndex", "ToastPlate", "onMouseEnter", "onMouseLeave", "onTouchStart", "onClose", "getPortalContainer", "useAnchorWidth", "closeWithClickOutside", "fallbackPlacements"]);
     var plateRef = React.useRef(null);
     var timerId = React.useRef(0);
     var prevOpen = hooks.usePrevious(open);

package/toast/esm/Component.responsive.js

@@ -12,6 +12,7 @@ import '../../popover/esm';
 import '../../portal/esm';
 import '../../stack/esm';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 import '../../toast-plate/esm/mobile';
 
 var Toast = forwardRef(function (_a, ref) {

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

@@ -5,8 +5,9 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Popover } from '../../../../popover/esm';
 import { Portal } from '../../../../portal/esm';
-import { stackingOrder, Stack } from '../../../../stack/esm';
+import { Stack } from '../../../../stack/esm';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
+import { stackingOrder } from '@alfalab/stack-context';
 
 var styles = {"toastPlate":"toast__toastPlate_16l0f","title":"toast__title_16l0f","popoverInner":"toast__popoverInner_16l0f","block":"toast__block_16l0f","fixed":"toast__fixed_16l0f","enter":"toast__enter_16l0f","enterActive":"toast__enterActive_16l0f","exit":"toast__exit_16l0f","exitActive":"toast__exitActive_16l0f"};
 require('./index.css');

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

@@ -8,3 +8,4 @@ import '../../../../popover/esm';
 import '../../../../portal/esm';
 import '../../../../stack/esm';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';

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

@@ -9,6 +9,7 @@ import '../../../popover/esm';
 import '../../../portal/esm';
 import '../../../stack/esm';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 
 var DefaultToastPlateDesktop = forwardRef(function (props, ref) { return (React.createElement(ToastPlateDesktop, __assign({ ref: ref }, props))); });
 var ToastDesktop = forwardRef(function (_a, ref) {

package/toast/esm/desktop/index.js

@@ -10,3 +10,4 @@ import '../../../popover/esm';
 import '../../../portal/esm';
 import '../../../stack/esm';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';

package/toast/esm/index.js

@@ -12,5 +12,6 @@ import '../../popover/esm';
 import '../../portal/esm';
 import '../../stack/esm';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 import './mobile/Component.mobile.js';
 import '../../toast-plate/esm/mobile';

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

@@ -9,6 +9,7 @@ import '../../../popover/esm';
 import '../../../portal/esm';
 import '../../../stack/esm';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 
 var DefaultToastPlateMobile = forwardRef(function (props, ref) { return (React.createElement(ToastPlateMobile, __assign({ ref: ref }, props))); });
 var ToastMobile = forwardRef(function (_a, ref) {

package/toast/esm/mobile/index.js

@@ -10,3 +10,4 @@ import '../../../popover/esm';
 import '../../../portal/esm';
 import '../../../stack/esm';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';

package/toast/modern/Component.responsive.js

@@ -11,6 +11,7 @@ import '../../popover/modern';
 import '../../portal/modern';
 import '../../stack/modern';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 import '../../toast-plate/modern/mobile';
 
 const Toast = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {

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

@@ -4,8 +4,9 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Popover } from '../../../../popover/modern';
 import { Portal } from '../../../../portal/modern';
-import { Stack, stackingOrder } from '../../../../stack/modern';
+import { Stack } from '../../../../stack/modern';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
+import { stackingOrder } from '@alfalab/stack-context';
 
 const styles = {"toastPlate":"toast__toastPlate_16l0f","title":"toast__title_16l0f","popoverInner":"toast__popoverInner_16l0f","block":"toast__block_16l0f","fixed":"toast__fixed_16l0f","enter":"toast__enter_16l0f","enterActive":"toast__enterActive_16l0f","exit":"toast__exit_16l0f","exitActive":"toast__exitActive_16l0f"};
 require('./index.css');

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

@@ -7,3 +7,4 @@ import '../../../../popover/modern';
 import '../../../../portal/modern';
 import '../../../../stack/modern';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';

package/toast/modern/desktop/Component.desktop.js

@@ -8,6 +8,7 @@ import '../../../popover/modern';
 import '../../../portal/modern';
 import '../../../stack/modern';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 
 const DefaultToastPlateDesktop = forwardRef((props, ref) => (React.createElement(ToastPlateDesktop, { ref: ref, ...props })));
 const ToastDesktop = forwardRef(({ ToastPlate = DefaultToastPlateDesktop, ...restProps }, ref) => (React.createElement(BaseToast, { ToastPlate: ToastPlate, ...restProps, ref: ref })));

package/toast/modern/desktop/index.js

@@ -9,3 +9,4 @@ import '../../../popover/modern';
 import '../../../portal/modern';
 import '../../../stack/modern';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';

package/toast/modern/index.js

@@ -11,5 +11,6 @@ import '../../popover/modern';
 import '../../portal/modern';
 import '../../stack/modern';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 import './mobile/Component.mobile.js';
 import '../../toast-plate/modern/mobile';

package/toast/modern/mobile/Component.mobile.js

@@ -8,6 +8,7 @@ import '../../../popover/modern';
 import '../../../portal/modern';
 import '../../../stack/modern';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';
 
 const DefaultToastPlateMobile = forwardRef((props, ref) => (React.createElement(ToastPlateMobile, { ref: ref, ...props })));
 const ToastMobile = forwardRef(({ ToastPlate = DefaultToastPlateMobile, ...restProps }, ref) => (React.createElement(BaseToast, { ToastPlate: ToastPlate, ...restProps, ref: ref })));

package/toast/modern/mobile/index.js

@@ -9,3 +9,4 @@ import '../../../popover/modern';
 import '../../../portal/modern';
 import '../../../stack/modern';
 import '@alfalab/hooks';
+import '@alfalab/stack-context';

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

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var getDataTestId = require('../../getDataTestId-3138baed.js');
+var getDataTestId = require('../../getDataTestId-1de39d74.js');
 require('@alfalab/hooks');
 var coreComponentsStatusBadge = require('../../../status-badge');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getDataTestId = require('../../../getDataTestId-3138baed.js');
+var getDataTestId = require('../../../getDataTestId-1de39d74.js');
 require('react');
 require('@alfalab/hooks');
 

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

@@ -6,7 +6,7 @@ import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/esm';
-import './getDataTestId-185adec6.js';
+import './getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import '../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../getDataTestId-185adec6.js';
+import { g as getDataTestId } from '../../getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import { StatusBadge } from '../../../../status-badge/esm';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

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

@@ -3,7 +3,7 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../../../../icon-button/esm';
-import '../../getDataTestId-185adec6.js';
+import '../../getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import '../../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from '../../../getDataTestId-185adec6.js';
+import { g as getDataTestId } from '../../../getDataTestId-32d52205.js';
 import 'react';
 import '@alfalab/hooks';
 

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

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -4,7 +4,7 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/esm/index-307da6d7.d.ts

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

package/toast-plate/esm/index.js

@@ -6,7 +6,7 @@ import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/esm';
-import './getDataTestId-185adec6.js';
+import './getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import '../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -4,7 +4,7 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-32d52205.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/index-307da6d7.d.ts

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

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

@@ -5,7 +5,7 @@ import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/modern';
-import './getDataTestId-3a028081.js';
+import './getDataTestId-dd00ab19.js';
 import '@alfalab/hooks';
 import '../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -1,7 +1,7 @@
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../getDataTestId-3a028081.js';
+import { g as getDataTestId } from '../../getDataTestId-dd00ab19.js';
 import '@alfalab/hooks';
 import { StatusBadge } from '../../../../status-badge/modern';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

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

@@ -2,7 +2,7 @@ export { BaseToastPlate } from './component.js';
 import 'react';
 import 'classnames';
 import '../../../../icon-button/modern';
-import '../../getDataTestId-3a028081.js';
+import '../../getDataTestId-dd00ab19.js';
 import '@alfalab/hooks';
 import '../../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from '../../../getDataTestId-3a028081.js';
+import { g as getDataTestId } from '../../../getDataTestId-dd00ab19.js';
 import 'react';
 import '@alfalab/hooks';
 

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

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../getDataTestId-3a028081.js';
+import '../getDataTestId-dd00ab19.js';
 import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -3,7 +3,7 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../getDataTestId-3a028081.js';
+import '../getDataTestId-dd00ab19.js';
 import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';