@alfalab/core-components 48.1.0 → 48.1.1

package/navigation-bar-private/index.css

@@ -25,26 +25,26 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1xsk2 {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_udm2w {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_1xsk2.navigation-bar-private__header_1xsk2.navigation-bar-private__backgroundImage_1xsk2 {
+} .navigation-bar-private__header_udm2w.navigation-bar-private__header_udm2w.navigation-bar-private__backgroundImage_udm2w {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_1xsk2 {
+    } .navigation-bar-private__mainLine_udm2w {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_1xsk2 {
+} .navigation-bar-private__mainLineSticky_udm2w {
     position: sticky;
     top: var(--gap-0);
-} .navigation-bar-private__mainLineWithImageBg_1xsk2 {
+} .navigation-bar-private__mainLineWithImageBg_udm2w {
     background-color: initial;
-} .navigation-bar-private__content_1xsk2 {
+} .navigation-bar-private__content_udm2w {
     color: var(--color-light-text-primary);
     display: flex;
     flex-flow: column nowrap;
@@ -53,27 +53,27 @@
     align-self: baseline;
     box-sizing: border-box;
     min-height: 48px
-} .navigation-bar-private__content_1xsk2.navigation-bar-private__withBothAddons_1xsk2,
-    .navigation-bar-private__content_1xsk2.navigation-bar-private__withCompactTitle_1xsk2 {
+} .navigation-bar-private__content_udm2w.navigation-bar-private__withBothAddons_udm2w,
+    .navigation-bar-private__content_udm2w.navigation-bar-private__withCompactTitle_udm2w {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         align-self: center;
         padding-top: var(--gap-4);
         padding-bottom: var(--gap-4)
-    } .navigation-bar-private__content_1xsk2.navigation-bar-private__withBothAddons_1xsk2 > .navigation-bar-private__children_1xsk2,
-        .navigation-bar-private__content_1xsk2.navigation-bar-private__withBothAddons_1xsk2 > .navigation-bar-private__title_1xsk2,
-        .navigation-bar-private__content_1xsk2.navigation-bar-private__withCompactTitle_1xsk2 > .navigation-bar-private__children_1xsk2,
-        .navigation-bar-private__content_1xsk2.navigation-bar-private__withCompactTitle_1xsk2 > .navigation-bar-private__title_1xsk2 {
+    } .navigation-bar-private__content_udm2w.navigation-bar-private__withBothAddons_udm2w > .navigation-bar-private__children_udm2w,
+        .navigation-bar-private__content_udm2w.navigation-bar-private__withBothAddons_udm2w > .navigation-bar-private__title_udm2w,
+        .navigation-bar-private__content_udm2w.navigation-bar-private__withCompactTitle_udm2w > .navigation-bar-private__children_udm2w,
+        .navigation-bar-private__content_udm2w.navigation-bar-private__withCompactTitle_udm2w > .navigation-bar-private__title_udm2w {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_1xsk2.navigation-bar-private__contentOnBotDesktop_1xsk2.navigation-bar-private__contentOnBotDesktop_1xsk2 {
+        } .navigation-bar-private__content_udm2w.navigation-bar-private__contentOnBotDesktop_udm2w.navigation-bar-private__contentOnBotDesktop_udm2w {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__content_1xsk2.navigation-bar-private__contentOnBotMobile_1xsk2.navigation-bar-private__contentOnBotMobile_1xsk2 {
+    } .navigation-bar-private__content_udm2w.navigation-bar-private__contentOnBotMobile_udm2w.navigation-bar-private__contentOnBotMobile_udm2w {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__title_1xsk2 {
+    } .navigation-bar-private__title_udm2w {
     word-break: break-word;
-} .navigation-bar-private__subtitle_1xsk2 {
+} .navigation-bar-private__subtitle_udm2w {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -84,11 +84,11 @@
 
     color: var(--color-light-text-secondary);
     word-break: break-all;
-} .navigation-bar-private__addonsWrapper_1xsk2 {
+} .navigation-bar-private__addonsWrapper_udm2w {
     display: flex;
-} .navigation-bar-private__rightAddons_1xsk2 {
+} .navigation-bar-private__rightAddons_udm2w {
     margin-left: auto;
-} .navigation-bar-private__addon_1xsk2 {
+} .navigation-bar-private__addon_udm2w {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -96,18 +96,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_1xsk2 {
+} .navigation-bar-private__bottomAddons_udm2w {
     pointer-events: all;
-} .navigation-bar-private__closer_1xsk2 {
+} .navigation-bar-private__closer_udm2w {
     margin-left: auto;
-} .navigation-bar-private__left_1xsk2 {
+} .navigation-bar-private__left_udm2w {
     text-align: left;
-} .navigation-bar-private__center_1xsk2 {
+} .navigation-bar-private__center_udm2w {
     text-align: center;
-} .navigation-bar-private__trim_1xsk2 {
+} .navigation-bar-private__trim_udm2w {
     overflow: hidden
-} .navigation-bar-private__trim_1xsk2 .navigation-bar-private__title_1xsk2,
-    .navigation-bar-private__trim_1xsk2 .navigation-bar-private__children_1xsk2 {
+} .navigation-bar-private__trim_udm2w .navigation-bar-private__title_udm2w,
+    .navigation-bar-private__trim_udm2w .navigation-bar-private__children_udm2w {
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;

package/navigation-bar-private/modern/Component.js

@@ -13,7 +13,7 @@ import '../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 
-const styles = {"header":"navigation-bar-private__header_1xsk2","backgroundImage":"navigation-bar-private__backgroundImage_1xsk2","mainLine":"navigation-bar-private__mainLine_1xsk2","mainLineSticky":"navigation-bar-private__mainLineSticky_1xsk2","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1xsk2","content":"navigation-bar-private__content_1xsk2","withBothAddons":"navigation-bar-private__withBothAddons_1xsk2","withCompactTitle":"navigation-bar-private__withCompactTitle_1xsk2","children":"navigation-bar-private__children_1xsk2","title":"navigation-bar-private__title_1xsk2","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1xsk2","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1xsk2","subtitle":"navigation-bar-private__subtitle_1xsk2","addonsWrapper":"navigation-bar-private__addonsWrapper_1xsk2","rightAddons":"navigation-bar-private__rightAddons_1xsk2","addon":"navigation-bar-private__addon_1xsk2","bottomAddons":"navigation-bar-private__bottomAddons_1xsk2","closer":"navigation-bar-private__closer_1xsk2","left":"navigation-bar-private__left_1xsk2","center":"navigation-bar-private__center_1xsk2","trim":"navigation-bar-private__trim_1xsk2"};
+const styles = {"header":"navigation-bar-private__header_udm2w","backgroundImage":"navigation-bar-private__backgroundImage_udm2w","mainLine":"navigation-bar-private__mainLine_udm2w","mainLineSticky":"navigation-bar-private__mainLineSticky_udm2w","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_udm2w","content":"navigation-bar-private__content_udm2w","withBothAddons":"navigation-bar-private__withBothAddons_udm2w","withCompactTitle":"navigation-bar-private__withCompactTitle_udm2w","children":"navigation-bar-private__children_udm2w","title":"navigation-bar-private__title_udm2w","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_udm2w","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_udm2w","subtitle":"navigation-bar-private__subtitle_udm2w","addonsWrapper":"navigation-bar-private__addonsWrapper_udm2w","rightAddons":"navigation-bar-private__rightAddons_udm2w","addon":"navigation-bar-private__addon_udm2w","bottomAddons":"navigation-bar-private__bottomAddons_udm2w","closer":"navigation-bar-private__closer_udm2w","left":"navigation-bar-private__left_udm2w","center":"navigation-bar-private__center_udm2w","trim":"navigation-bar-private__trim_udm2w"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/navigation-bar-private/modern/components/back-arrow-addon/Component.js

@@ -5,7 +5,7 @@ import { Typography } from '../../../../typography/modern';
 import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';
 
-const styles = {"component":"navigation-bar-private__component_13k1p","mobileComponent":"navigation-bar-private__mobileComponent_13k1p","flex":"navigation-bar-private__flex_13k1p","iconWrapper":"navigation-bar-private__iconWrapper_13k1p","text":"navigation-bar-private__text_13k1p","mobileWrapper":"navigation-bar-private__mobileWrapper_13k1p"};
+const styles = {"component":"navigation-bar-private__component_bf3l4","mobileComponent":"navigation-bar-private__mobileComponent_bf3l4","flex":"navigation-bar-private__flex_bf3l4","iconWrapper":"navigation-bar-private__iconWrapper_bf3l4","text":"navigation-bar-private__text_bf3l4","mobileWrapper":"navigation-bar-private__mobileWrapper_bf3l4"};
 require('./index.css');
 
 const BackArrowAddon = ({ text = 'Назад', onClick, className, textOpacity = 1, view, ...htmlAttributes }) => {

package/navigation-bar-private/modern/components/back-arrow-addon/index.css

@@ -36,48 +36,48 @@
 
     /* back-arrow */
     --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
-} .navigation-bar-private__component_13k1p {
+} .navigation-bar-private__component_bf3l4 {
     height: 100%;
     background: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill);
     min-width: 48px
-} .navigation-bar-private__component_13k1p svg > path {
+} .navigation-bar-private__component_bf3l4 svg > path {
         transition: fill 0.2s ease;
         fill: var(--color-light-neutral-translucent-1300);
-    } .navigation-bar-private__component_13k1p:hover svg > path {
+    } .navigation-bar-private__component_bf3l4:hover svg > path {
             fill: var(--color-light-neutral-translucent-1300-hover);
-        } .navigation-bar-private__component_13k1p:active svg > path {
+        } .navigation-bar-private__component_bf3l4:active svg > path {
             fill: var(--color-light-neutral-translucent-1300-press);
-        } .navigation-bar-private__mobileComponent_13k1p {
+        } .navigation-bar-private__mobileComponent_bf3l4 {
     height: 32px;
     min-width: 32px;
     margin: var(--gap-0) var(--gap-8);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     background: none;
-} .navigation-bar-private__flex_13k1p {
+} .navigation-bar-private__flex_bf3l4 {
     display: flex;
     align-items: center;
-} .navigation-bar-private__iconWrapper_13k1p {
+} .navigation-bar-private__iconWrapper_bf3l4 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 48px;
     margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
     border-radius: var(--border-radius-circle)
-} .navigation-bar-private__iconWrapper_13k1p + .navigation-bar-private__text_13k1p {
+} .navigation-bar-private__iconWrapper_bf3l4 + .navigation-bar-private__text_bf3l4 {
         margin-right: var(--gap-12);
-    } .navigation-bar-private__mobileWrapper_13k1p {
+    } .navigation-bar-private__mobileWrapper_bf3l4 {
     width: 32px;
     height: 32px;
     background: var(--color-light-neutral-translucent-100);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     margin: var(--gap-0)
-} .navigation-bar-private__mobileWrapper_13k1p + .navigation-bar-private__text_13k1p {
+} .navigation-bar-private__mobileWrapper_bf3l4 + .navigation-bar-private__text_bf3l4 {
         margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
-    } .navigation-bar-private__mobileWrapper_13k1p svg > path {
+    } .navigation-bar-private__mobileWrapper_bf3l4 svg > path {
         fill: var(--navigation-bar-back-arrow-mobile-fill);
     }

package/navigation-bar-private/modern/components/closer/Component.js

@@ -4,7 +4,7 @@ import { IconButton } from '../../../../icon-button/modern';
 import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-const styles = {"closer":"navigation-bar-private__closer_1aq8v","button":"navigation-bar-private__button_1aq8v","mobile":"navigation-bar-private__mobile_1aq8v","sticky":"navigation-bar-private__sticky_1aq8v"};
+const styles = {"closer":"navigation-bar-private__closer_7baw8","button":"navigation-bar-private__button_7baw8","mobile":"navigation-bar-private__mobile_7baw8","sticky":"navigation-bar-private__sticky_7baw8"};
 require('./index.css');
 
 const Closer = ({ view, className, sticky, icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon, dataTestId, onClose, ...restProps }) => {

package/navigation-bar-private/modern/components/closer/index.css

@@ -29,7 +29,7 @@
     --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
 
     /* back-arrow */
-} .navigation-bar-private__closer_1aq8v {
+} .navigation-bar-private__closer_7baw8 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -37,17 +37,17 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .navigation-bar-private__button_1aq8v {
+} .navigation-bar-private__button_7baw8 {
     background: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     color: var(--color-light-neutral-translucent-1300)
-} .navigation-bar-private__button_1aq8v.navigation-bar-private__mobile_1aq8v {
+} .navigation-bar-private__button_7baw8.navigation-bar-private__mobile_7baw8 {
         background: var(--color-light-neutral-translucent-100);
         color: var(--navigation-bar-closer-mobile-color);
-    } .navigation-bar-private__button_1aq8v.navigation-bar-private__button_1aq8v {
+    } .navigation-bar-private__button_7baw8.navigation-bar-private__button_7baw8 {
     border-radius: var(--border-radius-circle);
-} .navigation-bar-private__sticky_1aq8v {
+} .navigation-bar-private__sticky_7baw8 {
     position: sticky;
     top: var(--gap-0);
 }

package/navigation-bar-private/modern/index.css

@@ -25,26 +25,26 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1xsk2 {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_udm2w {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_1xsk2.navigation-bar-private__header_1xsk2.navigation-bar-private__backgroundImage_1xsk2 {
+} .navigation-bar-private__header_udm2w.navigation-bar-private__header_udm2w.navigation-bar-private__backgroundImage_udm2w {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_1xsk2 {
+    } .navigation-bar-private__mainLine_udm2w {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_1xsk2 {
+} .navigation-bar-private__mainLineSticky_udm2w {
     position: sticky;
     top: var(--gap-0);
-} .navigation-bar-private__mainLineWithImageBg_1xsk2 {
+} .navigation-bar-private__mainLineWithImageBg_udm2w {
     background-color: initial;
-} .navigation-bar-private__content_1xsk2 {
+} .navigation-bar-private__content_udm2w {
     color: var(--color-light-text-primary);
     display: flex;
     flex-flow: column nowrap;
@@ -53,27 +53,27 @@
     align-self: baseline;
     box-sizing: border-box;
     min-height: 48px
-} .navigation-bar-private__content_1xsk2.navigation-bar-private__withBothAddons_1xsk2,
-    .navigation-bar-private__content_1xsk2.navigation-bar-private__withCompactTitle_1xsk2 {
+} .navigation-bar-private__content_udm2w.navigation-bar-private__withBothAddons_udm2w,
+    .navigation-bar-private__content_udm2w.navigation-bar-private__withCompactTitle_udm2w {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         align-self: center;
         padding-top: var(--gap-4);
         padding-bottom: var(--gap-4)
-    } .navigation-bar-private__content_1xsk2.navigation-bar-private__withBothAddons_1xsk2 > .navigation-bar-private__children_1xsk2,
-        .navigation-bar-private__content_1xsk2.navigation-bar-private__withBothAddons_1xsk2 > .navigation-bar-private__title_1xsk2,
-        .navigation-bar-private__content_1xsk2.navigation-bar-private__withCompactTitle_1xsk2 > .navigation-bar-private__children_1xsk2,
-        .navigation-bar-private__content_1xsk2.navigation-bar-private__withCompactTitle_1xsk2 > .navigation-bar-private__title_1xsk2 {
+    } .navigation-bar-private__content_udm2w.navigation-bar-private__withBothAddons_udm2w > .navigation-bar-private__children_udm2w,
+        .navigation-bar-private__content_udm2w.navigation-bar-private__withBothAddons_udm2w > .navigation-bar-private__title_udm2w,
+        .navigation-bar-private__content_udm2w.navigation-bar-private__withCompactTitle_udm2w > .navigation-bar-private__children_udm2w,
+        .navigation-bar-private__content_udm2w.navigation-bar-private__withCompactTitle_udm2w > .navigation-bar-private__title_udm2w {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_1xsk2.navigation-bar-private__contentOnBotDesktop_1xsk2.navigation-bar-private__contentOnBotDesktop_1xsk2 {
+        } .navigation-bar-private__content_udm2w.navigation-bar-private__contentOnBotDesktop_udm2w.navigation-bar-private__contentOnBotDesktop_udm2w {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__content_1xsk2.navigation-bar-private__contentOnBotMobile_1xsk2.navigation-bar-private__contentOnBotMobile_1xsk2 {
+    } .navigation-bar-private__content_udm2w.navigation-bar-private__contentOnBotMobile_udm2w.navigation-bar-private__contentOnBotMobile_udm2w {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__title_1xsk2 {
+    } .navigation-bar-private__title_udm2w {
     word-break: break-word;
-} .navigation-bar-private__subtitle_1xsk2 {
+} .navigation-bar-private__subtitle_udm2w {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -84,11 +84,11 @@
 
     color: var(--color-light-text-secondary);
     word-break: break-all;
-} .navigation-bar-private__addonsWrapper_1xsk2 {
+} .navigation-bar-private__addonsWrapper_udm2w {
     display: flex;
-} .navigation-bar-private__rightAddons_1xsk2 {
+} .navigation-bar-private__rightAddons_udm2w {
     margin-left: auto;
-} .navigation-bar-private__addon_1xsk2 {
+} .navigation-bar-private__addon_udm2w {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -96,18 +96,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_1xsk2 {
+} .navigation-bar-private__bottomAddons_udm2w {
     pointer-events: all;
-} .navigation-bar-private__closer_1xsk2 {
+} .navigation-bar-private__closer_udm2w {
     margin-left: auto;
-} .navigation-bar-private__left_1xsk2 {
+} .navigation-bar-private__left_udm2w {
     text-align: left;
-} .navigation-bar-private__center_1xsk2 {
+} .navigation-bar-private__center_udm2w {
     text-align: center;
-} .navigation-bar-private__trim_1xsk2 {
+} .navigation-bar-private__trim_udm2w {
     overflow: hidden
-} .navigation-bar-private__trim_1xsk2 .navigation-bar-private__title_1xsk2,
-    .navigation-bar-private__trim_1xsk2 .navigation-bar-private__children_1xsk2 {
+} .navigation-bar-private__trim_udm2w .navigation-bar-private__title_udm2w,
+    .navigation-bar-private__trim_udm2w .navigation-bar-private__children_udm2w {
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;

package/notification/Component.js

@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 
-var styles = {"notificationComponent":"notification__notificationComponent_kcsqc","isVisible":"notification__isVisible_kcsqc","isClosing":"notification__isClosing_kcsqc","toastContent":"notification__toastContent_kcsqc","actionSection":"notification__actionSection_kcsqc"};
+var styles = {"notificationComponent":"notification__notificationComponent_lk7md","isVisible":"notification__isVisible_lk7md","isClosing":"notification__isClosing_lk7md","toastContent":"notification__toastContent_lk7md","actionSection":"notification__actionSection_lk7md"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/esm/Component.js

@@ -10,7 +10,7 @@ import { ToastPlateDesktop } from '../../toast-plate/esm/desktop';
 import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
-var styles = {"notificationComponent":"notification__notificationComponent_kcsqc","isVisible":"notification__isVisible_kcsqc","isClosing":"notification__isClosing_kcsqc","toastContent":"notification__toastContent_kcsqc","actionSection":"notification__actionSection_kcsqc"};
+var styles = {"notificationComponent":"notification__notificationComponent_lk7md","isVisible":"notification__isVisible_lk7md","isClosing":"notification__isClosing_lk7md","toastContent":"notification__toastContent_lk7md","actionSection":"notification__actionSection_lk7md"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/esm/index.css

@@ -31,7 +31,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_kcsqc {
+} .notification__notificationComponent_lk7md {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -40,26 +40,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_kcsqc {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_lk7md {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_kcsqc.notification__isVisible_kcsqc {
+    } .notification__notificationComponent_lk7md.notification__isVisible_lk7md {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_kcsqc.notification__isClosing_kcsqc {
+    } .notification__notificationComponent_lk7md.notification__isClosing_lk7md {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_kcsqc.notification__isClosing_kcsqc {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_lk7md.notification__isClosing_lk7md {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_kcsqc.notification__notificationComponent_kcsqc {
+        } .notification__notificationComponent_lk7md.notification__notificationComponent_lk7md {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_kcsqc {
+} @media screen and (min-width: 600px) { .notification__toastContent_lk7md {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_kcsqc {
+    } .notification__actionSection_lk7md {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification/index.css

@@ -31,7 +31,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_kcsqc {
+} .notification__notificationComponent_lk7md {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -40,26 +40,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_kcsqc {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_lk7md {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_kcsqc.notification__isVisible_kcsqc {
+    } .notification__notificationComponent_lk7md.notification__isVisible_lk7md {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_kcsqc.notification__isClosing_kcsqc {
+    } .notification__notificationComponent_lk7md.notification__isClosing_lk7md {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_kcsqc.notification__isClosing_kcsqc {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_lk7md.notification__isClosing_lk7md {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_kcsqc.notification__notificationComponent_kcsqc {
+        } .notification__notificationComponent_lk7md.notification__notificationComponent_lk7md {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_kcsqc {
+} @media screen and (min-width: 600px) { .notification__toastContent_lk7md {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_kcsqc {
+    } .notification__actionSection_lk7md {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification/modern/Component.js

@@ -9,7 +9,7 @@ import { ToastPlateDesktop } from '../../toast-plate/modern/desktop';
 import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
-const styles = {"notificationComponent":"notification__notificationComponent_kcsqc","isVisible":"notification__isVisible_kcsqc","isClosing":"notification__isClosing_kcsqc","toastContent":"notification__toastContent_kcsqc","actionSection":"notification__actionSection_kcsqc"};
+const styles = {"notificationComponent":"notification__notificationComponent_lk7md","isVisible":"notification__isVisible_lk7md","isClosing":"notification__isClosing_lk7md","toastContent":"notification__toastContent_lk7md","actionSection":"notification__actionSection_lk7md"};
 require('./index.css');
 
 const notificationClassNameSelector = `.${styles.notificationComponent}`;

package/notification/modern/index.css

@@ -31,7 +31,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_kcsqc {
+} .notification__notificationComponent_lk7md {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -40,26 +40,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_kcsqc {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_lk7md {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_kcsqc.notification__isVisible_kcsqc {
+    } .notification__notificationComponent_lk7md.notification__isVisible_lk7md {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_kcsqc.notification__isClosing_kcsqc {
+    } .notification__notificationComponent_lk7md.notification__isClosing_lk7md {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_kcsqc.notification__isClosing_kcsqc {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_lk7md.notification__isClosing_lk7md {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_kcsqc.notification__notificationComponent_kcsqc {
+        } .notification__notificationComponent_lk7md.notification__notificationComponent_lk7md {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_kcsqc {
+} @media screen and (min-width: 600px) { .notification__toastContent_lk7md {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_kcsqc {
+    } .notification__actionSection_lk7md {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification-manager/component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"notification-manager__component_3n37p","notification":"notification-manager__notification_3n37p","withoutMargin":"notification-manager__withoutMargin_3n37p","enter":"notification-manager__enter_3n37p","enterActive":"notification-manager__enterActive_3n37p"};
+var styles = {"component":"notification-manager__component_p6afw","notification":"notification-manager__notification_p6afw","withoutMargin":"notification-manager__withoutMargin_p6afw","enter":"notification-manager__enter_p6afw","enterActive":"notification-manager__enterActive_p6afw"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/component.js

@@ -7,7 +7,7 @@ import { Stack } from '../../stack/esm';
 import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
-var styles = {"component":"notification-manager__component_3n37p","notification":"notification-manager__notification_3n37p","withoutMargin":"notification-manager__withoutMargin_3n37p","enter":"notification-manager__enter_3n37p","enterActive":"notification-manager__enterActive_3n37p"};
+var styles = {"component":"notification-manager__component_p6afw","notification":"notification-manager__notification_p6afw","withoutMargin":"notification-manager__withoutMargin_p6afw","enter":"notification-manager__enter_p6afw","enterActive":"notification-manager__enterActive_p6afw"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/index.css

@@ -25,41 +25,41 @@
     --gap-48: var(--gap-4xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_3n37p {
+} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_p6afw {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
-} .notification-manager__component_3n37p .notification-manager__notification_3n37p {
+} .notification-manager__component_p6afw .notification-manager__notification_p6afw {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform
-} .notification-manager__component_3n37p .notification-manager__notification_3n37p.notification-manager__withoutMargin_3n37p {
+} .notification-manager__component_p6afw .notification-manager__notification_p6afw.notification-manager__withoutMargin_p6afw {
         margin-top: var(--gap-0);
-    } .notification-manager__component_3n37p .notification-manager__notification_3n37p.notification-manager__notification_3n37p {
+    } .notification-manager__component_p6afw .notification-manager__notification_p6afw.notification-manager__notification_p6afw {
     position: static;
-} .notification-manager__enter_3n37p {
+} .notification-manager__enter_p6afw {
     visibility: hidden;
     transform: translate(0, -500px);
-} .notification-manager__enterActive_3n37p {
+} .notification-manager__enterActive_p6afw {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 } @media (min-width: 600px) {
-    .notification-manager__component_3n37p {
+    .notification-manager__component_p6afw {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_3n37p .notification-manager__notification_3n37p {
+    .notification-manager__component_p6afw .notification-manager__notification_p6afw {
         width: auto;
     }
 
-    .notification-manager__enter_3n37p {
+    .notification-manager__enter_p6afw {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_3n37p {
+    .notification-manager__enterActive_p6afw {
         transform: translate(0);
     }
 }