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

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { useMatchMedia } from '../../../../mq/modern';
-import { getComponentBreakpoint } from '../../../../shared/modern';
 import { SecondaryTabListDesktop } from './Component.desktop.js';
 import { SecondaryTabListMobile } from './Component.mobile.js';
 import '../../../../tag/modern/desktop';
@@ -8,6 +7,7 @@ import './Component.js';
 import 'classnames';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
+import '../../../../shared/modern';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../scroll-controls/Component.js';
@@ -19,7 +19,7 @@ import '../scroll-controls/utils.js';
 import '../../index.module-3bc1e97c.js';
 import '../../../../tag/modern/mobile';
 
-const SecondaryTabListResponsive = ({ defaultMatchMediaValue, fullWidthScroll, breakpoint = getComponentBreakpoint(), ...restProps }) => {
+const SecondaryTabListResponsive = ({ defaultMatchMediaValue, fullWidthScroll, breakpoint = 1024, ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(SecondaryTabListDesktop, { ...restProps })) : (React.createElement(SecondaryTabListMobile, { fullWidthScroll: fullWidthScroll, ...restProps }));
 };

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -5,7 +5,6 @@ import 'classnames';
 import '../../../../badge/modern';
 import '../../../../keyboard-focusable/modern';
 import '../../../../picker-button/modern/desktop';
-import '../../../../shared/modern';
 import '../../hooks/use-tablist-titles.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
@@ -13,6 +12,7 @@ import '@juggle/resize-observer';
 import '@alfalab/hooks';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
+import '../../../../shared/modern';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../index.module-17dbd674.js';

package/tabs/modern/components/tabs/Component.js

@@ -1,7 +1,6 @@
 import React, { cloneElement } from 'react';
-import { getComponentBreakpoint } from '../../../../shared/modern';
 
-const Tabs = ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll = false, keepMounted = false, dataTestId, onChange, breakpoint = getComponentBreakpoint(), tagShape, tagView, textStyle, style, }) => {
+const Tabs = ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll = false, keepMounted = false, dataTestId, onChange, breakpoint = 1024, tagShape, tagView, textStyle, style, }) => {
     const tabsArray = React.Children.toArray(children);
     const titles = tabsArray.map(({ props: { title, id, rightAddons, disabled, hidden, toggleClassName, dataTestId: toggleTestId, toggleRef, }, }) => ({
         title,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -3,12 +3,12 @@ import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsiv
 import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
 import { Tabs } from './Component.js';
 import '../../../../mq/modern';
-import '../../../../shared/modern';
 import '../primary-tablist/Component.desktop.js';
 import '../primary-tablist/Component.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';
+import '../../../../shared/modern';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
 import '../scrollable-container/Component.js';

package/tabs/modern/index.js

@@ -4,12 +4,12 @@ export { Tab } from './components/tab/Component.js';
 export { TabsResponsive as Tabs } from './components/tabs/Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './components/primary-tablist/Component.desktop.js';
 import './components/primary-tablist/Component.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../keyboard-focusable/modern';
+import '../../shared/modern';
 import './hooks/use-tabs.js';
 import 'react-merge-refs';
 import './components/scrollable-container/Component.js';

package/tag/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 Tag = 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.TagDesktop : mobile_Component_mobile.TagMobile;

package/tag/components/base-tag/Component.d.ts

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "xs" | "m" | "l" | "xl" | "xxs" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

package/tag/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 Tag = 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.TagDesktop : mobile_Component_mobile.TagMobile;

package/tag/cssm/components/base-tag/Component.d.ts

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "xs" | "m" | "l" | "xl" | "xxs" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

package/tag/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 { TagDesktop } from './desktop/Component.desktop.js';
 import { TagMobile } from './mobile/Component.mobile.js';
 import './components/base-tag/Component.js';
@@ -10,7 +9,7 @@ import 'classnames';
 import '@alfalab/hooks';
 
 var Tag = 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 ? TagDesktop : TagMobile;

package/tag/esm/components/base-tag/Component.d.ts

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "xs" | "m" | "l" | "xl" | "xxs" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

package/tag/esm/index.js

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

package/tag/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { TagDesktop } from './desktop/Component.desktop.js';
 import { TagMobile } from './mobile/Component.mobile.js';
 import './components/base-tag/Component.js';
@@ -8,7 +7,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-const Tag = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const Tag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? TagDesktop : TagMobile;

package/tag/modern/components/base-tag/Component.d.ts

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "xs" | "m" | "l" | "xl" | "xxs" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

package/tag/modern/index.js

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

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,23 @@
-.badge__component_1l6wq.badge__background-accent_1l6wq {
+.backdrop__backdrop_1bojg {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1bojg,
+.backdrop__enter_1bojg {
+    background-color: transparent;
+} .backdrop__appearActive_1bojg,
+.backdrop__enterActive_1bojg,
+.backdrop__appearDone_1bojg,
+.backdrop__enterDone_1bojg {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_1bojg {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_1bojg,
+.backdrop__exitDone_1bojg {
+    background-color: transparent;
+}.card-image__cardImage_1jnst {
+    background: #e7e8ea;
+} .card-image__loaded_1jnst {
+    background: transparent
+}.badge__component_1l6wq.badge__background-accent_1l6wq {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1l6wq.badge__background-specialbg-secondary-transparent_1l6wq {
@@ -58,25 +77,6 @@
         background-color: #fff;
     } .badge__dot_1l6wq.badge__outlineCount_1l6wq {
     border: 1px solid #121213;
-}.card-image__cardImage_1jnst {
-    background: #e7e8ea;
-} .card-image__loaded_1jnst {
-    background: transparent
-}.backdrop__backdrop_1bojg {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1bojg,
-.backdrop__enter_1bojg {
-    background-color: transparent;
-} .backdrop__appearActive_1bojg,
-.backdrop__enterActive_1bojg,
-.backdrop__appearDone_1bojg,
-.backdrop__enterDone_1bojg {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_1bojg {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_1bojg,
-.backdrop__exitDone_1bojg {
-    background-color: transparent;
 }.divider__component_cigz3 {
     border-bottom: 1px solid #353539;
 }.dropzone__component_1isbj {
@@ -168,14 +168,7 @@
         background: #fff;
     } .hatching-progress-bar__accent_5j2u0 {
         background: #f83a2a;
-    }.icon-view__component_10g9p {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_10g9p {
-    fill: #1c1c1e;
-} .icon-view__border_10g9p {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_96ho4 {
+    }.indicator__component_96ho4 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_96ho4 {
@@ -193,7 +186,14 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_96ho4.indicator__border_96ho4 {
         outline: 2px solid #121213;
-    }@keyframes loader__blink_13yub {
+    }.icon-view__component_10g9p {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_10g9p {
+    fill: #1c1c1e;
+} .icon-view__border_10g9p {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}@keyframes loader__blink_13yub {
 }.link__primary_1594o {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -369,6 +369,34 @@
 }
 .spinner__component_6a92s {
     color: #121213;
+}.status-badge__positive-checkmark_1uqcz {
+    background-color: #17d055;
+} .status-badge__negative-cross_1uqcz,
+.status-badge__negative-alert_1uqcz,
+.status-badge__negative-block_1uqcz {
+    background-color: #ff4837;
+} .status-badge__attention-alert_1uqcz {
+    background-color: #fda136;
+} .status-badge__neutral-information_1uqcz,
+.status-badge__neutral-operation_1uqcz,
+.status-badge__neutral-cross_1uqcz {
+    background-color: #898991;
+}
+.status-badge__component_11kkv {
+    color: #fff;
+}
+.status-badge__positive-checkmark_55f9k {
+    background-color: #0cc44d;
+} .status-badge__negative-cross_55f9k,
+.status-badge__negative-alert_55f9k,
+.status-badge__negative-block_55f9k {
+    background-color: #ff4837;
+} .status-badge__attention-alert_55f9k {
+    background-color: #fa9313;
+} .status-badge__neutral-information_55f9k,
+.status-badge__neutral-operation_55f9k,
+.status-badge__neutral-cross_55f9k {
+    background-color: #898991;
 }.status__soft_qw79g.status__green_qw79g {
         background: #d1f1d7;
         color: #0d9336;
@@ -406,32 +434,4 @@
         background: #09b9be;
     } .status__contrast_qw79g.status__purple_qw79g {
         background: #897eff;
-    }.status-badge__positive-checkmark_1uqcz {
-    background-color: #17d055;
-} .status-badge__negative-cross_1uqcz,
-.status-badge__negative-alert_1uqcz,
-.status-badge__negative-block_1uqcz {
-    background-color: #ff4837;
-} .status-badge__attention-alert_1uqcz {
-    background-color: #fda136;
-} .status-badge__neutral-information_1uqcz,
-.status-badge__neutral-operation_1uqcz,
-.status-badge__neutral-cross_1uqcz {
-    background-color: #898991;
-}
-.status-badge__component_11kkv {
-    color: #fff;
-}
-.status-badge__positive-checkmark_55f9k {
-    background-color: #0cc44d;
-} .status-badge__negative-cross_55f9k,
-.status-badge__negative-alert_55f9k,
-.status-badge__negative-block_55f9k {
-    background-color: #ff4837;
-} .status-badge__attention-alert_55f9k {
-    background-color: #fa9313;
-} .status-badge__neutral-information_55f9k,
-.status-badge__neutral-operation_55f9k,
-.status-badge__neutral-cross_55f9k {
-    background-color: #898991;
-}
+    }

package/toast/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 Toast = 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.ToastDesktop : mobile_Component_mobile.ToastMobile;

package/toast/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 Toast = 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.ToastDesktop : mobile_Component_mobile.ToastMobile;

package/toast/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 { ToastDesktop } from './desktop/Component.desktop.js';
 import { ToastMobile } from './mobile/Component.mobile.js';
 import '../../toast-plate/esm/desktop';
@@ -16,7 +15,7 @@ import '@alfalab/hooks';
 import '../../toast-plate/esm/mobile';
 
 var Toast = 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 ? ToastDesktop : ToastMobile;

package/toast/esm/index.js

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

package/toast/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { ToastDesktop } from './desktop/Component.desktop.js';
 import { ToastMobile } from './mobile/Component.mobile.js';
 import '../../toast-plate/modern/desktop';
@@ -14,7 +13,7 @@ import '../../stack/modern';
 import '@alfalab/hooks';
 import '../../toast-plate/modern/mobile';
 
-const Toast = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const Toast = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? ToastDesktop : ToastMobile;

package/toast/modern/index.js

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

package/toast-plate/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 ToastPlate = 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.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;

package/toast-plate/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 ToastPlate = 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.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;

package/toast-plate/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 { ToastPlateDesktop } from './desktop/Component.desktop.js';
 import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
@@ -14,7 +13,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 
 var ToastPlate = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 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 ? ToastPlateDesktop : ToastPlateMobile;

package/toast-plate/esm/index.js

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

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

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

package/toast-plate/modern/index.js

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

package/tooltip/Component.responsive.js

@@ -3,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 TooltipResponsive = function (_a) {
-    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
+    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.TooltipDesktop, tslib.__assign({}, restProps), children)) : (React__default.default.createElement(mobile_Component_mobile.TooltipMobile, tslib.__assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
 };

package/tooltip/cssm/Component.responsive.js

@@ -3,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 TooltipResponsive = function (_a) {
-    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
+    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.TooltipDesktop, tslib.__assign({}, restProps), children)) : (React__default.default.createElement(mobile_Component_mobile.TooltipMobile, tslib.__assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
 };

package/tooltip/esm/Component.responsive.js

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

package/tooltip/esm/index.js

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

package/tooltip/modern/Component.responsive.js

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

package/tooltip/modern/index.js

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