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

package/toast/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Toast = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;

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

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { ToastDesktop } from './desktop/Component.desktop.js';
 import { ToastMobile } from './mobile/Component.mobile.js';
 import '../../toast-plate/esm/desktop';
@@ -12,11 +13,10 @@ 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) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? ToastDesktop : ToastMobile;

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_a674b","title":"toast__title_a674b","popoverInner":"toast__popoverInner_a674b","block":"toast__block_a674b","fixed":"toast__fixed_a674b","enter":"toast__enter_a674b","enterActive":"toast__enterActive_a674b","exit":"toast__exit_a674b","exitActive":"toast__exitActive_a674b"};
 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

@@ -2,6 +2,7 @@ export { Toast } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../toast-plate/esm/desktop';
 import './components/base-toast/component.js';
@@ -12,6 +13,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

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { ToastDesktop } from './desktop/Component.desktop.js';
 import { ToastMobile } from './mobile/Component.mobile.js';
 import '../../toast-plate/modern/desktop';
@@ -11,10 +12,9 @@ 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) => {
+const Toast = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? ToastDesktop : ToastMobile;

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_a674b","title":"toast__title_a674b","popoverInner":"toast__popoverInner_a674b","block":"toast__block_a674b","fixed":"toast__fixed_a674b","enter":"toast__enter_a674b","enterActive":"toast__enterActive_a674b","exit":"toast__exit_a674b","exitActive":"toast__exitActive_a674b"};
 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';

package/toast/modern/index.js

@@ -1,6 +1,7 @@
 export { Toast } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../toast-plate/modern/desktop';
 import './components/base-toast/component.js';
@@ -11,6 +12,5 @@ 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,7 +8,6 @@ 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,4 +9,3 @@ import '../../../popover/modern';
 import '../../../portal/modern';
 import '../../../stack/modern';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

package/toast-plate/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ToastPlate = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ToastPlate = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;

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

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { ToastPlateDesktop } from './desktop/Component.desktop.js';
 import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
@@ -13,7 +14,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 
 var ToastPlate = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;

package/toast-plate/esm/index.js

@@ -2,6 +2,7 @@ export { ToastPlate } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';

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

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { ToastPlateDesktop } from './desktop/Component.desktop.js';
 import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
@@ -11,7 +12,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 
-const ToastPlate = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
+const ToastPlate = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;

package/toast-plate/modern/index.js

@@ -1,6 +1,7 @@
 export { ToastPlate } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';

package/tooltip/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var TooltipResponsive = function (_a) {
-    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
+    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.TooltipDesktop, tslib.__assign({}, restProps), children)) : (React__default.default.createElement(mobile_Component_mobile.TooltipMobile, tslib.__assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
 };

package/tooltip/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var TooltipResponsive = function (_a) {
-    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
+    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.TooltipDesktop, tslib.__assign({}, restProps), children)) : (React__default.default.createElement(mobile_Component_mobile.TooltipMobile, tslib.__assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
 };

package/tooltip/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { TooltipDesktop } from './desktop/Component.desktop.js';
 import { TooltipMobile } from './mobile/Component.mobile.js';
 import 'react-merge-refs';
@@ -10,7 +11,7 @@ import '../../bottom-sheet/esm';
 import '../../button/esm/mobile';
 
 var TooltipResponsive = function (_a) {
-    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
+    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(TooltipDesktop, __assign({}, restProps), children)) : (React.createElement(TooltipMobile, __assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
 };

package/tooltip/esm/index.js

@@ -2,6 +2,7 @@ export { TooltipResponsive as Tooltip } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { TooltipDesktop } from './desktop/Component.desktop.js';
 import { TooltipMobile } from './mobile/Component.mobile.js';
 import 'react-merge-refs';
@@ -8,7 +9,7 @@ import '../../popover/modern';
 import '../../bottom-sheet/modern';
 import '../../button/modern/mobile';
 
-const TooltipResponsive = ({ defaultMatchMediaValue, children, actionButtonTitle, bottomSheetProps, breakpoint = 1024, ...restProps }) => {
+const TooltipResponsive = ({ defaultMatchMediaValue, children, actionButtonTitle, bottomSheetProps, breakpoint = getComponentBreakpoint(), ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(TooltipDesktop, { ...restProps }, children)) : (React.createElement(TooltipMobile, { ...restProps, ...bottomSheetProps, actionButtonTitle: actionButtonTitle }, children));
 };

package/tooltip/modern/index.js

@@ -1,6 +1,7 @@
 export { TooltipResponsive as Tooltip } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import 'react-merge-refs';
 import 'classnames';

package/universal-date-input/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -10,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var UniversalDateInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -10,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var UniversalDateInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -741,6 +741,18 @@ declare const SIZE_TO_CLASSNAME_MAP: {
     800: string;
     1140: string;
 };
+/**
+ * Набор констант для 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, в который передается функция.
@@ -965,7 +977,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -21,7 +22,6 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
@@ -33,7 +33,7 @@ import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
 
 var UniversalDateInput = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseUniversalDateInput, __assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/esm/index-5712fce2.d.ts

@@ -741,6 +741,18 @@ declare const SIZE_TO_CLASSNAME_MAP: {
     800: string;
     1140: string;
 };
+/**
+ * Набор констант для 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, в который передается функция.
@@ -965,7 +977,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/esm/index.js

@@ -2,6 +2,7 @@ export { UniversalDateInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -22,7 +23,6 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';

package/universal-date-input/index-5712fce2.d.ts

@@ -741,6 +741,18 @@ declare const SIZE_TO_CLASSNAME_MAP: {
     800: string;
     1140: string;
 };
+/**
+ * Набор констант для 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, в который передается функция.
@@ -965,7 +977,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -20,7 +21,6 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
@@ -31,7 +31,7 @@ import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
 
-const UniversalDateInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, view, ...restProps }, ref) => {
+const UniversalDateInput = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, view, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
 });

package/universal-date-input/modern/index-5712fce2.d.ts

@@ -741,6 +741,18 @@ declare const SIZE_TO_CLASSNAME_MAP: {
     800: string;
     1140: string;
 };
+/**
+ * Набор констант для 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, в который передается функция.
@@ -965,7 +977,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";