@alfalab/core-components 48.12.0-beta.0 → 48.12.1-beta.1

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

@@ -25,26 +25,26 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_9yevc {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_5aqz {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_9yevc.navigation-bar-private__header_9yevc.navigation-bar-private__backgroundImage_9yevc {
+} .navigation-bar-private__header_5aqz.navigation-bar-private__header_5aqz.navigation-bar-private__backgroundImage_5aqz {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_9yevc {
+    } .navigation-bar-private__mainLine_5aqz {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_9yevc {
+} .navigation-bar-private__mainLineSticky_5aqz {
     position: sticky;
     top: var(--gap-0);
-} .navigation-bar-private__mainLineWithImageBg_9yevc {
+} .navigation-bar-private__mainLineWithImageBg_5aqz {
     background-color: initial;
-} .navigation-bar-private__content_9yevc {
+} .navigation-bar-private__content_5aqz {
     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_9yevc.navigation-bar-private__withBothAddons_9yevc,
-    .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc {
+} .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz,
+    .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz {
         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_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__children_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__title_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__children_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__title_9yevc {
+    } .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz > .navigation-bar-private__children_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz > .navigation-bar-private__title_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz > .navigation-bar-private__children_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz > .navigation-bar-private__title_5aqz {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc {
+        } .navigation-bar-private__content_5aqz.navigation-bar-private__contentOnBotDesktop_5aqz.navigation-bar-private__contentOnBotDesktop_5aqz {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotMobile_9yevc.navigation-bar-private__contentOnBotMobile_9yevc {
+    } .navigation-bar-private__content_5aqz.navigation-bar-private__contentOnBotMobile_5aqz.navigation-bar-private__contentOnBotMobile_5aqz {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__title_9yevc {
+    } .navigation-bar-private__title_5aqz {
     word-break: break-word;
-} .navigation-bar-private__subtitle_9yevc {
+} .navigation-bar-private__subtitle_5aqz {
     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_9yevc {
+} .navigation-bar-private__addonsWrapper_5aqz {
     display: flex;
-} .navigation-bar-private__rightAddons_9yevc {
+} .navigation-bar-private__rightAddons_5aqz {
     margin-left: auto;
-} .navigation-bar-private__addon_9yevc {
+} .navigation-bar-private__addon_5aqz {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -96,18 +96,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_9yevc {
+} .navigation-bar-private__bottomAddons_5aqz {
     pointer-events: all;
-} .navigation-bar-private__closer_9yevc {
+} .navigation-bar-private__closer_5aqz {
     margin-left: auto;
-} .navigation-bar-private__left_9yevc {
+} .navigation-bar-private__left_5aqz {
     text-align: left;
-} .navigation-bar-private__center_9yevc {
+} .navigation-bar-private__center_5aqz {
     text-align: center;
-} .navigation-bar-private__trim_9yevc {
+} .navigation-bar-private__trim_5aqz {
     overflow: hidden
-} .navigation-bar-private__trim_9yevc .navigation-bar-private__title_9yevc,
-    .navigation-bar-private__trim_9yevc .navigation-bar-private__children_9yevc {
+} .navigation-bar-private__trim_5aqz .navigation-bar-private__title_5aqz,
+    .navigation-bar-private__trim_5aqz .navigation-bar-private__children_5aqz {
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;

package/navigation-bar-private/index.css

@@ -25,26 +25,26 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_9yevc {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_5aqz {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_9yevc.navigation-bar-private__header_9yevc.navigation-bar-private__backgroundImage_9yevc {
+} .navigation-bar-private__header_5aqz.navigation-bar-private__header_5aqz.navigation-bar-private__backgroundImage_5aqz {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_9yevc {
+    } .navigation-bar-private__mainLine_5aqz {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_9yevc {
+} .navigation-bar-private__mainLineSticky_5aqz {
     position: sticky;
     top: var(--gap-0);
-} .navigation-bar-private__mainLineWithImageBg_9yevc {
+} .navigation-bar-private__mainLineWithImageBg_5aqz {
     background-color: initial;
-} .navigation-bar-private__content_9yevc {
+} .navigation-bar-private__content_5aqz {
     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_9yevc.navigation-bar-private__withBothAddons_9yevc,
-    .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc {
+} .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz,
+    .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz {
         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_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__children_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__title_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__children_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__title_9yevc {
+    } .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz > .navigation-bar-private__children_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz > .navigation-bar-private__title_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz > .navigation-bar-private__children_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz > .navigation-bar-private__title_5aqz {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc {
+        } .navigation-bar-private__content_5aqz.navigation-bar-private__contentOnBotDesktop_5aqz.navigation-bar-private__contentOnBotDesktop_5aqz {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotMobile_9yevc.navigation-bar-private__contentOnBotMobile_9yevc {
+    } .navigation-bar-private__content_5aqz.navigation-bar-private__contentOnBotMobile_5aqz.navigation-bar-private__contentOnBotMobile_5aqz {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__title_9yevc {
+    } .navigation-bar-private__title_5aqz {
     word-break: break-word;
-} .navigation-bar-private__subtitle_9yevc {
+} .navigation-bar-private__subtitle_5aqz {
     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_9yevc {
+} .navigation-bar-private__addonsWrapper_5aqz {
     display: flex;
-} .navigation-bar-private__rightAddons_9yevc {
+} .navigation-bar-private__rightAddons_5aqz {
     margin-left: auto;
-} .navigation-bar-private__addon_9yevc {
+} .navigation-bar-private__addon_5aqz {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -96,18 +96,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_9yevc {
+} .navigation-bar-private__bottomAddons_5aqz {
     pointer-events: all;
-} .navigation-bar-private__closer_9yevc {
+} .navigation-bar-private__closer_5aqz {
     margin-left: auto;
-} .navigation-bar-private__left_9yevc {
+} .navigation-bar-private__left_5aqz {
     text-align: left;
-} .navigation-bar-private__center_9yevc {
+} .navigation-bar-private__center_5aqz {
     text-align: center;
-} .navigation-bar-private__trim_9yevc {
+} .navigation-bar-private__trim_5aqz {
     overflow: hidden
-} .navigation-bar-private__trim_9yevc .navigation-bar-private__title_9yevc,
-    .navigation-bar-private__trim_9yevc .navigation-bar-private__children_9yevc {
+} .navigation-bar-private__trim_5aqz .navigation-bar-private__title_5aqz,
+    .navigation-bar-private__trim_5aqz .navigation-bar-private__children_5aqz {
         -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_9yevc","backgroundImage":"navigation-bar-private__backgroundImage_9yevc","mainLine":"navigation-bar-private__mainLine_9yevc","mainLineSticky":"navigation-bar-private__mainLineSticky_9yevc","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_9yevc","content":"navigation-bar-private__content_9yevc","withBothAddons":"navigation-bar-private__withBothAddons_9yevc","withCompactTitle":"navigation-bar-private__withCompactTitle_9yevc","children":"navigation-bar-private__children_9yevc","title":"navigation-bar-private__title_9yevc","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_9yevc","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_9yevc","subtitle":"navigation-bar-private__subtitle_9yevc","addonsWrapper":"navigation-bar-private__addonsWrapper_9yevc","rightAddons":"navigation-bar-private__rightAddons_9yevc","addon":"navigation-bar-private__addon_9yevc","bottomAddons":"navigation-bar-private__bottomAddons_9yevc","closer":"navigation-bar-private__closer_9yevc","left":"navigation-bar-private__left_9yevc","center":"navigation-bar-private__center_9yevc","trim":"navigation-bar-private__trim_9yevc"};
+const styles = {"header":"navigation-bar-private__header_5aqz","backgroundImage":"navigation-bar-private__backgroundImage_5aqz","mainLine":"navigation-bar-private__mainLine_5aqz","mainLineSticky":"navigation-bar-private__mainLineSticky_5aqz","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_5aqz","content":"navigation-bar-private__content_5aqz","withBothAddons":"navigation-bar-private__withBothAddons_5aqz","withCompactTitle":"navigation-bar-private__withCompactTitle_5aqz","children":"navigation-bar-private__children_5aqz","title":"navigation-bar-private__title_5aqz","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_5aqz","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_5aqz","subtitle":"navigation-bar-private__subtitle_5aqz","addonsWrapper":"navigation-bar-private__addonsWrapper_5aqz","rightAddons":"navigation-bar-private__rightAddons_5aqz","addon":"navigation-bar-private__addon_5aqz","bottomAddons":"navigation-bar-private__bottomAddons_5aqz","closer":"navigation-bar-private__closer_5aqz","left":"navigation-bar-private__left_5aqz","center":"navigation-bar-private__center_5aqz","trim":"navigation-bar-private__trim_5aqz"};
 require('./index.css');
 
 /* eslint-disable complexity */

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

@@ -5,7 +5,7 @@ import { Text } from '../../../../typography/modern';
 import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';
 
-const styles = {"component":"navigation-bar-private__component_10gk9","mobileComponent":"navigation-bar-private__mobileComponent_10gk9","flex":"navigation-bar-private__flex_10gk9","iconWrapper":"navigation-bar-private__iconWrapper_10gk9","text":"navigation-bar-private__text_10gk9","mobileWrapper":"navigation-bar-private__mobileWrapper_10gk9"};
+const styles = {"component":"navigation-bar-private__component_15fty","mobileComponent":"navigation-bar-private__mobileComponent_15fty","flex":"navigation-bar-private__flex_15fty","iconWrapper":"navigation-bar-private__iconWrapper_15fty","text":"navigation-bar-private__text_15fty","mobileWrapper":"navigation-bar-private__mobileWrapper_15fty"};
 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_10gk9 {
+} .navigation-bar-private__component_15fty {
     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_10gk9 svg > path {
+} .navigation-bar-private__component_15fty svg > path {
         transition: fill 0.2s ease;
         fill: var(--color-light-neutral-translucent-1300);
-    } .navigation-bar-private__component_10gk9:hover svg > path {
+    } .navigation-bar-private__component_15fty:hover svg > path {
             fill: var(--color-light-neutral-translucent-1300-hover);
-        } .navigation-bar-private__component_10gk9:active svg > path {
+        } .navigation-bar-private__component_15fty:active svg > path {
             fill: var(--color-light-neutral-translucent-1300-press);
-        } .navigation-bar-private__mobileComponent_10gk9 {
+        } .navigation-bar-private__mobileComponent_15fty {
     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_10gk9 {
+} .navigation-bar-private__flex_15fty {
     display: flex;
     align-items: center;
-} .navigation-bar-private__iconWrapper_10gk9 {
+} .navigation-bar-private__iconWrapper_15fty {
     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_10gk9 + .navigation-bar-private__text_10gk9 {
+} .navigation-bar-private__iconWrapper_15fty + .navigation-bar-private__text_15fty {
         margin-right: var(--gap-12);
-    } .navigation-bar-private__mobileWrapper_10gk9 {
+    } .navigation-bar-private__mobileWrapper_15fty {
     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_10gk9 + .navigation-bar-private__text_10gk9 {
+} .navigation-bar-private__mobileWrapper_15fty + .navigation-bar-private__text_15fty {
         margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
-    } .navigation-bar-private__mobileWrapper_10gk9 svg > path {
+    } .navigation-bar-private__mobileWrapper_15fty 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_blndt","button":"navigation-bar-private__button_blndt","mobile":"navigation-bar-private__mobile_blndt","sticky":"navigation-bar-private__sticky_blndt"};
+const styles = {"closer":"navigation-bar-private__closer_1ndt8","button":"navigation-bar-private__button_1ndt8","mobile":"navigation-bar-private__mobile_1ndt8","sticky":"navigation-bar-private__sticky_1ndt8"};
 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_blndt {
+} .navigation-bar-private__closer_1ndt8 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -37,17 +37,17 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .navigation-bar-private__button_blndt {
+} .navigation-bar-private__button_1ndt8 {
     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_blndt.navigation-bar-private__mobile_blndt {
+} .navigation-bar-private__button_1ndt8.navigation-bar-private__mobile_1ndt8 {
         background: var(--color-light-neutral-translucent-100);
         color: var(--navigation-bar-closer-mobile-color);
-    } .navigation-bar-private__button_blndt.navigation-bar-private__button_blndt {
+    } .navigation-bar-private__button_1ndt8.navigation-bar-private__button_1ndt8 {
     border-radius: var(--border-radius-circle);
-} .navigation-bar-private__sticky_blndt {
+} .navigation-bar-private__sticky_1ndt8 {
     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_9yevc {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_5aqz {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_9yevc.navigation-bar-private__header_9yevc.navigation-bar-private__backgroundImage_9yevc {
+} .navigation-bar-private__header_5aqz.navigation-bar-private__header_5aqz.navigation-bar-private__backgroundImage_5aqz {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_9yevc {
+    } .navigation-bar-private__mainLine_5aqz {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_9yevc {
+} .navigation-bar-private__mainLineSticky_5aqz {
     position: sticky;
     top: var(--gap-0);
-} .navigation-bar-private__mainLineWithImageBg_9yevc {
+} .navigation-bar-private__mainLineWithImageBg_5aqz {
     background-color: initial;
-} .navigation-bar-private__content_9yevc {
+} .navigation-bar-private__content_5aqz {
     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_9yevc.navigation-bar-private__withBothAddons_9yevc,
-    .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc {
+} .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz,
+    .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz {
         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_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__children_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__title_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__children_9yevc,
-        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__title_9yevc {
+    } .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz > .navigation-bar-private__children_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withBothAddons_5aqz > .navigation-bar-private__title_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz > .navigation-bar-private__children_5aqz,
+        .navigation-bar-private__content_5aqz.navigation-bar-private__withCompactTitle_5aqz > .navigation-bar-private__title_5aqz {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc {
+        } .navigation-bar-private__content_5aqz.navigation-bar-private__contentOnBotDesktop_5aqz.navigation-bar-private__contentOnBotDesktop_5aqz {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotMobile_9yevc.navigation-bar-private__contentOnBotMobile_9yevc {
+    } .navigation-bar-private__content_5aqz.navigation-bar-private__contentOnBotMobile_5aqz.navigation-bar-private__contentOnBotMobile_5aqz {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__title_9yevc {
+    } .navigation-bar-private__title_5aqz {
     word-break: break-word;
-} .navigation-bar-private__subtitle_9yevc {
+} .navigation-bar-private__subtitle_5aqz {
     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_9yevc {
+} .navigation-bar-private__addonsWrapper_5aqz {
     display: flex;
-} .navigation-bar-private__rightAddons_9yevc {
+} .navigation-bar-private__rightAddons_5aqz {
     margin-left: auto;
-} .navigation-bar-private__addon_9yevc {
+} .navigation-bar-private__addon_5aqz {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -96,18 +96,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_9yevc {
+} .navigation-bar-private__bottomAddons_5aqz {
     pointer-events: all;
-} .navigation-bar-private__closer_9yevc {
+} .navigation-bar-private__closer_5aqz {
     margin-left: auto;
-} .navigation-bar-private__left_9yevc {
+} .navigation-bar-private__left_5aqz {
     text-align: left;
-} .navigation-bar-private__center_9yevc {
+} .navigation-bar-private__center_5aqz {
     text-align: center;
-} .navigation-bar-private__trim_9yevc {
+} .navigation-bar-private__trim_5aqz {
     overflow: hidden
-} .navigation-bar-private__trim_9yevc .navigation-bar-private__title_9yevc,
-    .navigation-bar-private__trim_9yevc .navigation-bar-private__children_9yevc {
+} .navigation-bar-private__trim_5aqz .navigation-bar-private__title_5aqz,
+    .navigation-bar-private__trim_5aqz .navigation-bar-private__children_5aqz {
         -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_sn2dt","isVisible":"notification__isVisible_sn2dt","isClosing":"notification__isClosing_sn2dt","toastContent":"notification__toastContent_sn2dt","actionSection":"notification__actionSection_sn2dt"};
+var styles = {"notificationComponent":"notification__notificationComponent_503cl","isVisible":"notification__isVisible_503cl","isClosing":"notification__isClosing_503cl","toastContent":"notification__toastContent_503cl","actionSection":"notification__actionSection_503cl"};
 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_sn2dt","isVisible":"notification__isVisible_sn2dt","isClosing":"notification__isClosing_sn2dt","toastContent":"notification__toastContent_sn2dt","actionSection":"notification__actionSection_sn2dt"};
+var styles = {"notificationComponent":"notification__notificationComponent_503cl","isVisible":"notification__isVisible_503cl","isClosing":"notification__isClosing_503cl","toastContent":"notification__toastContent_503cl","actionSection":"notification__actionSection_503cl"};
 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_sn2dt {
+} .notification__notificationComponent_503cl {
     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_sn2dt {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_503cl {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_sn2dt.notification__isVisible_sn2dt {
+    } .notification__notificationComponent_503cl.notification__isVisible_503cl {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
+    } .notification__notificationComponent_503cl.notification__isClosing_503cl {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_503cl.notification__isClosing_503cl {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_sn2dt.notification__notificationComponent_sn2dt {
+        } .notification__notificationComponent_503cl.notification__notificationComponent_503cl {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_sn2dt {
+} @media screen and (min-width: 600px) { .notification__toastContent_503cl {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_sn2dt {
+    } .notification__actionSection_503cl {
     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_sn2dt {
+} .notification__notificationComponent_503cl {
     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_sn2dt {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_503cl {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_sn2dt.notification__isVisible_sn2dt {
+    } .notification__notificationComponent_503cl.notification__isVisible_503cl {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
+    } .notification__notificationComponent_503cl.notification__isClosing_503cl {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_503cl.notification__isClosing_503cl {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_sn2dt.notification__notificationComponent_sn2dt {
+        } .notification__notificationComponent_503cl.notification__notificationComponent_503cl {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_sn2dt {
+} @media screen and (min-width: 600px) { .notification__toastContent_503cl {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_sn2dt {
+    } .notification__actionSection_503cl {
     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_sn2dt","isVisible":"notification__isVisible_sn2dt","isClosing":"notification__isClosing_sn2dt","toastContent":"notification__toastContent_sn2dt","actionSection":"notification__actionSection_sn2dt"};
+const styles = {"notificationComponent":"notification__notificationComponent_503cl","isVisible":"notification__isVisible_503cl","isClosing":"notification__isClosing_503cl","toastContent":"notification__toastContent_503cl","actionSection":"notification__actionSection_503cl"};
 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_sn2dt {
+} .notification__notificationComponent_503cl {
     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_sn2dt {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_503cl {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_sn2dt.notification__isVisible_sn2dt {
+    } .notification__notificationComponent_503cl.notification__isVisible_503cl {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
+    } .notification__notificationComponent_503cl.notification__isClosing_503cl {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_503cl.notification__isClosing_503cl {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_sn2dt.notification__notificationComponent_sn2dt {
+        } .notification__notificationComponent_503cl.notification__notificationComponent_503cl {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_sn2dt {
+} @media screen and (min-width: 600px) { .notification__toastContent_503cl {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_sn2dt {
+    } .notification__actionSection_503cl {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);