@alfalab/core-components 46.0.0-beta.2 → 46.0.0-beta.5

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-f1c80687.js';
+import '../layout.module-3503b091.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/steps/Component.js

@@ -15,26 +15,27 @@ require('./index.css');
 var Steps = function (_a) {
     var _b;
     var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
-    var uncontrolled = activeStepProp === undefined;
-    var _k = React.useState(defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
+    var _k = React.useState(activeStepProp || defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
     var stepsLength = React__default.default.Children.count(children);
-    var handleStepClick = function (stepNumber) {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    React.useEffect(function () {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    var handleStepClick = function (stepNumber) {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    var visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React__default.default.createElement("div", { className: cn__default.default(className, styles.component, (_b = {},
             _b[styles.vertical] = isVerticalAlign,
             _b)), "data-test-id": dataTestId }, React__default.default.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
-        var isSelected = stepNumber === visibleActiveStep;
-        var isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        var isSelected = stepNumber === activeStep;
+        var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         var disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         var isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         var isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

package/steps/cssm/Component.js

@@ -14,26 +14,27 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Steps = function (_a) {
     var _b;
     var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
-    var uncontrolled = activeStepProp === undefined;
-    var _k = React.useState(defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
+    var _k = React.useState(activeStepProp || defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
     var stepsLength = React__default.default.Children.count(children);
-    var handleStepClick = function (stepNumber) {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    React.useEffect(function () {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    var handleStepClick = function (stepNumber) {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    var visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React__default.default.createElement("div", { className: cn__default.default(className, styles__default.default.component, (_b = {},
             _b[styles__default.default.vertical] = isVerticalAlign,
             _b)), "data-test-id": dataTestId }, React__default.default.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
-        var isSelected = stepNumber === visibleActiveStep;
-        var isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        var isSelected = stepNumber === activeStep;
+        var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         var disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         var isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         var isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

package/steps/esm/Component.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { Step } from './components/step/Component.js';
 import 'tslib';
@@ -15,26 +15,27 @@ require('./index.css');
 var Steps = function (_a) {
     var _b;
     var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
-    var uncontrolled = activeStepProp === undefined;
-    var _k = useState(defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
+    var _k = useState(activeStepProp || defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
     var stepsLength = React.Children.count(children);
-    var handleStepClick = function (stepNumber) {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    useEffect(function () {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    var handleStepClick = function (stepNumber) {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    var visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React.createElement("div", { className: cn(className, styles.component, (_b = {},
             _b[styles.vertical] = isVerticalAlign,
             _b)), "data-test-id": dataTestId }, React.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
-        var isSelected = stepNumber === visibleActiveStep;
-        var isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        var isSelected = stepNumber === activeStep;
+        var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         var disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         var isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         var isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

package/steps/modern/Component.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { Step } from './components/step/Component.js';
 import '@alfalab/hooks';
@@ -12,26 +12,27 @@ const styles = {"component":"steps__component_1n1l2","vertical":"steps__vertical
 require('./index.css');
 
 const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, fullWidth = false, minSpaceBetweenSteps = 24, checkIsStepDisabled, checkIsStepError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, }) => {
-    const uncontrolled = activeStepProp === undefined;
-    const [activeStep, setActiveStep] = useState(defaultActiveStep);
+    const [activeStep, setActiveStep] = useState(activeStepProp || defaultActiveStep);
     const stepsLength = React.Children.count(children);
-    const handleStepClick = (stepNumber) => {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    useEffect(() => {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    const handleStepClick = (stepNumber) => {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    const visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React.createElement("div", { className: cn(className, styles.component, {
             [styles.vertical]: isVerticalAlign,
         }), "data-test-id": dataTestId }, React.Children.map(children, (step, index) => {
         const stepNumber = index + 1;
-        const isSelected = stepNumber === visibleActiveStep;
-        const isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        const isSelected = stepNumber === activeStep;
+        const isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         const disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         const isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         const isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

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

@@ -1,8 +1,4 @@
-.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 +73,10 @@
 } .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 {
@@ -193,7 +193,8 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_1nsoq.indicator__border_1nsoq {
         outline: 2px solid #121213;
-    }.link__primary_ntmi4 {
+    }@keyframes loader__blink_1pw7m {
+}.link__primary_ntmi4 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
@@ -259,8 +260,7 @@
         }
     } .link__defaultView_1qr6m:active {
         color: #2453b4;
-    }@keyframes loader__blink_1pw7m {
-}.progress-bar__container_1s9v6 {
+    }.progress-bar__container_1s9v6 {
     background: rgba(222, 222, 238, 0.13)
 } .progress-bar__filled_1s9v6.progress-bar__positive_1s9v6 {
         background: #17d055;
@@ -278,7 +278,17 @@
         background: #fff;
     } .progress-bar__filled_1s9v6.progress-bar__accent_1s9v6 {
         background: #f83a2a;
-    }.skeleton__component_zlc0o {
+    }.scrollbar__component_1qo42 .scrollbar:before {
+            background-color: rgba(228, 228, 251, 0.28);
+        } .scrollbar__component_1qo42.dragging .track .scrollbar.visible:before {
+            background-color: rgba(238, 238, 254, 0.46);
+        }
+
+.scrollbar__component_1jt2a .scrollbar:before {
+            background-color: rgba(9, 12, 37, 0.28);
+        } .scrollbar__component_1jt2a.dragging .track .scrollbar.visible:before {
+            background-color: rgba(4, 4, 21, 0.47);
+        }.skeleton__component_zlc0o {
     color: transparent;
     background: rgba(214, 214, 229, 0.07)
 } .skeleton__component_zlc0o:before {
@@ -290,17 +300,25 @@
     100% {
         background: rgba(222, 222, 238, 0.13);
     }
-}.scrollbar__component_1qo42 .scrollbar:before {
-            background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_1qo42.dragging .track .scrollbar.visible:before {
-            background-color: rgba(238, 238, 254, 0.46);
-        }
-
-.scrollbar__component_1jt2a .scrollbar:before {
-            background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_1jt2a.dragging .track .scrollbar.visible:before {
-            background-color: rgba(4, 4, 21, 0.47);
-        }.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,6 +359,34 @@
 }
 .spinner__component_1b5um {
     color: #121213;
+}.status-badge__positive-checkmark_77dqz {
+    background-color: #17d055;
+} .status-badge__negative-cross_77dqz,
+.status-badge__negative-alert_77dqz,
+.status-badge__negative-block_77dqz {
+    background-color: #ff4837;
+} .status-badge__attention-alert_77dqz {
+    background-color: #fda136;
+} .status-badge__neutral-information_77dqz,
+.status-badge__neutral-operation_77dqz,
+.status-badge__neutral-cross_77dqz {
+    background-color: #898991;
+}
+.status-badge__component_dkjbi {
+    color: #fff;
+}
+.status-badge__positive-checkmark_1ez6y {
+    background-color: #0cc44d;
+} .status-badge__negative-cross_1ez6y,
+.status-badge__negative-alert_1ez6y,
+.status-badge__negative-block_1ez6y {
+    background-color: #ff4837;
+} .status-badge__attention-alert_1ez6y {
+    background-color: #fa9313;
+} .status-badge__neutral-information_1ez6y,
+.status-badge__neutral-operation_1ez6y,
+.status-badge__neutral-cross_1ez6y {
+    background-color: #898991;
 }.status__soft_1keqd.status__green_1keqd {
         background: #d1f1d7;
         color: #0d9336;
@@ -396,32 +424,4 @@
         background: #09b9be;
     } .status__contrast_1keqd.status__purple_1keqd {
         background: #897eff;
-    }.status-badge__positive-checkmark_77dqz {
-    background-color: #17d055;
-} .status-badge__negative-cross_77dqz,
-.status-badge__negative-alert_77dqz,
-.status-badge__negative-block_77dqz {
-    background-color: #ff4837;
-} .status-badge__attention-alert_77dqz {
-    background-color: #fda136;
-} .status-badge__neutral-information_77dqz,
-.status-badge__neutral-operation_77dqz,
-.status-badge__neutral-cross_77dqz {
-    background-color: #898991;
-}
-.status-badge__component_dkjbi {
-    color: #fff;
-}
-.status-badge__positive-checkmark_1ez6y {
-    background-color: #0cc44d;
-} .status-badge__negative-cross_1ez6y,
-.status-badge__negative-alert_1ez6y,
-.status-badge__negative-block_1ez6y {
-    background-color: #ff4837;
-} .status-badge__attention-alert_1ez6y {
-    background-color: #fa9313;
-} .status-badge__neutral-information_1ez6y,
-.status-badge__neutral-operation_1ez6y,
-.status-badge__neutral-cross_1ez6y {
-    background-color: #898991;
-}
+    }

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

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var getDataTestId = require('../../getDataTestId-3138baed.js');
+var getDataTestId = require('../../getDataTestId-442368bd.js');
 require('@alfalab/hooks');
 var coreComponentsStatusBadge = require('../../../status-badge');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getDataTestId = require('../../../getDataTestId-3138baed.js');
+var getDataTestId = require('../../../getDataTestId-442368bd.js');
 require('react');
 require('@alfalab/hooks');
 

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

@@ -6,7 +6,7 @@ import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/esm';
-import './getDataTestId-185adec6.js';
+import './getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import '../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../getDataTestId-185adec6.js';
+import { g as getDataTestId } from '../../getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import { StatusBadge } from '../../../../status-badge/esm';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/esm/components/base-toast-plate/index.js

@@ -3,7 +3,7 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../../../../icon-button/esm';
-import '../../getDataTestId-185adec6.js';
+import '../../getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import '../../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from '../../../getDataTestId-185adec6.js';
+import { g as getDataTestId } from '../../../getDataTestId-f4dc32c7.js';
 import 'react';
 import '@alfalab/hooks';
 

package/toast-plate/esm/desktop/Component.desktop.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/esm/desktop/index.js

@@ -4,7 +4,7 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/esm/index-307da6d7.d.ts

@@ -66,6 +66,6 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
-export * from "./getDataTestId-185adec6";
+export * from "./getDataTestId-f4dc32c7";
 export * from "./browser-a216f694";
 export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/esm/index.js

@@ -6,7 +6,7 @@ import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/esm';
-import './getDataTestId-185adec6.js';
+import './getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import '../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/esm/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/esm/mobile/index.js

@@ -4,7 +4,7 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../getDataTestId-185adec6.js';
+import '../getDataTestId-f4dc32c7.js';
 import '@alfalab/hooks';
 import '../../../status-badge/esm';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/index-307da6d7.d.ts

@@ -66,6 +66,6 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
-export * from "./getDataTestId-3138baed";
+export * from "./getDataTestId-442368bd";
 export * from "./browser-a216f694";
 export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

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

@@ -5,7 +5,7 @@ import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/modern';
-import './getDataTestId-3a028081.js';
+import './getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import '../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -1,7 +1,7 @@
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../getDataTestId-3a028081.js';
+import { g as getDataTestId } from '../../getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import { StatusBadge } from '../../../../status-badge/modern';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/modern/components/base-toast-plate/index.js

@@ -2,7 +2,7 @@ export { BaseToastPlate } from './component.js';
 import 'react';
 import 'classnames';
 import '../../../../icon-button/modern';
-import '../../getDataTestId-3a028081.js';
+import '../../getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import '../../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from '../../../getDataTestId-3a028081.js';
+import { g as getDataTestId } from '../../../getDataTestId-16038735.js';
 import 'react';
 import '@alfalab/hooks';
 

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

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../getDataTestId-3a028081.js';
+import '../getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/modern/desktop/index.js

@@ -3,7 +3,7 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../getDataTestId-3a028081.js';
+import '../getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/modern/index-307da6d7.d.ts

@@ -66,6 +66,6 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
-export * from "./getDataTestId-3a028081";
+export * from "./getDataTestId-16038735";
 export * from "./browser-a216f694";
 export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/modern/index.js

@@ -5,7 +5,7 @@ import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/modern';
-import './getDataTestId-3a028081.js';
+import './getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import '../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../getDataTestId-3a028081.js';
+import '../getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

package/toast-plate/modern/mobile/index.js

@@ -3,7 +3,7 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../getDataTestId-3a028081.js';
+import '../getDataTestId-16038735.js';
 import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';

package/typography/esm/component.js

@@ -9,10 +9,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-457deb40.js';
+import './colors.module-2b53143b.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-99428575.js';
+import './common.module-1373fada.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -8,11 +8,11 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-457deb40.js';
+import './colors.module-2b53143b.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-99428575.js';
+import './common.module-1373fada.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-457deb40.js';
+import { c as colors } from '../colors.module-2b53143b.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/text/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
-import '../colors.module-457deb40.js';
+import '../colors.module-2b53143b.js';