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

package/textarea/esm/index.js

@@ -7,5 +7,5 @@ import 'classnames';
 import '../../form-control/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-76d3dc41.js';
+import './PseudoTextArea-850a55b5.js';
 import './consts.js';

package/textarea/modern/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-e429aefb.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-c51ed577.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 const defaultColors = {"input":"textarea__input_1ig8s","hasInnerLabel":"textarea__hasInnerLabel_1ig8s","disableUserInput":"textarea__disableUserInput_1ig8s","error":"textarea__error_1ig8s","textarea":"textarea__textarea_1ig8s","hint":"textarea__hint_1ig8s"};

package/textarea/modern/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-e429aefb.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
 import '../consts.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-e429aefb";
+export * from "../PseudoTextArea-c51ed577";

package/textarea/modern/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-e429aefb.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/modern/index.js

@@ -6,5 +6,5 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-e429aefb.js';
+import './PseudoTextArea-c51ed577.js';
 import './consts.js';

package/themes/breakpoints/breakpoint-768.css

@@ -0,0 +1,3 @@
+:root {
+    --global-breakpoint-desktop: 768;
+}

package/themes/click.css

@@ -1439,7 +1439,6 @@
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-2s: 14px;
     --gap-m: 16px;
     --gap-l: 20px;
     --gap-xl: 24px;

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

@@ -1,23 +1,4 @@
-.backdrop__backdrop_14p7c {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_14p7c,
-.backdrop__enter_14p7c {
-    background-color: transparent;
-} .backdrop__appearActive_14p7c,
-.backdrop__enterActive_14p7c,
-.backdrop__appearDone_14p7c,
-.backdrop__enterDone_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_14p7c,
-.backdrop__exitDone_14p7c {
-    background-color: transparent;
-}.card-image__cardImage_bvs5x {
-    background: #e7e8ea;
-} .card-image__loaded_bvs5x {
-    background: transparent
-}.badge__component_1x6bo.badge__background-accent_1x6bo {
+.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 {
@@ -77,6 +58,25 @@
         background-color: #fff;
     } .badge__dot_1x6bo.badge__outlineCount_1x6bo {
     border: 1px solid #121213;
+}.backdrop__backdrop_14p7c {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_14p7c,
+.backdrop__enter_14p7c {
+    background-color: transparent;
+} .backdrop__appearActive_14p7c,
+.backdrop__enterActive_14p7c,
+.backdrop__appearDone_14p7c,
+.backdrop__enterDone_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .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 {
@@ -168,7 +168,14 @@
         background: #fff;
     } .hatching-progress-bar__accent_uc0xr {
         background: #f83a2a;
-    }.indicator__component_1nsoq {
+    }.icon-view__component_14i8j {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_14i8j {
+    fill: #1c1c1e;
+} .icon-view__border_14i8j {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_1nsoq {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_1nsoq {
@@ -186,14 +193,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_1nsoq.indicator__border_1nsoq {
         outline: 2px solid #121213;
-    }.icon-view__component_14i8j {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_14i8j {
-    fill: #1c1c1e;
-} .icon-view__border_14i8j {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_1pw7m {
+    }@keyframes loader__blink_1pw7m {
 }.link__primary_ntmi4 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -359,43 +359,64 @@
 }
 .spinner__component_1b5um {
     color: #121213;
-}.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 {
+}.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 {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_1keqd.status__teal_1keqd {
-        background: #c8f1f3;
-        color: #058a8f;
-    } .status__soft_1keqd.status__purple_1keqd {
+    } .status__muted-alt_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__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__teal_1keqd {
+            background: #09b9be;
+        } .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,
@@ -424,143 +445,4 @@
 .status-badge__neutral-operation_1ez6y,
 .status-badge__neutral-cross_1ez6y {
     background-color: #898991;
-}.underlay__background-accent_hkejj {
-            background-color: #ef3124;
-        } .underlay__background-info_hkejj {
-            background-color: #001c3c;
-        } .underlay__background-attention-muted_hkejj {
-            background-color: #36291f;
-        } .underlay__background-positive-muted_hkejj {
-            background-color: #232d25;
-        } .underlay__background-negative-muted_hkejj {
-            background-color: #392523;
-        } .underlay__background-primary_hkejj {
-            background-color: #0e0e0e;
-        } .underlay__background-primary-inverted_hkejj {
-            background-color: #fff;
-        } .underlay__background-secondary_hkejj {
-            background-color: #1c1c1e;
-        } .underlay__background-secondary-inverted_hkejj {
-            background-color: #f2f3f5;
-        } .underlay__background-tertiary_hkejj {
-            background-color: #27272a;
-        } .underlay__background-tertiary-inverted_hkejj {
-            background-color: #e7e8ea;
-        } .underlay__background-quaternary_hkejj {
-            background-color: #36363a;
-        } .underlay__background-quaternary-inverted_hkejj {
-            background-color: #dcdee2;
-        } .underlay__background-specialbg-component_hkejj {
-            background-color: rgba(255, 255, 255, 0.1);
-        } .underlay__background-specialbg-component-inverted_hkejj {
-            background-color: rgba(11, 31, 53, 0.07);
-        } .underlay__background-specialbg-primary-grouped_hkejj {
-            background-color: #1c1c1e;
-        } .underlay__background-specialbg-secondary-grouped_hkejj {
-            background-color: #27272a;
-        } .underlay__background-specialbg-tertiary-grouped_hkejj {
-            background-color: #36363a;
-        } .underlay__background-specialbg-secondary-transparent_hkejj {
-            background-color: rgba(214, 214, 229, 0.07);
-        } .underlay__background-specialbg-secondary-transparent-inverted_hkejj {
-            background-color: rgba(38, 55, 88, 0.06);
-        } .underlay__background-specialbg-tertiary-transparent_hkejj {
-            background-color: rgba(222, 222, 240, 0.12);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_hkejj {
-            background-color: rgba(30, 43, 68, 0.08);
-        } .underlay__shadow-xs_hkejj {
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-s_hkejj {
-        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-m_hkejj {
-        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-l_hkejj {
-        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
-        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-xl_hkejj {
-        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
-        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-xs-hard_hkejj {
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-s-hard_hkejj {
-        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
-        0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-m-hard_hkejj {
-        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-hard_hkejj {
-        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
-        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xl-hard_hkejj {
-        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
-        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xs-up_hkejj {
-        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-s-up_hkejj {
-        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
-    } .underlay__shadow-m-up_hkejj {
-        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-up_hkejj {
-        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
-    } .underlay__shadow-xl-up_hkejj {
-        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
-    } .underlay__shadow-xs-hard-up_hkejj {
-        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
-        0 -2px 4px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-s-hard-up_hkejj {
-        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
-        0 -4px 8px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-m-hard-up_hkejj {
-        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
-        0 -8px 16px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-hard-up_hkejj {
-        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
-        0 -12px 24px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xl-hard-up_hkejj {
-        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
-        0 -16px 32px rgba(0, 0, 0, 0.16);
-    } .underlay__border-color-accent_hkejj {
-        border-color: #f83a2a;
-    } .underlay__border-color-key_hkejj {
-        border-color: #fff;
-    } .underlay__border-color-key-inverted_hkejj {
-        border-color: #121213;
-    } .underlay__border-color-link_hkejj {
-        border-color: #3193fc;
-    } .underlay__border-color-primary_hkejj {
-        border-color: #353539;
-    } .underlay__border-color-primary-inverted_hkejj {
-        border-color: #d2d3d9;
-    } .underlay__border-color-secondary_hkejj {
-        border-color: #29292c;
-    } .underlay__border-color-secondary-inverted_hkejj {
-        border-color: #e7e8eb;
-    } .underlay__border-color-tertiary_hkejj {
-        border-color: #212124;
-    } .underlay__border-color-tertiary-inverted_hkejj {
-        border-color: #edeef0;
-    } .underlay__border-color-underline_hkejj {
-        border-color: #4a4a51;
-    } .underlay__border-color-underline-inverted_hkejj {
-        border-color: #babbc2;
-    } .underlay__border-color-graphic-attention_hkejj {
-        border-color: #fda136;
-    } .underlay__border-color-graphic-link_hkejj {
-        border-color: #3193fc;
-    } .underlay__border-color-graphic-negative_hkejj {
-        border-color: #ff4837;
-    } .underlay__border-color-graphic-positive_hkejj {
-        border-color: #17d055;
-    } .underlay__border-color-specialbg-secondary-transparent_hkejj {
-        border-color: rgba(225, 225, 248, 0.09);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_hkejj {
-        border-color: rgba(30, 43, 68, 0.08);
-    } .underlay__border-color-specialbg-tertiary-transparent_hkejj {
-        border-color: rgba(222, 222, 238, 0.13);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_hkejj {
-        border-color: rgba(15, 25, 55, 0.1);
-    }
+}

package/themes/corp.css

@@ -1439,7 +1439,6 @@
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-2s: 14px;
     --gap-m: 16px;
     --gap-l: 20px;
     --gap-xl: 24px;

package/themes/intranet.css

@@ -1439,7 +1439,6 @@
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-2s: 14px;
     --gap-m: 16px;
     --gap-l: 20px;
     --gap-xl: 24px;

package/themes/mobile.css

@@ -1439,7 +1439,6 @@
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-2s: 14px;
     --gap-m: 16px;
     --gap-l: 20px;
     --gap-xl: 24px;

package/themes/site.css

@@ -1439,7 +1439,6 @@
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-2s: 14px;
     --gap-m: 16px;
     --gap-l: 20px;
     --gap-xl: 24px;

package/toast/@alfalab/core-components-shared/package.json

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

package/toast/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Toast = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;

package/toast/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Toast = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;

package/toast/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { ToastDesktop } from './desktop/Component.desktop.js';
 import { ToastMobile } from './mobile/Component.mobile.js';
 import '../../toast-plate/esm/desktop';
@@ -15,7 +16,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 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? ToastDesktop : ToastMobile;

package/toast/esm/index.js

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

package/toast/modern/index.js

@@ -1,6 +1,7 @@
 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/@alfalab/core-components-shared/package.json

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

package/toast-plate/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ToastPlate = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;

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

@@ -4,8 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var getDataTestId = require('../../getDataTestId-ee42e490.js');
-require('@alfalab/hooks');
+var coreComponentsShared = require('../../../shared');
 var coreComponentsStatusBadge = require('../../../status-badge');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');
@@ -46,11 +45,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": getDataTestId.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": coreComponentsShared.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: getDataTestId.getDataTestId(dataTestId, 'badge') }, (customIcons && { customIcons: customIcons }))))))),
+                    (badge && (React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, tslib.__assign({ view: statusBadgeView, dataTestId: coreComponentsShared.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,9 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('@alfalab/hooks');
-
-var exhaustiveCheck = function (value) { return value; };
+var coreComponentsShared = require('../../../../shared');
 
 var useDeprecatedBadge = function () {
     var transformDeprecatedBadge = function (unsafeBadge) {
@@ -15,7 +12,7 @@ var useDeprecatedBadge = function () {
             case 'attention':
                 return 'attention-alert';
             default:
-                return exhaustiveCheck(unsafeBadge);
+                return coreComponentsShared.exhaustiveCheck(unsafeBadge);
         }
     };
     return {

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

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

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ToastPlate = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;