@alfalab/core-components 46.0.0-beta.6 → 46.0.0-beta.7

package/confirmation/modern/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-81b6d9a7.js';
+import '../../countdown-section-d3385b29.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-81b6d9a7.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-d3385b29.js';
 import '../../../utils.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-81b6d9a7.js';
+export { C as CountdownSection } from '../../../countdown-section-d3385b29.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-81b6d9a7.js';
+import '../../../countdown-section-d3385b29.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/desktop/component.desktop.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
 import 'classnames';
+import '../../../shared/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
@@ -12,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-81b6d9a7.js';
+import '../countdown-section-d3385b29.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/desktop/index.js

@@ -3,6 +3,7 @@ export { useConfirmation, useCountdown } from '../utils.js';
 import 'react';
 import '../components/base-confirmation/component.js';
 import 'classnames';
+import '../../../shared/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import '../types.js';
@@ -13,7 +14,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-81b6d9a7.js';
+import '../countdown-section-d3385b29.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/index.js

@@ -2,6 +2,7 @@ export { ConfirmationResponsive as Confirmation } from './component.responsive.j
 export { useConfirmation, useCountdown } from './utils.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/component.desktop.js';
 import './components/base-confirmation/component.js';
 import 'classnames';
@@ -15,7 +16,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-81b6d9a7.js';
+import './countdown-section-d3385b29.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/mobile/component.mobile.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
+import '../../../shared/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
@@ -12,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-81b6d9a7.js';
+import '../countdown-section-d3385b29.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/mobile/index.js

@@ -3,6 +3,7 @@ export { useConfirmation, useCountdown } from '../utils.js';
 import 'react';
 import 'classnames';
 import '../components/base-confirmation/component.js';
+import '../../../shared/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import '../types.js';
@@ -13,7 +14,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-81b6d9a7.js';
+import '../countdown-section-d3385b29.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-81b6d9a7.js';
+import '../countdown-section-d3385b29.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/custom-picker-button/@alfalab/core-components-shared/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@alfalab/core-components-shared",
+    "version": "0.9.1",
+    "description": "Shared package for core-components",
+    "keywords": [],
+    "license": "MIT",
+    "main": "index.js",
+    "module": "./esm/index.js",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    },
+    "peerDependencies": {
+        "react": ">=16.8.0"
+    },
+    "dependencies": {
+        "@alfalab/hooks": "^1.13.0",
+        "tslib": "^2.4.0"
+    },
+    "devDependencies": {
+        "@maskito/core": "^1.7.0"
+    }
+}

package/custom-picker-button/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 CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));

package/custom-picker-button/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 CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));

package/custom-picker-button/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 { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
 import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
 import '../../picker-button/esm/desktop';
@@ -11,7 +12,7 @@ import '../../picker-button/esm/shared';
 import '../../picker-button/esm/mobile';
 
 var CustomPickerButtonResponsive = forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(CustomPickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));

package/custom-picker-button/esm/index.js

@@ -2,6 +2,7 @@ export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../picker-button/esm/desktop';
 import './field/Component.js';

package/custom-picker-button/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
 import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
 import '../../picker-button/modern/desktop';
@@ -9,7 +10,7 @@ import '../../custom-button/modern';
 import '../../picker-button/modern/shared';
 import '../../picker-button/modern/mobile';
 
-const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
+const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(CustomPickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, ...restProps }));

package/custom-picker-button/modern/index.js

@@ -1,6 +1,7 @@
 export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../picker-button/modern/desktop';
 import './field/Component.js';

package/date-range-input/@alfalab/core-components-shared/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@alfalab/core-components-shared",
+    "version": "0.9.1",
+    "description": "Shared package for core-components",
+    "keywords": [],
+    "license": "MIT",
+    "main": "index.js",
+    "module": "./esm/index.js",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    },
+    "peerDependencies": {
+        "react": ">=16.8.0"
+    },
+    "dependencies": {
+        "@alfalab/hooks": "^1.13.0",
+        "tslib": "^2.4.0"
+    },
+    "devDependencies": {
+        "@maskito/core": "^1.7.0"
+    }
+}

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

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -15,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  * use UniversalDateInput instead
  */
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../../shared/cssm');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -15,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  * use UniversalDateInput instead
  */
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -1,5 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { useMedia } from '@alfalab/hooks';
 import { DateRangeInputDesktop } from './desktop/Component.desktop.js';
 import { DateRangeInputMobile } from './mobile/Component.mobile.js';
@@ -24,7 +25,7 @@ import '../../input/esm/mobile';
  * use UniversalDateInput instead
  */
 var DateRangeInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -1,6 +1,7 @@
 export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/esm/desktop';

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

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { useMedia } from '@alfalab/hooks';
 import { DateRangeInputDesktop } from './desktop/Component.desktop.js';
 import { DateRangeInputMobile } from './mobile/Component.mobile.js';
@@ -22,7 +23,7 @@ import '../../input/modern/mobile';
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateRangeInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const DateRangeInputResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const [view] = useMedia([
         ['mobile', `(max-width: ${breakpoint - 1}px)`],
         ['desktop', `(min-width: ${breakpoint}px)`],

package/date-range-input/modern/index.js

@@ -1,5 +1,6 @@
 export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
 import 'react';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/modern/desktop';

package/date-time-input/@alfalab/core-components-shared/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@alfalab/core-components-shared",
+    "version": "0.9.1",
+    "description": "Shared package for core-components",
+    "keywords": [],
+    "license": "MIT",
+    "main": "index.js",
+    "module": "./esm/index.js",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    },
+    "peerDependencies": {
+        "react": ">=16.8.0"
+    },
+    "dependencies": {
+        "@alfalab/hooks": "^1.13.0",
+        "tslib": "^2.4.0"
+    },
+    "devDependencies": {
+        "@maskito/core": "^1.7.0"
+    }
+}

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

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 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 DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../../shared/cssm');
 var hooks = require('@alfalab/hooks');
 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 DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -1,5 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { useMedia } from '@alfalab/hooks';
 import { DateTimeInputDesktop } from './desktop/Component.desktop.js';
 import { DateTimeInputMobile } from './mobile/Component.mobile.js';
@@ -19,7 +20,7 @@ import '../../calendar/esm/mobile';
 import '../../input/esm/mobile';
 
 var DateTimeInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -1,6 +1,7 @@
 export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/esm/desktop';

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

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { useMedia } from '@alfalab/hooks';
 import { DateTimeInputDesktop } from './desktop/Component.desktop.js';
 import { DateTimeInputMobile } from './mobile/Component.mobile.js';
@@ -17,7 +18,7 @@ import 'date-fns/parse';
 import '../../calendar/modern/mobile';
 import '../../input/modern/mobile';
 
-const DateTimeInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const DateTimeInputResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const [view] = useMedia([
         ['mobile', `(max-width: ${breakpoint - 1}px)`],
         ['desktop', `(min-width: ${breakpoint}px)`],

package/date-time-input/modern/index.js

@@ -1,5 +1,6 @@
 export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'react';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/modern/desktop';

package/filter-tag/@alfalab/core-components-shared/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@alfalab/core-components-shared",
+    "version": "0.9.1",
+    "description": "Shared package for core-components",
+    "keywords": [],
+    "license": "MIT",
+    "main": "index.js",
+    "module": "./esm/index.js",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    },
+    "peerDependencies": {
+        "react": ">=16.8.0"
+    },
+    "dependencies": {
+        "@alfalab/hooks": "^1.13.0",
+        "tslib": "^2.4.0"
+    },
+    "devDependencies": {
+        "@maskito/core": "^1.7.0"
+    }
+}

package/filter-tag/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 FilterTag = 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.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;

package/filter-tag/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 FilterTag = 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.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;

package/filter-tag/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 { FilterTagDesktop } from './desktop/Component.desktop.js';
 import { FilterTagMobile } from './mobile/Component.mobile.js';
 import './components/base-filter-tag/Component.js';
@@ -12,7 +13,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
 var FilterTag = 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 ? FilterTagDesktop : FilterTagMobile;

package/filter-tag/esm/index.js

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

package/filter-tag/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { FilterTagDesktop } from './desktop/Component.desktop.js';
 import { FilterTagMobile } from './mobile/Component.mobile.js';
 import './components/base-filter-tag/Component.js';
@@ -10,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const FilterTag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
+const FilterTag = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? FilterTagDesktop : FilterTagMobile;

package/filter-tag/modern/index.js

@@ -1,6 +1,7 @@
 export { FilterTag } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-filter-tag/Component.js';
 import 'classnames';

package/form-control/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 FormControl = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.FormControlDesktop : mobile_Component_mobile.FormControlMobile;