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

package/stack/modern/context.js

@@ -0,0 +1,31 @@
+import { createContext } from 'react';
+
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+const stackingOrder = {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: 2,
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: 10,
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: 50,
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: 100,
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: 1000,
+};
+const StackingContext = createContext(stackingOrder.DEFAULT);
+
+export { StackingContext, stackingOrder };

package/stack/modern/index.d.ts

@@ -1 +1,2 @@
+export * from "./context";
 export * from "./component";

package/stack/modern/index.js

@@ -1,3 +1,3 @@
+export { StackingContext, stackingOrder } from './context.js';
 export { Stack } from './component.js';
 import 'react';
-import '@alfalab/stack-context';

package/textarea/Component.js

@@ -8,7 +8,7 @@ var cn = require('classnames');
 var coreComponentsFormControl = require('../form-control');
 var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-53ba3572.js');
+var components_PseudoTextArea = require('./PseudoTextArea-7681334c.js');
 var consts = require('./consts.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/textarea/components/PseudoTextArea.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../consts.js');
-var components_PseudoTextArea = require('../PseudoTextArea-53ba3572.js');
+var components_PseudoTextArea = require('../PseudoTextArea-7681334c.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-53ba3572";
+export * from "../PseudoTextArea-7681334c";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-53ba3572.js');
+var components_PseudoTextArea = require('../PseudoTextArea-7681334c.js');
 
 
 

package/textarea/esm/Component.js

@@ -6,7 +6,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/esm';
 import { getDataTestId } from '../../shared/esm';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-278ebb87.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-850a55b5.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 var defaultColors = {"input":"textarea__input_1ig8s","hasInnerLabel":"textarea__hasInnerLabel_1ig8s","disableUserInput":"textarea__disableUserInput_1ig8s","error":"textarea__error_1ig8s","textarea":"textarea__textarea_1ig8s","hint":"textarea__hint_1ig8s"};

package/textarea/esm/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-278ebb87.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-850a55b5.js';
 import '../consts.js';

package/textarea/esm/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-278ebb87";
+export * from "../PseudoTextArea-850a55b5";

package/textarea/esm/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-278ebb87.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-850a55b5.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/esm/index.js

@@ -7,5 +7,5 @@ import 'classnames';
 import '../../form-control/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-278ebb87.js';
+import './PseudoTextArea-850a55b5.js';
 import './consts.js';

package/textarea/modern/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-0d65e973.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-c51ed577.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 const defaultColors = {"input":"textarea__input_1ig8s","hasInnerLabel":"textarea__hasInnerLabel_1ig8s","disableUserInput":"textarea__disableUserInput_1ig8s","error":"textarea__error_1ig8s","textarea":"textarea__textarea_1ig8s","hint":"textarea__hint_1ig8s"};

package/textarea/modern/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-0d65e973.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
 import '../consts.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-0d65e973";
+export * from "../PseudoTextArea-c51ed577";

package/textarea/modern/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-0d65e973.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/modern/index.js

@@ -6,5 +6,5 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-0d65e973.js';
+import './PseudoTextArea-c51ed577.js';
 import './consts.js';

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

@@ -1,23 +1,4 @@
-.card-image__cardImage_bvs5x {
-    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 {
+.badge__component_1x6bo.badge__background-accent_1x6bo {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1x6bo.badge__background-specialbg-secondary-transparent_1x6bo {
@@ -77,6 +58,25 @@
         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;
+}.card-image__cardImage_bvs5x {
+    background: #e7e8ea;
+} .card-image__loaded_bvs5x {
+    background: transparent
 }.divider__component_wc83h {
     border-bottom: 1px solid #353539;
 }.dropzone__component_14isj {
@@ -168,7 +168,14 @@
         background: #fff;
     } .hatching-progress-bar__accent_uc0xr {
         background: #f83a2a;
-    }.indicator__component_1nsoq {
+    }.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 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_1nsoq {
@@ -186,14 +193,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_1nsoq.indicator__border_1nsoq {
         outline: 2px solid #121213;
-    }.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 {
+    }@keyframes loader__blink_1pw7m {
 }.link__primary_ntmi4 {
     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_z5389 {
+}.slider__component_jbeda .noUi-base:hover .noUi-connects {
+            background: rgba(222, 222, 238, 0.13);
+        } .slider__component_jbeda .noUi-base:hover .noUi-connect {
+            background: #f83a2a;
+        } .slider__component_jbeda .noUi-handle:hover .noUi-touch-area {
+        background: #ff503e;
+    } .slider__component_jbeda .noUi-handle:active .noUi-touch-area {
+        background: #fd624e;
+    } .slider__component_jbeda .noUi-connects {
+        background: rgba(222, 222, 238, 0.13);
+    } .slider__component_jbeda .noUi-connect {
+        background: #f83a2a;
+    } .slider__component_jbeda .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_jbeda .noUi-touch-area {
+        background: #f83a2a;
+    } .slider__component_jbeda .noUi-pips {
+        color: rgba(238, 238, 251, 0.55);
+    }.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);
@@ -334,24 +352,6 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_1j9aq:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.slider__component_jbeda .noUi-base:hover .noUi-connects {
-            background: rgba(222, 222, 238, 0.13);
-        } .slider__component_jbeda .noUi-base:hover .noUi-connect {
-            background: #f83a2a;
-        } .slider__component_jbeda .noUi-handle:hover .noUi-touch-area {
-        background: #ff503e;
-    } .slider__component_jbeda .noUi-handle:active .noUi-touch-area {
-        background: #fd624e;
-    } .slider__component_jbeda .noUi-connects {
-        background: rgba(222, 222, 238, 0.13);
-    } .slider__component_jbeda .noUi-connect {
-        background: #f83a2a;
-    } .slider__component_jbeda .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_jbeda .noUi-touch-area {
-        background: #f83a2a;
-    } .slider__component_jbeda .noUi-pips {
-        color: rgba(238, 238, 251, 0.55);
     }.spinner__component_15bi5 {
     color: #fff;
 }
@@ -359,6 +359,34 @@
 }
 .spinner__component_1b5um {
     color: #121213;
+}.status-badge__positive-checkmark_77dqz {
+    background-color: #17d055;
+} .status-badge__negative-cross_77dqz,
+.status-badge__negative-alert_77dqz,
+.status-badge__negative-block_77dqz {
+    background-color: #ff4837;
+} .status-badge__attention-alert_77dqz {
+    background-color: #fda136;
+} .status-badge__neutral-information_77dqz,
+.status-badge__neutral-operation_77dqz,
+.status-badge__neutral-cross_77dqz {
+    background-color: #898991;
+}
+.status-badge__component_dkjbi {
+    color: #fff;
+}
+.status-badge__positive-checkmark_1ez6y {
+    background-color: #0cc44d;
+} .status-badge__negative-cross_1ez6y,
+.status-badge__negative-alert_1ez6y,
+.status-badge__negative-block_1ez6y {
+    background-color: #ff4837;
+} .status-badge__attention-alert_1ez6y {
+    background-color: #fa9313;
+} .status-badge__neutral-information_1ez6y,
+.status-badge__neutral-operation_1ez6y,
+.status-badge__neutral-cross_1ez6y {
+    background-color: #898991;
 }.status__soft_1keqd.status__green_1keqd {
         background: #d1f1d7;
         color: #0d9336;
@@ -396,171 +424,4 @@
         background: #09b9be;
     } .status__contrast_1keqd.status__purple_1keqd {
         background: #897eff;
-    }.status-badge__positive-checkmark_77dqz {
-    background-color: #17d055;
-} .status-badge__negative-cross_77dqz,
-.status-badge__negative-alert_77dqz,
-.status-badge__negative-block_77dqz {
-    background-color: #ff4837;
-} .status-badge__attention-alert_77dqz {
-    background-color: #fda136;
-} .status-badge__neutral-information_77dqz,
-.status-badge__neutral-operation_77dqz,
-.status-badge__neutral-cross_77dqz {
-    background-color: #898991;
-}
-.status-badge__component_dkjbi {
-    color: #fff;
-}
-.status-badge__positive-checkmark_1ez6y {
-    background-color: #0cc44d;
-} .status-badge__negative-cross_1ez6y,
-.status-badge__negative-alert_1ez6y,
-.status-badge__negative-block_1ez6y {
-    background-color: #ff4837;
-} .status-badge__attention-alert_1ez6y {
-    background-color: #fa9313;
-} .status-badge__neutral-information_1ez6y,
-.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,7 +9,6 @@ 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 }; }
 
@@ -29,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 ? 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 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 plateRef = React.useRef(null);
     var timerId = React.useRef(0);
     var prevOpen = hooks.usePrevious(open);

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

@@ -9,7 +9,6 @@ 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 }; }
@@ -28,7 +27,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 ? 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 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 plateRef = React.useRef(null);
     var timerId = React.useRef(0);
     var prevOpen = hooks.usePrevious(open);

package/toast/esm/Component.responsive.js

@@ -12,7 +12,6 @@ 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,9 +5,8 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Popover } from '../../../../popover/esm';
 import { Portal } from '../../../../portal/esm';
-import { Stack } from '../../../../stack/esm';
+import { stackingOrder, 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,4 +8,3 @@ import '../../../../popover/esm';
 import '../../../../portal/esm';
 import '../../../../stack/esm';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

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

@@ -9,7 +9,6 @@ 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,4 +10,3 @@ import '../../../popover/esm';
 import '../../../portal/esm';
 import '../../../stack/esm';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

package/toast/esm/index.js

@@ -12,6 +12,5 @@ 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,7 +9,6 @@ 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,4 +10,3 @@ import '../../../popover/esm';
 import '../../../portal/esm';
 import '../../../stack/esm';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

package/toast/modern/Component.responsive.js

@@ -11,7 +11,6 @@ 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,9 +4,8 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Popover } from '../../../../popover/modern';
 import { Portal } from '../../../../portal/modern';
-import { Stack } from '../../../../stack/modern';
+import { Stack, stackingOrder } 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,4 +7,3 @@ import '../../../../popover/modern';
 import '../../../../portal/modern';
 import '../../../../stack/modern';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

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

@@ -8,7 +8,6 @@ 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,4 +9,3 @@ import '../../../popover/modern';
 import '../../../portal/modern';
 import '../../../stack/modern';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';