@alfalab/core-components 47.3.0-beta.0 → 47.3.0-beta.1

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-c14836ba.js';
+import { l as layoutStyles } from '../../layout.module-f16fb568.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_1f9i0","sticky":"modal__sticky_1f9i0","fullscreen":"modal__fullscreen_1f9i0","size-500":"modal__size-500_1f9i0","size-600":"modal__size-600_1f9i0","size-800":"modal__size-800_1f9i0","size-1140":"modal__size-1140_1f9i0"};

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-c14836ba.js';
+import '../layout.module-f16fb568.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-c14836ba.js';
+import '../layout.module-f16fb568.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -2,15 +2,15 @@ export { ModalResponsive as Modal } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './components/content/Component.js';
 import 'classnames';
+import '../../shared/esm';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-c14836ba.js';
+import './layout.module-f16fb568.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-c14836ba.js';
+import '../layout.module-f16fb568.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-c14836ba.js';
+import '../layout.module-f16fb568.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -1,21 +1,21 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { Content } from './components/content/Component.js';
 import { Controls } from './components/controls/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { Modal } from './Component.js';
 import 'classnames';
+import '../../shared/modern';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-55e06c39.js';
+import './layout.module-b59dbcd8.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 
-const ModalResponsiveComponent = forwardRef(({ children, breakpoint = getComponentBreakpoint(), defaultMatchMediaValue = true, ...restProps }, ref) => {
+const ModalResponsiveComponent = forwardRef(({ children, breakpoint = 1024, defaultMatchMediaValue = true, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(Modal, { ref: ref, ...restProps, view: isDesktop ? 'desktop' : 'mobile' }, children));
 });

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-55e06c39.js';
+import { l as layoutStyles } from '../../layout.module-b59dbcd8.js';
 
 const styles = {"component":"modal__component_146ja"};
 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-55e06c39.js';
+import '../../layout.module-b59dbcd8.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-55e06c39.js';
+import { l as layoutStyles } from '../../layout.module-b59dbcd8.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_1f9i0","sticky":"modal__sticky_1f9i0","fullscreen":"modal__fullscreen_1f9i0","size-500":"modal__size-500_1f9i0","size-600":"modal__size-600_1f9i0","size-800":"modal__size-800_1f9i0","size-1140":"modal__size-1140_1f9i0"};

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-55e06c39.js';
+import '../layout.module-b59dbcd8.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-55e06c39.js';
+import '../layout.module-b59dbcd8.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -1,15 +1,15 @@
 export { ModalResponsive as Modal } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './components/content/Component.js';
 import 'classnames';
+import '../../shared/modern';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-55e06c39.js';
+import './layout.module-b59dbcd8.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-55e06c39.js';
+import '../layout.module-b59dbcd8.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-55e06c39.js';
+import '../layout.module-b59dbcd8.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/navigation-bar/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
 interface NavigationBarProps {
     /**
      * Заголовок
@@ -70,5 +72,5 @@ interface NavigationBarProps {
      */
     dataTestId?: string;
 }
-declare const NavigationBar: FC<NavigationBarProps>;
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export { NavigationBarProps, NavigationBar };

package/navigation-bar/Component.js

@@ -13,7 +13,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles = {"component":"navigation-bar__component_150nl","sticky":"navigation-bar__sticky_150nl","border":"navigation-bar__border_150nl","mainLine":"navigation-bar__mainLine_150nl","left":"navigation-bar__left_150nl","center":"navigation-bar__center_150nl","children":"navigation-bar__children_150nl","content":"navigation-bar__content_150nl","title":"navigation-bar__title_150nl","subtitle":"navigation-bar__subtitle_150nl","addons":"navigation-bar__addons_150nl","rightAddons":"navigation-bar__rightAddons_150nl"};
 require('./index.css');
 
-var NavigationBar = function (_a) {
+var NavigationBar = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var _e = _a.align, align = _e === void 0 ? 'center' : _e, rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, bottomAddons = _a.bottomAddons, sticky = _a.sticky, border = _a.border, subtitle = _a.subtitle, title = _a.title, children = _a.children, _f = _a.backgroundColor, backgroundColor = _f === void 0 ? 'var(--color-light-base-bg-primary)' : _f, contentWrapperClassName = _a.contentWrapperClassName, className = _a.className, contentClassName = _a.contentClassName, rightAddonsClassName = _a.rightAddonsClassName, leftAddonsClassName = _a.leftAddonsClassName, bottomAddonsClassName = _a.bottomAddonsClassName, dataTestId = _a.dataTestId;
     var _g = React.useState({ left: 0, right: 0 }), titleMargin = _g[0], setTitleMargin = _g[1];
@@ -36,7 +36,7 @@ var NavigationBar = function (_a) {
             });
         }
     }, [hasLeftAddons, leftAddons, rightAddons]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, (_b = {},
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles.component, (_b = {},
             _b[styles.border] = border,
             _b[styles.sticky] = sticky,
             _b), className), style: tslib.__assign({}, (backgroundColor && { backgroundColor: backgroundColor })), "data-test-id": dataTestId },
@@ -57,6 +57,7 @@ var NavigationBar = function (_a) {
                 subtitle && (React__default.default.createElement("div", { className: styles.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
             rightAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.rightAddons, styles.addons, rightAddonsClassName), ref: rightAddonsRef }, rightAddons))),
         bottomAddons && React__default.default.createElement("div", { className: bottomAddonsClassName }, bottomAddons)));
-};
+});
+NavigationBar.displayName = 'NavigationBar';
 
 exports.NavigationBar = NavigationBar;

package/navigation-bar/cssm/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
 interface NavigationBarProps {
     /**
      * Заголовок
@@ -70,5 +72,5 @@ interface NavigationBarProps {
      */
     dataTestId?: string;
 }
-declare const NavigationBar: FC<NavigationBarProps>;
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export { NavigationBarProps, NavigationBar };

package/navigation-bar/cssm/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var NavigationBar = function (_a) {
+var NavigationBar = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var _e = _a.align, align = _e === void 0 ? 'center' : _e, rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, bottomAddons = _a.bottomAddons, sticky = _a.sticky, border = _a.border, subtitle = _a.subtitle, title = _a.title, children = _a.children, _f = _a.backgroundColor, backgroundColor = _f === void 0 ? 'var(--color-light-base-bg-primary)' : _f, contentWrapperClassName = _a.contentWrapperClassName, className = _a.className, contentClassName = _a.contentClassName, rightAddonsClassName = _a.rightAddonsClassName, leftAddonsClassName = _a.leftAddonsClassName, bottomAddonsClassName = _a.bottomAddonsClassName, dataTestId = _a.dataTestId;
     var _g = React.useState({ left: 0, right: 0 }), titleMargin = _g[0], setTitleMargin = _g[1];
@@ -35,7 +35,7 @@ var NavigationBar = function (_a) {
             });
         }
     }, [hasLeftAddons, leftAddons, rightAddons]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, (_b = {},
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles__default.default.component, (_b = {},
             _b[styles__default.default.border] = border,
             _b[styles__default.default.sticky] = sticky,
             _b), className), style: tslib.__assign({}, (backgroundColor && { backgroundColor: backgroundColor })), "data-test-id": dataTestId },
@@ -56,6 +56,7 @@ var NavigationBar = function (_a) {
                 subtitle && (React__default.default.createElement("div", { className: styles__default.default.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
             rightAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.rightAddons, styles__default.default.addons, rightAddonsClassName), ref: rightAddonsRef }, rightAddons))),
         bottomAddons && React__default.default.createElement("div", { className: bottomAddonsClassName }, bottomAddons)));
-};
+});
+NavigationBar.displayName = 'NavigationBar';
 
 exports.NavigationBar = NavigationBar;

package/navigation-bar/esm/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
 interface NavigationBarProps {
     /**
      * Заголовок
@@ -70,5 +72,5 @@ interface NavigationBarProps {
      */
     dataTestId?: string;
 }
-declare const NavigationBar: FC<NavigationBarProps>;
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export { NavigationBarProps, NavigationBar };

package/navigation-bar/esm/Component.js

@@ -1,12 +1,12 @@
 import { __assign } from 'tslib';
-import React, { useState, useRef, useEffect } from 'react';
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../shared/esm';
 
 var styles = {"component":"navigation-bar__component_150nl","sticky":"navigation-bar__sticky_150nl","border":"navigation-bar__border_150nl","mainLine":"navigation-bar__mainLine_150nl","left":"navigation-bar__left_150nl","center":"navigation-bar__center_150nl","children":"navigation-bar__children_150nl","content":"navigation-bar__content_150nl","title":"navigation-bar__title_150nl","subtitle":"navigation-bar__subtitle_150nl","addons":"navigation-bar__addons_150nl","rightAddons":"navigation-bar__rightAddons_150nl"};
 require('./index.css');
 
-var NavigationBar = function (_a) {
+var NavigationBar = forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var _e = _a.align, align = _e === void 0 ? 'center' : _e, rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, bottomAddons = _a.bottomAddons, sticky = _a.sticky, border = _a.border, subtitle = _a.subtitle, title = _a.title, children = _a.children, _f = _a.backgroundColor, backgroundColor = _f === void 0 ? 'var(--color-light-base-bg-primary)' : _f, contentWrapperClassName = _a.contentWrapperClassName, className = _a.className, contentClassName = _a.contentClassName, rightAddonsClassName = _a.rightAddonsClassName, leftAddonsClassName = _a.leftAddonsClassName, bottomAddonsClassName = _a.bottomAddonsClassName, dataTestId = _a.dataTestId;
     var _g = useState({ left: 0, right: 0 }), titleMargin = _g[0], setTitleMargin = _g[1];
@@ -29,7 +29,7 @@ var NavigationBar = function (_a) {
             });
         }
     }, [hasLeftAddons, leftAddons, rightAddons]);
-    return (React.createElement("div", { className: cn(styles.component, (_b = {},
+    return (React.createElement("div", { ref: ref, className: cn(styles.component, (_b = {},
             _b[styles.border] = border,
             _b[styles.sticky] = sticky,
             _b), className), style: __assign({}, (backgroundColor && { backgroundColor: backgroundColor })), "data-test-id": dataTestId },
@@ -50,6 +50,7 @@ var NavigationBar = function (_a) {
                 subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
             rightAddons && (React.createElement("div", { className: cn(styles.rightAddons, styles.addons, rightAddonsClassName), ref: rightAddonsRef }, rightAddons))),
         bottomAddons && React.createElement("div", { className: bottomAddonsClassName }, bottomAddons)));
-};
+});
+NavigationBar.displayName = 'NavigationBar';
 
 export { NavigationBar };

package/navigation-bar/modern/Component.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
 interface NavigationBarProps {
     /**
      * Заголовок
@@ -70,5 +72,5 @@ interface NavigationBarProps {
      */
     dataTestId?: string;
 }
-declare const NavigationBar: FC<NavigationBarProps>;
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export { NavigationBarProps, NavigationBar };

package/navigation-bar/modern/Component.js

@@ -1,11 +1,11 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../shared/modern';
 
 const styles = {"component":"navigation-bar__component_150nl","sticky":"navigation-bar__sticky_150nl","border":"navigation-bar__border_150nl","mainLine":"navigation-bar__mainLine_150nl","left":"navigation-bar__left_150nl","center":"navigation-bar__center_150nl","children":"navigation-bar__children_150nl","content":"navigation-bar__content_150nl","title":"navigation-bar__title_150nl","subtitle":"navigation-bar__subtitle_150nl","addons":"navigation-bar__addons_150nl","rightAddons":"navigation-bar__rightAddons_150nl"};
 require('./index.css');
 
-const NavigationBar = ({ align = 'center', rightAddons, leftAddons, bottomAddons, sticky, border, subtitle, title, children, backgroundColor = 'var(--color-light-base-bg-primary)', contentWrapperClassName, className, contentClassName, rightAddonsClassName, leftAddonsClassName, bottomAddonsClassName, dataTestId, }) => {
+const NavigationBar = forwardRef(({ align = 'center', rightAddons, leftAddons, bottomAddons, sticky, border, subtitle, title, children, backgroundColor = 'var(--color-light-base-bg-primary)', contentWrapperClassName, className, contentClassName, rightAddonsClassName, leftAddonsClassName, bottomAddonsClassName, dataTestId, }, ref) => {
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const leftAddonsRef = useRef(null);
     const rightAddonsRef = useRef(null);
@@ -25,7 +25,7 @@ const NavigationBar = ({ align = 'center', rightAddons, leftAddons, bottomAddons
             });
         }
     }, [hasLeftAddons, leftAddons, rightAddons]);
-    return (React.createElement("div", { className: cn(styles.component, {
+    return (React.createElement("div", { ref: ref, className: cn(styles.component, {
             [styles.border]: border,
             [styles.sticky]: sticky,
         }, className), style: {
@@ -50,6 +50,7 @@ const NavigationBar = ({ align = 'center', rightAddons, leftAddons, bottomAddons
                 subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
             rightAddons && (React.createElement("div", { className: cn(styles.rightAddons, styles.addons, rightAddonsClassName), ref: rightAddonsRef }, rightAddons))),
         bottomAddons && React.createElement("div", { className: bottomAddonsClassName }, bottomAddons)));
-};
+});
+NavigationBar.displayName = 'NavigationBar';
 
 export { NavigationBar };

package/number-input/Component.responsive.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsInput = require('../input');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var components_numberInput_Component = require('./components/number-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var NumberInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, restProps, { Input: coreComponentsInput.Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });

package/number-input/cssm/Component.responsive.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsInput = require('../../input/cssm');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var components_numberInput_Component = require('./components/number-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var NumberInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, restProps, { Input: coreComponentsInput.Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });

package/number-input/esm/Component.responsive.js

@@ -2,12 +2,12 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Input } from '../../input/esm';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { NumberInput } from './components/number-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import 'classnames';
+import '../../shared/esm';
 import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/esm';
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/MinusMIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
 
 var NumberInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(NumberInput, __assign({}, restProps, { Input: Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });

package/number-input/esm/index.js

@@ -3,12 +3,12 @@ import 'tslib';
 import 'react';
 import '../../input/esm';
 import '../../mq/esm';
-import '../../shared/esm';
 import './components/number-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import 'classnames';
+import '../../shared/esm';
 import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/esm';

package/number-input/modern/Component.responsive.js

@@ -1,19 +1,19 @@
 import React, { forwardRef } from 'react';
 import { Input } from '../../input/modern';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { NumberInput } from './components/number-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import 'classnames';
+import '../../shared/modern';
 import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/MinusMIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
 
-const NumberInputResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
+const NumberInputResponsive = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(NumberInput, { ...restProps, Input: Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue }));
 });

package/number-input/modern/index.js

@@ -2,12 +2,12 @@ export { NumberInputResponsive as NumberInput } from './Component.responsive.js'
 import 'react';
 import '../../input/modern';
 import '../../mq/modern';
-import '../../shared/modern';
 import './components/number-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import 'classnames';
+import '../../shared/modern';
 import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/modern';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "47.3.0-beta.0",
+  "version": "47.3.0-beta.1",
   "license": "MIT",
   "repository": {
     "type": "git",

package/pattern-lock/Component.responsive.js

@@ -3,7 +3,6 @@ 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');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PatternLock = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;

package/pattern-lock/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ 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');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PatternLock = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;

package/pattern-lock/esm/Component.responsive.js

@@ -1,18 +1,18 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { PatternLockDesktop } from './desktop/Component.desktop.js';
 import { PatternLockMobile } from './mobile/Component.mobile.js';
 import './components/base-pattern-lock/Component.js';
 import 'react-canvas-pattern-lock';
 import 'classnames';
 import '../../button/esm/mobile';
+import '../../shared/esm';
 import './consts.js';
 import './utils.js';
 
 var PatternLock = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? PatternLockDesktop : PatternLockMobile;

package/pattern-lock/esm/index.js

@@ -3,11 +3,11 @@ export { THEME_STATE } from './consts.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-pattern-lock/Component.js';
 import 'react-canvas-pattern-lock';
 import 'classnames';
 import '../../button/esm/mobile';
+import '../../shared/esm';
 import './utils.js';
 import './mobile/Component.mobile.js';

package/pattern-lock/modern/Component.responsive.js

@@ -1,16 +1,16 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { PatternLockDesktop } from './desktop/Component.desktop.js';
 import { PatternLockMobile } from './mobile/Component.mobile.js';
 import './components/base-pattern-lock/Component.js';
 import 'react-canvas-pattern-lock';
 import 'classnames';
 import '../../button/modern/mobile';
+import '../../shared/modern';
 import './consts.js';
 import './utils.js';
 
-const PatternLock = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const PatternLock = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? PatternLockDesktop : PatternLockMobile;

package/pattern-lock/modern/index.js

@@ -2,11 +2,11 @@ export { PatternLock } from './Component.responsive.js';
 export { THEME_STATE } from './consts.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-pattern-lock/Component.js';
 import 'react-canvas-pattern-lock';
 import 'classnames';
 import '../../button/modern/mobile';
+import '../../shared/modern';
 import './utils.js';
 import './mobile/Component.mobile.js';