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

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,8 @@
-.badge__component_1x6bo.badge__background-accent_1x6bo {
+.card-image__cardImage_bvs5x {
+    background: #e7e8ea;
+} .card-image__loaded_bvs5x {
+    background: transparent
+}.badge__component_1x6bo.badge__background-accent_1x6bo {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1x6bo.badge__background-specialbg-secondary-transparent_1x6bo {
@@ -73,10 +77,6 @@
 } .backdrop__exitActive_14p7c,
 .backdrop__exitDone_14p7c {
     background-color: transparent;
-}.card-image__cardImage_bvs5x {
-    background: #e7e8ea;
-} .card-image__loaded_bvs5x {
-    background: transparent
 }.divider__component_wc83h {
     border-bottom: 1px solid #353539;
 }.dropzone__component_14isj {
@@ -300,7 +300,25 @@
     100% {
         background: rgba(222, 222, 238, 0.13);
     }
-}.segmented-control__wrapper_z5389 {
+}.slider__component_jbeda .noUi-base:hover .noUi-connects {
+            background: rgba(222, 222, 238, 0.13);
+        } .slider__component_jbeda .noUi-base:hover .noUi-connect {
+            background: #f83a2a;
+        } .slider__component_jbeda .noUi-handle:hover .noUi-touch-area {
+        background: #ff503e;
+    } .slider__component_jbeda .noUi-handle:active .noUi-touch-area {
+        background: #fd624e;
+    } .slider__component_jbeda .noUi-connects {
+        background: rgba(222, 222, 238, 0.13);
+    } .slider__component_jbeda .noUi-connect {
+        background: #f83a2a;
+    } .slider__component_jbeda .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_jbeda .noUi-touch-area {
+        background: #f83a2a;
+    } .slider__component_jbeda .noUi-pips {
+        color: rgba(238, 238, 251, 0.55);
+    }.segmented-control__wrapper_z5389 {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_z5389.segmented-control__selected_z5389 {
     color: rgba(255, 255, 255, 0.94);
@@ -334,24 +352,6 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_1j9aq:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.slider__component_jbeda .noUi-base:hover .noUi-connects {
-            background: rgba(222, 222, 238, 0.13);
-        } .slider__component_jbeda .noUi-base:hover .noUi-connect {
-            background: #f83a2a;
-        } .slider__component_jbeda .noUi-handle:hover .noUi-touch-area {
-        background: #ff503e;
-    } .slider__component_jbeda .noUi-handle:active .noUi-touch-area {
-        background: #fd624e;
-    } .slider__component_jbeda .noUi-connects {
-        background: rgba(222, 222, 238, 0.13);
-    } .slider__component_jbeda .noUi-connect {
-        background: #f83a2a;
-    } .slider__component_jbeda .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_jbeda .noUi-touch-area {
-        background: #f83a2a;
-    } .slider__component_jbeda .noUi-pips {
-        color: rgba(238, 238, 251, 0.55);
     }.spinner__component_15bi5 {
     color: #fff;
 }
@@ -359,64 +359,43 @@
 }
 .spinner__component_1b5um {
     color: #121213;
-}.status__muted-alt_1keqd.status__green_1keqd {
-            background: #d1f1d7;
-            color: #0d9336;
-        } .status__muted-alt_1keqd.status__orange_1keqd {
-            background: #fde6c8;
-            color: #ea8313;
-        } .status__muted-alt_1keqd.status__red_1keqd {
-            background: #ffdfdf;
-            color: #ec2d20;
-        } .status__muted-alt_1keqd.status__blue_1keqd {
-            background: #d8eaff;
-            color: #2a77ef;
-        } .status__muted-alt_1keqd.status__teal_1keqd {
-            background: #c8f1f3;
-            color: #058a8f;
-        } .status__muted-alt_1keqd.status__grey_1keqd {
+}.status__soft_1keqd.status__green_1keqd {
+        background: #d1f1d7;
+        color: #0d9336;
+    } .status__soft_1keqd.status__orange_1keqd {
+        background: #fde6c8;
+        color: #ea8313;
+    } .status__soft_1keqd.status__red_1keqd {
+        background: #ffdfdf;
+        color: #ec2d20;
+    } .status__soft_1keqd.status__blue_1keqd {
+        background: #d8eaff;
+        color: #2a77ef;
+    } .status__soft_1keqd.status__grey_1keqd {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__muted-alt_1keqd.status__purple_1keqd {
+    } .status__soft_1keqd.status__teal_1keqd {
+        background: #c8f1f3;
+        color: #058a8f;
+    } .status__soft_1keqd.status__purple_1keqd {
         background: #e3e6fe;
         color: #7a63f1;
     } .status__contrast_1keqd {
     color: rgba(3, 3, 6, 0.88)
 } .status__contrast_1keqd.status__green_1keqd {
-            background: #0cc44d;
-        } .status__contrast_1keqd.status__orange_1keqd {
-            background: #fa9313;
-        } .status__contrast_1keqd.status__red_1keqd {
-            background: #fe5e48;
-        } .status__contrast_1keqd.status__blue_1keqd {
-            background: #3193fc;
-        } .status__contrast_1keqd.status__teal_1keqd {
-            background: #09b9be;
-        } .status__contrast_1keqd.status__grey_1keqd {
+        background: #0cc44d;
+    } .status__contrast_1keqd.status__orange_1keqd {
+        background: #fa9313;
+    } .status__contrast_1keqd.status__red_1keqd {
+        background: #fe5e48;
+    } .status__contrast_1keqd.status__blue_1keqd {
+        background: #3193fc;
+    } .status__contrast_1keqd.status__grey_1keqd {
         background: #898991;
+    } .status__contrast_1keqd.status__teal_1keqd {
+        background: #09b9be;
     } .status__contrast_1keqd.status__purple_1keqd {
         background: #897eff;
-    } .status__muted_1keqd.status__green_1keqd {
-            background: #dff8e5;
-            color: #0d9336;
-        } .status__muted_1keqd.status__orange_1keqd {
-            background: #ffefd9;
-            color: #ea8313;
-        } .status__muted_1keqd.status__red_1keqd {
-            background: #ffebeb;
-            color: #ec2d20;
-        } .status__muted_1keqd.status__blue_1keqd {
-            background: #e4f0ff;
-            color: #2a77ef;
-        } .status__muted_1keqd.status__teal_1keqd {
-            background: #daf7f8;
-            color: #058a8f;
-        } .status__muted_1keqd.status__grey_1keqd {
-        background: rgba(225, 225, 248, 0.09);
-        color: rgba(238, 238, 251, 0.55);
-    } .status__muted_1keqd.status__purple_1keqd {
-        background: #eeedff;
-        color: #7a63f1;
     }.status-badge__positive-checkmark_77dqz {
     background-color: #17d055;
 } .status-badge__negative-cross_77dqz,

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/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

package/toast-plate/components/base-toast-plate/component.js

@@ -4,7 +4,8 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var coreComponentsShared = require('../../../shared');
+var getDataTestId = require('../../getDataTestId-1de39d74.js');
+require('@alfalab/hooks');
 var coreComponentsStatusBadge = require('../../../status-badge');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');
@@ -45,11 +46,11 @@ var BaseToastPlate = React.forwardRef(function (_a, ref) {
         statusBadgeView = transformDeprecatedBadge(badge);
     }
     var customIcons = getCustomIcons(getBadgeIcons);
-    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(commonStyles.component, colorStyles[colors].component, (_b = {}, _b[commonStyles.block] = block, _b[commonStyles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'component') }, restProps),
+    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(commonStyles.component, colorStyles[colors].component, (_b = {}, _b[commonStyles.block] = block, _b[commonStyles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'component') }, restProps),
         React__default.default.createElement("div", { className: commonStyles.wrapper },
             React__default.default.createElement("div", { className: commonStyles.contentWrapper },
                 needRenderLeftAddons && (React__default.default.createElement("div", { className: commonStyles.leftAddons }, leftAddons ||
-                    (badge && (React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, tslib.__assign({ view: statusBadgeView, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
+                    (badge && (React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, tslib.__assign({ view: statusBadgeView, dataTestId: getDataTestId.getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
                 React__default.default.createElement("div", { className: cn__default.default(contentClassName, commonStyles.content, (_c = {},
                         _c[commonStyles.hasCloser] = hasCloser,
                         _c[commonStyles.hasActionButton] = !!actionButton,

package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -1,6 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var coreComponentsShared = require('../../../../shared');
+require('react');
+require('@alfalab/hooks');
+
+var exhaustiveCheck = function (value) { return value; };
 
 var useDeprecatedBadge = function () {
     var transformDeprecatedBadge = function (unsafeBadge) {
@@ -12,7 +15,7 @@ var useDeprecatedBadge = function () {
             case 'attention':
                 return 'attention-alert';
             default:
-                return coreComponentsShared.exhaustiveCheck(unsafeBadge);
+                return exhaustiveCheck(unsafeBadge);
         }
     };
     return {

package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -1,11 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var coreComponentsShared = require('../../../../shared');
+var getDataTestId = require('../../../getDataTestId-1de39d74.js');
+require('react');
+require('@alfalab/hooks');
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {
-        badge: coreComponentsShared.getDataTestId(dataTestId, 'badge'),
-        component: coreComponentsShared.getDataTestId(dataTestId, 'component'),
+        badge: getDataTestId.getDataTestId(dataTestId, 'badge'),
+        component: getDataTestId.getDataTestId(dataTestId, 'component'),
     };
 }
 

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/cssm/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

package/toast-plate/cssm/components/base-toast-plate/component.js

@@ -4,7 +4,8 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
-var coreComponentsShared = require('../../../../shared/cssm');
+var getDataTestId = require('../../getDataTestId-73ea38f8.js');
+require('@alfalab/hooks');
 var coreComponentsStatusBadge = require('../../../../status-badge/cssm');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');
@@ -42,11 +43,11 @@ var BaseToastPlate = React.forwardRef(function (_a, ref) {
         statusBadgeView = transformDeprecatedBadge(badge);
     }
     var customIcons = getCustomIcons(getBadgeIcons);
-    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(commonStyles__default.default.component, colorStyles[colors].component, (_b = {}, _b[commonStyles__default.default.block] = block, _b[commonStyles__default.default.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'component') }, restProps),
+    return (React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(commonStyles__default.default.component, colorStyles[colors].component, (_b = {}, _b[commonStyles__default.default.block] = block, _b[commonStyles__default.default.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'component') }, restProps),
         React__default.default.createElement("div", { className: commonStyles__default.default.wrapper },
             React__default.default.createElement("div", { className: commonStyles__default.default.contentWrapper },
                 needRenderLeftAddons && (React__default.default.createElement("div", { className: commonStyles__default.default.leftAddons }, leftAddons ||
-                    (badge && (React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, tslib.__assign({ view: statusBadgeView, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
+                    (badge && (React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, tslib.__assign({ view: statusBadgeView, dataTestId: getDataTestId.getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
                 React__default.default.createElement("div", { className: cn__default.default(contentClassName, commonStyles__default.default.content, (_c = {},
                         _c[commonStyles__default.default.hasCloser] = hasCloser,
                         _c[commonStyles__default.default.hasActionButton] = !!actionButton,

package/toast-plate/cssm/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -1,6 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var coreComponentsShared = require('../../../../../shared/cssm');
+require('react');
+require('@alfalab/hooks');
+
+var exhaustiveCheck = function (value) { return value; };
 
 var useDeprecatedBadge = function () {
     var transformDeprecatedBadge = function (unsafeBadge) {
@@ -12,7 +15,7 @@ var useDeprecatedBadge = function () {
             case 'attention':
                 return 'attention-alert';
             default:
-                return coreComponentsShared.exhaustiveCheck(unsafeBadge);
+                return exhaustiveCheck(unsafeBadge);
         }
     };
     return {

package/toast-plate/cssm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -1,11 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var coreComponentsShared = require('../../../../../shared/cssm');
+var getDataTestId = require('../../../getDataTestId-73ea38f8.js');
+require('react');
+require('@alfalab/hooks');
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {
-        badge: coreComponentsShared.getDataTestId(dataTestId, 'badge'),
-        component: coreComponentsShared.getDataTestId(dataTestId, 'component'),
+        badge: getDataTestId.getDataTestId(dataTestId, 'badge'),
+        component: getDataTestId.getDataTestId(dataTestId, 'component'),
     };
 }
 

package/toast-plate/cssm/getDataTestId-73ea38f8.d.ts

@@ -0,0 +1,3 @@
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+export { getDataTestId };

package/toast-plate/cssm/getDataTestId-73ea38f8.js

@@ -0,0 +1,6 @@
+function getDataTestId(dataTestId, element) {
+    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
+    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
+}
+
+exports.getDataTestId = getDataTestId;