@alfalab/core-components 46.0.0-beta.7 → 47.0.0-beta.0

package/amount-input/Component.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInput = require('../input');
-var coreComponentsShared = require('../shared');
 var coreComponentsWithSuffix = require('../with-suffix');
 var utils = require('@alfalab/utils');
 var utils_index = require('./utils/index.js');
@@ -36,7 +35,7 @@ var SuffixInput = coreComponentsWithSuffix.withSuffix(coreComponentsInput.Input)
  */
 var AmountInput = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? coreComponentsShared.getComponentBreakpoint() : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
     var integerLength = Math.min(integerLengthProp, 15);
     var getFormattedAmount = React.useCallback(function (val) {
         if (val === '' || val === null || val === '-')

package/amount-input/cssm/Component.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInput = require('../../input/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var coreComponentsWithSuffix = require('../../with-suffix/cssm');
 var utils = require('@alfalab/utils');
 var utils_index = require('./utils/index.js');
@@ -33,7 +32,7 @@ var SuffixInput = coreComponentsWithSuffix.withSuffix(coreComponentsInput.Input)
  */
 var AmountInput = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? coreComponentsShared.getComponentBreakpoint() : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
     var integerLength = Math.min(integerLengthProp, 15);
     var getFormattedAmount = React.useCallback(function (val) {
         if (val === '' || val === null || val === '-')

package/amount-input/esm/Component.js

@@ -2,7 +2,6 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useCallback, useState, useEffect, Fragment } from 'react';
 import cn from 'classnames';
 import { Input } from '../../input/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { withSuffix } from '../../with-suffix/esm';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
@@ -29,7 +28,7 @@ var SuffixInput = withSuffix(Input);
  */
 var AmountInput = forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? getComponentBreakpoint() : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = __rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = __rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
     var integerLength = Math.min(integerLengthProp, 15);
     var getFormattedAmount = useCallback(function (val) {
         if (val === '' || val === null || val === '-')

package/amount-input/esm/index.js

@@ -3,7 +3,6 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../../input/esm';
-import '../../shared/esm';
 import '../../with-suffix/esm';
 import '@alfalab/utils';
 import './utils/index.js';

package/amount-input/modern/Component.js

@@ -1,7 +1,6 @@
 import React, { forwardRef, useCallback, useState, useEffect, Fragment } from 'react';
 import cn from 'classnames';
 import { Input } from '../../input/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { withSuffix } from '../../with-suffix/modern';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
@@ -26,7 +25,7 @@ const SuffixInput = withSuffix(Input);
 /**
  * Компонент для ввода денежных значений
  */
-const AmountInput = forwardRef(({ view = 'default', value = null, integerLength: integerLengthProp = 9, minority = 100, currency = 'RUR', suffix = currency, codeFormat = 'symbolic', placeholder = `0\u2009${suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix}`, integersOnly = false, positiveOnly = true, bold = true, colors = 'default', className, focusedClassName, dataTestId, clear = false, onChange, onClear, onBlur, breakpoint = getComponentBreakpoint(), onKeyDown, transparentMinor = true, ...restProps }, ref) => {
+const AmountInput = forwardRef(({ view = 'default', value = null, integerLength: integerLengthProp = 9, minority = 100, currency = 'RUR', suffix = currency, codeFormat = 'symbolic', placeholder = `0\u2009${suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix}`, integersOnly = false, positiveOnly = true, bold = true, colors = 'default', className, focusedClassName, dataTestId, clear = false, onChange, onClear, onBlur, breakpoint = 1024, onKeyDown, transparentMinor = true, ...restProps }, ref) => {
     const integerLength = Math.min(integerLengthProp, 15);
     const getFormattedAmount = useCallback((val) => {
         if (val === '' || val === null || val === '-')

package/amount-input/modern/index.js

@@ -2,7 +2,6 @@ export { AmountInput } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../input/modern';
-import '../../shared/modern';
 import '../../with-suffix/modern';
 import '@alfalab/utils';
 import './utils/index.js';

package/button/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 Button = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _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.ButtonDesktop : mobile_Component_mobile.ButtonMobile;

package/button/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 Button = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _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.ButtonDesktop : mobile_Component_mobile.ButtonMobile;

package/button/esm/Component.responsive.js

@@ -1,17 +1,17 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { ButtonDesktop } from './desktop/Component.desktop.js';
 import { ButtonMobile } from './mobile/Component.mobile.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
 
 var Button = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? ButtonDesktop : ButtonMobile;

package/button/esm/index.js

@@ -2,11 +2,11 @@ export { Button } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
 import './mobile/Component.mobile.js';

package/button/modern/Component.responsive.js

@@ -1,15 +1,15 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { ButtonDesktop } from './desktop/Component.desktop.js';
 import { ButtonMobile } from './mobile/Component.mobile.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
 
-const Button = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const Button = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? ButtonDesktop : ButtonMobile;

package/button/modern/index.js

@@ -1,11 +1,11 @@
 export { Button } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
 import './mobile/Component.mobile.js';

package/calendar/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 components_calendarMobile_Component = require('./components/calendar-mobile/Component.js');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CalendarResponsive = 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 isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(components_calendarMobile_Component.CalendarMobile, tslib.__assign({}, restProps, { ref: ref })));
 });

package/calendar/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 components_calendarMobile_Component = require('./components/calendar-mobile/Component.js');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CalendarResponsive = 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 isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(components_calendarMobile_Component.CalendarMobile, tslib.__assign({}, restProps, { ref: ref })));
 });

package/calendar/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { CalendarMobile } from './components/calendar-mobile/Component.js';
 import { CalendarDesktop } from './desktop/Component.desktop.js';
 import 'react-merge-refs';
@@ -14,6 +13,7 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
+import '../../shared/esm';
 import './useCalendar.js';
 import 'date-fns/addMonths';
 import 'date-fns/addYears';
@@ -70,7 +70,7 @@ import './components/years-table/Component.js';
 import 'date-fns/isThisYear';
 
 var CalendarResponsive = 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 isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
     return isDesktop ? (React.createElement(CalendarDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(CalendarMobile, __assign({}, restProps, { ref: ref })));
 });

package/calendar/esm/index.js

@@ -2,7 +2,6 @@ export { CalendarResponsive as Calendar } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './components/calendar-mobile/Component.js';
 import 'react-merge-refs';
 import 'react-virtuoso';
@@ -14,6 +13,7 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '@alfalab/hooks';
 import './components/days-table/Component.js';

package/calendar/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { CalendarMobile } from './components/calendar-mobile/Component.js';
 import { CalendarDesktop } from './desktop/Component.desktop.js';
 import 'react-merge-refs';
@@ -13,6 +12,7 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
+import '../../shared/modern';
 import './useCalendar.js';
 import 'date-fns/addMonths';
 import 'date-fns/addYears';
@@ -68,7 +68,7 @@ import 'date-fns/startOfQuarter';
 import './components/years-table/Component.js';
 import 'date-fns/isThisYear';
 
-const CalendarResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const CalendarResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`);
     return isDesktop ? (React.createElement(CalendarDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarMobile, { ...restProps, ref: ref }));
 });

package/calendar/modern/index.js

@@ -1,7 +1,6 @@
 export { CalendarResponsive as Calendar } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './components/calendar-mobile/Component.js';
 import 'react-merge-refs';
 import 'react-virtuoso';
@@ -13,6 +12,7 @@ import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '@alfalab/hooks';
 import './components/days-table/Component.js';

package/calendar-input/Component.responsive.js

@@ -2,7 +2,6 @@ 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');
@@ -16,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  * use UniversalDateInput instead
  */
 var CalendarInputResponsive = 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 view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -2,7 +2,6 @@ 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');
@@ -16,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  * use UniversalDateInput instead
  */
 var CalendarInputResponsive = 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 view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { useMedia } from '@alfalab/hooks';
 import { CalendarInputDesktop } from './desktop/Component.desktop.js';
 import { CalendarInputMobile } from './mobile/Component.mobile.js';
@@ -23,7 +22,7 @@ import '../../calendar/esm/mobile';
  * use UniversalDateInput instead
  */
 var CalendarInputResponsive = 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 view = useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/calendar-input/esm/index.js

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

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

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

package/calendar-input/modern/index.js

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

package/checkbox-group/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 CheckboxGroup = function (_a) {
-    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.CheckboxGroupDesktop : mobile_Component_mobile.CheckboxGroupMobile;

package/checkbox-group/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 CheckboxGroup = function (_a) {
-    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.CheckboxGroupDesktop : mobile_Component_mobile.CheckboxGroupMobile;

package/checkbox-group/esm/Component.responsive.js

@@ -1,14 +1,13 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { CheckboxGroupDesktop } from './desktop/Component.desktop.js';
 import { CheckboxGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-checkbox-group/Component.js';
 import 'classnames';
 
 var CheckboxGroup = function (_a) {
-    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 ? CheckboxGroupDesktop : CheckboxGroupMobile;

package/checkbox-group/esm/index.js

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

package/checkbox-group/modern/Component.responsive.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { CheckboxGroupDesktop } from './desktop/Component.desktop.js';
 import { CheckboxGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-checkbox-group/Component.js';
 import 'classnames';
 
-const CheckboxGroup = ({ breakpoint = getComponentBreakpoint(), ...restProps }) => {
+const CheckboxGroup = ({ breakpoint = 1024, ...restProps }) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? CheckboxGroupDesktop : CheckboxGroupMobile;

package/checkbox-group/modern/index.js

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

package/code-input/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 CodeInput = 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.CodeInputDesktop : mobile_Component_mobile.CodeInputMobile;

package/code-input/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 CodeInput = 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.CodeInputDesktop : mobile_Component_mobile.CodeInputMobile;

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

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { CodeInputDesktop } from './desktop/Component.desktop.js';
 import { CodeInputMobile } from './mobile/Component.mobile.js';
 import './components/base-code-input/component.js';
@@ -9,7 +8,7 @@ import 'classnames';
 import './components/input/component.js';
 
 var CodeInput = 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 ? CodeInputDesktop : CodeInputMobile;

package/code-input/esm/index.js

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

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

@@ -1,13 +1,12 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { CodeInputDesktop } from './desktop/Component.desktop.js';
 import { CodeInputMobile } from './mobile/Component.mobile.js';
 import './components/base-code-input/component.js';
 import 'classnames';
 import './components/input/component.js';
 
-const CodeInput = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const CodeInput = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? CodeInputDesktop : CodeInputMobile;

package/code-input/modern/index.js

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

package/confirmation/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 ConfirmationResponsive = function (_a) {
-    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 isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), true)[0];
     return isDesktop ? (React__default.default.createElement(desktop_component_desktop.ConfirmationDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(mobile_component_mobile.ConfirmationMobile, tslib.__assign({ breakpoint: breakpoint }, restProps)));
 };