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

package/gallery/modern/components/header/Component.js

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-062ff167.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-efa9898e.js';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
 import '../../../../icon-button/modern';

package/gallery/modern/components/header/buttons.js

@@ -5,4 +5,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-062ff167.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-efa9898e.js';

package/gallery/modern/components/header/index.js

@@ -6,7 +6,7 @@ import '../../utils/constants.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
-import '../../buttons-062ff167.js';
+import '../../buttons-efa9898e.js';
 import '../../../../icon-button/modern';
 import '../../../../tooltip/modern/desktop';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';

package/gallery/modern/components/image-preview/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-b5566e19.js';
+import '../../slide-7d442501.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/modern/components/image-preview/index.js

@@ -19,7 +19,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../utils/constants.js';
-import '../../slide-b5566e19.js';
+import '../../slide-7d442501.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './paths.js';

package/gallery/modern/components/image-viewer/component.js

@@ -9,7 +9,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { s as styles, S as Slide } from '../../slide-b5566e19.js';
+import { s as styles, S as Slide } from '../../slide-7d442501.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/modern';
 import './paths.js';

package/gallery/modern/components/image-viewer/index.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../slide-b5566e19.js';
+import '../../slide-7d442501.js';
 import '../../../../typography/modern';
 import './paths.js';
 import 'swiper/swiper.min.css';

package/gallery/modern/components/image-viewer/slide.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { S as Slide } from '../../slide-b5566e19.js';
+export { S as Slide } from '../../slide-7d442501.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/modern/components/index.js

@@ -21,10 +21,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-b5566e19.js';
+import '../slide-7d442501.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-062ff167.js';
+import '../buttons-efa9898e.js';

package/gallery/modern/components/navigation-bar/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-b5566e19.js';
+import '../../slide-7d442501.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/components/navigation-bar/index.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-b5566e19.js';
+import '../../slide-7d442501.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-b5566e19.js';
+import './slide-7d442501.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-062ff167.js';
+import './buttons-efa9898e.js';

package/international-phone-input/cssm/index-7ca84eff.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { StackProps, Stack };

package/international-phone-input/esm/index-7ca84eff.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { StackProps, Stack };

package/international-phone-input/index-7ca84eff.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { StackProps, Stack };

package/international-phone-input/modern/index-7ca84eff.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { StackProps, Stack };

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-e38411cc.js');
+var layout_module = require('../../layout.module-9c7f42a7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-e38411cc.js');
+var layout_module = require('../../layout.module-9c7f42a7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-912924e9.js';
+import './layout.module-8c2ad581.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-912924e9.js';
+import { l as layoutStyles } from '../../layout.module-8c2ad581.js';
 
 var styles = {"component":"modal__component_6629a"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-912924e9.js';
+import '../../layout.module-8c2ad581.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-912924e9.js';
+import { l as layoutStyles } from '../../layout.module-8c2ad581.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_e5vdf","sticky":"modal__sticky_e5vdf","fullscreen":"modal__fullscreen_e5vdf","size-500":"modal__size-500_e5vdf","size-600":"modal__size-600_e5vdf","size-800":"modal__size-800_e5vdf","size-1140":"modal__size-1140_e5vdf"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-912924e9.js';
+import '../layout.module-8c2ad581.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-912924e9.js';
+import '../layout.module-8c2ad581.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-912924e9.js';
+import './layout.module-8c2ad581.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-912924e9.js';
+import '../layout.module-8c2ad581.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-912924e9.js';
+import '../layout.module-8c2ad581.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-020e2ced.js';
+import './layout.module-7b9f84d6.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-020e2ced.js';
+import { l as layoutStyles } from '../../layout.module-7b9f84d6.js';
 
 const styles = {"component":"modal__component_6629a"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-020e2ced.js';
+import '../../layout.module-7b9f84d6.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-020e2ced.js';
+import { l as layoutStyles } from '../../layout.module-7b9f84d6.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_e5vdf","sticky":"modal__sticky_e5vdf","fullscreen":"modal__fullscreen_e5vdf","size-500":"modal__size-500_e5vdf","size-600":"modal__size-600_e5vdf","size-800":"modal__size-800_e5vdf","size-1140":"modal__size-1140_e5vdf"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-020e2ced.js';
+import '../layout.module-7b9f84d6.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-020e2ced.js';
+import '../layout.module-7b9f84d6.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-020e2ced.js';
+import './layout.module-7b9f84d6.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-020e2ced.js';
+import '../layout.module-7b9f84d6.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-020e2ced.js';
+import '../layout.module-7b9f84d6.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/notification/Component.js

@@ -9,6 +9,7 @@ var elementClosest = require('element-closest');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
 var desktop = require('../toast-plate/desktop');
+var stackContext = require('@alfalab/stack-context');
 var utils_index = require('./utils/index.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -23,7 +24,7 @@ require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);
 var Notification = React.forwardRef(function (_a, ref) {
-    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
+    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? stackContext.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
     var notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);

package/notification/cssm/Component.js

@@ -9,6 +9,7 @@ var elementClosest = require('element-closest');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
 var desktop = require('../../toast-plate/cssm/desktop');
+var stackContext = require('@alfalab/stack-context');
 var utils_index = require('./utils/index.js');
 var styles = require('./index.module.css');
 
@@ -22,7 +23,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var notificationClassNameSelector = ".".concat(styles__default.default.notificationComponent);
 var Notification = React.forwardRef(function (_a, ref) {
-    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
+    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? stackContext.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
     var notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);

package/notification/esm/Component.js

@@ -5,8 +5,9 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { Stack } from '../../stack/esm';
 import { ToastPlateDesktop } from '../../toast-plate/esm/desktop';
+import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
 var styles = {"notificationComponent":"notification__notificationComponent_x5voa","isVisible":"notification__isVisible_x5voa","isClosing":"notification__isClosing_x5voa","toastContent":"notification__toastContent_x5voa","actionSection":"notification__actionSection_x5voa"};

package/notification/esm/index.js

@@ -8,4 +8,5 @@ import 'element-closest';
 import '../../portal/esm';
 import '../../stack/esm';
 import '../../toast-plate/esm/desktop';
+import '@alfalab/stack-context';
 import './utils/index.js';

package/notification/modern/Component.js

@@ -4,8 +4,9 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/modern';
-import { Stack, stackingOrder } from '../../stack/modern';
+import { Stack } from '../../stack/modern';
 import { ToastPlateDesktop } from '../../toast-plate/modern/desktop';
+import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
 const styles = {"notificationComponent":"notification__notificationComponent_x5voa","isVisible":"notification__isVisible_x5voa","isClosing":"notification__isClosing_x5voa","toastContent":"notification__toastContent_x5voa","actionSection":"notification__actionSection_x5voa"};

package/notification/modern/index.js

@@ -7,4 +7,5 @@ import 'element-closest';
 import '../../portal/modern';
 import '../../stack/modern';
 import '../../toast-plate/modern/desktop';
+import '@alfalab/stack-context';
 import './utils/index.js';

package/notification-manager/component.js

@@ -6,6 +6,7 @@ var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
+var stackContext = require('@alfalab/stack-context');
 var components_notification_component = require('./components/notification/component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -25,7 +26,7 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
         React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
             React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {

package/notification-manager/cssm/component.js

@@ -6,6 +6,7 @@ var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
+var stackContext = require('@alfalab/stack-context');
 var components_notification_component = require('./components/notification/component.js');
 var styles = require('./index.module.css');
 
@@ -24,7 +25,7 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
         React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
             React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {

package/notification-manager/esm/component.js

@@ -3,7 +3,8 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { Stack } from '../../stack/esm';
+import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
 var styles = {"component":"notification-manager__component_1xrx7","notification":"notification-manager__notification_1xrx7","withoutMargin":"notification-manager__withoutMargin_1xrx7","enter":"notification-manager__enter_1xrx7","enterActive":"notification-manager__enterActive_1xrx7"};

package/notification-manager/esm/index.js

@@ -5,4 +5,5 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/esm';
 import '../../stack/esm';
+import '@alfalab/stack-context';
 import './components/notification/component.js';

package/notification-manager/modern/component.js

@@ -2,7 +2,8 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/modern';
-import { Stack, stackingOrder } from '../../stack/modern';
+import { Stack } from '../../stack/modern';
+import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
 const styles = {"component":"notification-manager__component_1xrx7","notification":"notification-manager__notification_1xrx7","withoutMargin":"notification-manager__withoutMargin_1xrx7","enter":"notification-manager__enter_1xrx7","enterActive":"notification-manager__enterActive_1xrx7"};

package/notification-manager/modern/index.js

@@ -4,4 +4,5 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/modern';
 import '../../stack/modern';
+import '@alfalab/stack-context';
 import './components/notification/component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "46.0.0-beta.2",
+  "version": "46.0.0-beta.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -56,6 +56,7 @@
     "@alfalab/hooks": "^1.13.0",
     "@alfalab/icons-glyph": "^2.139.0",
     "@alfalab/icons-logotype": "^2.27.0",
+    "@alfalab/stack-context": "^1.16.0",
     "@alfalab/utils": "^1.15.2",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/sortable": "^7.0.2",

package/picker-button/cssm/index-bdb4c6b9.d.ts

@@ -174,18 +174,6 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
-/**
- * Набор констант для z-index соответствующих классов компонентов.
- * Значения выбраны по приоритету.
- */
-declare const stackingOrder: {
-    FOCUSED: number;
-    DEFAULT: number;
-    POPOVER: number;
-    MODAL: number;
-    TOAST: number;
-};
-declare const StackingContext: import("react").Context<number>;
 type StackProps = {
     /**
      * Render prop, в который передается функция.
@@ -226,5 +214,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };