@alfalab/core-components 48.11.0-beta.1 → 48.11.0

package/modal/modern/mobile/index.js

@@ -11,6 +11,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../layout.module-eb9da0f4.js';
+import '../layout.module-37a933c4.js';
 import '../Context.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/mobile/mobile.css

@@ -31,7 +31,7 @@
     /* mobile */
 
     /* paddings */
-} .modal__component_4f7s6 {
+} .modal__component_1elik {
     flex: 1;
     width: 100%;
     max-width: 600px;

package/modal/modern/transitions.css

@@ -1,24 +1,24 @@
 /* hash: k6ime */
-.modal__appear_1064x,
-.modal__enter_1064x {
+.modal__appear_1p0y7,
+.modal__enter_1p0y7 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1064x,
-.modal__enterActive_1064x {
+.modal__appearActive_1p0y7,
+.modal__enterActive_1p0y7 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1064x {
+.modal__exit_1p0y7 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1064x,
-.modal__exitDone_1064x {
+.modal__exitActive_1p0y7,
+.modal__exitDone_1p0y7 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/modal/transitions.css

@@ -1,24 +1,24 @@
 /* hash: k6ime */
-.modal__appear_1064x,
-.modal__enter_1064x {
+.modal__appear_1p0y7,
+.modal__enter_1p0y7 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1064x,
-.modal__enterActive_1064x {
+.modal__appearActive_1p0y7,
+.modal__enterActive_1p0y7 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1064x {
+.modal__exit_1p0y7 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1064x,
-.modal__exitDone_1064x {
+.modal__exitActive_1p0y7,
+.modal__exitDone_1p0y7 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/navigation-bar/Component.js

@@ -10,7 +10,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":"navigation-bar__component_eruj7","sticky":"navigation-bar__sticky_eruj7","border":"navigation-bar__border_eruj7","mainLine":"navigation-bar__mainLine_eruj7","left":"navigation-bar__left_eruj7","center":"navigation-bar__center_eruj7","children":"navigation-bar__children_eruj7","content":"navigation-bar__content_eruj7","title":"navigation-bar__title_eruj7","subtitle":"navigation-bar__subtitle_eruj7","addons":"navigation-bar__addons_eruj7","rightAddons":"navigation-bar__rightAddons_eruj7"};
+var styles = {"component":"navigation-bar__component_meal6","sticky":"navigation-bar__sticky_meal6","border":"navigation-bar__border_meal6","mainLine":"navigation-bar__mainLine_meal6","left":"navigation-bar__left_meal6","center":"navigation-bar__center_meal6","children":"navigation-bar__children_meal6","content":"navigation-bar__content_meal6","title":"navigation-bar__title_meal6","subtitle":"navigation-bar__subtitle_meal6","addons":"navigation-bar__addons_meal6","rightAddons":"navigation-bar__rightAddons_meal6"};
 require('./index.css');
 
 var NavigationBar = React.forwardRef(function (_a, ref) {

package/navigation-bar/components/action-icon-addon/Component.js

@@ -12,7 +12,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":"navigation-bar__component_1r2gj","iconWrapper":"navigation-bar__iconWrapper_1r2gj","back":"navigation-bar__back_1r2gj","floating":"navigation-bar__floating_1r2gj"};
+var styles = {"component":"navigation-bar__component_6ra8o","iconWrapper":"navigation-bar__iconWrapper_6ra8o","back":"navigation-bar__back_6ra8o","floating":"navigation-bar__floating_6ra8o"};
 require('./index.css');
 
 var iconComponents = {

package/navigation-bar/components/action-icon-addon/index.css

@@ -24,11 +24,11 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1r2gj {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_6ra8o {
     height: 100%;
     border-radius: var(--border-radius-pill);
     min-width: 48px;
-} .navigation-bar__iconWrapper_1r2gj {
+} .navigation-bar__iconWrapper_6ra8o {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -37,12 +37,12 @@
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-100);
     vertical-align: middle
-} .navigation-bar__iconWrapper_1r2gj.navigation-bar__back_1r2gj {
+} .navigation-bar__iconWrapper_6ra8o.navigation-bar__back_6ra8o {
         background: transparent;
-    } .navigation-bar__floating_1r2gj path {
+    } .navigation-bar__floating_6ra8o path {
         fill: var(--color-light-neutral-translucent-700);
-    } .navigation-bar__floating_1r2gj:hover path {
+    } .navigation-bar__floating_6ra8o:hover path {
             fill: var(--color-light-neutral-translucent-700-hover);
-        } .navigation-bar__floating_1r2gj:active path {
+        } .navigation-bar__floating_6ra8o:active path {
             fill: var(--color-light-neutral-translucent-700-press);
         }

package/navigation-bar/components/action-text-addon/Component.js

@@ -11,7 +11,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":"navigation-bar__component_zjyfo","text":"navigation-bar__text_zjyfo"};
+var styles = {"component":"navigation-bar__component_9x6vo","text":"navigation-bar__text_9x6vo"};
 require('./index.css');
 
 var ActionTextAddon = function (_a) {

package/navigation-bar/components/action-text-addon/index.css

@@ -22,8 +22,8 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_zjyfo {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_9x6vo {
     height: 100%;
-} .navigation-bar__text_zjyfo {
+} .navigation-bar__text_9x6vo {
     padding: var(--gap-8) var(--gap-16);
 }

package/navigation-bar/esm/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../shared/esm';
 
-var styles = {"component":"navigation-bar__component_eruj7","sticky":"navigation-bar__sticky_eruj7","border":"navigation-bar__border_eruj7","mainLine":"navigation-bar__mainLine_eruj7","left":"navigation-bar__left_eruj7","center":"navigation-bar__center_eruj7","children":"navigation-bar__children_eruj7","content":"navigation-bar__content_eruj7","title":"navigation-bar__title_eruj7","subtitle":"navigation-bar__subtitle_eruj7","addons":"navigation-bar__addons_eruj7","rightAddons":"navigation-bar__rightAddons_eruj7"};
+var styles = {"component":"navigation-bar__component_meal6","sticky":"navigation-bar__sticky_meal6","border":"navigation-bar__border_meal6","mainLine":"navigation-bar__mainLine_meal6","left":"navigation-bar__left_meal6","center":"navigation-bar__center_meal6","children":"navigation-bar__children_meal6","content":"navigation-bar__content_meal6","title":"navigation-bar__title_meal6","subtitle":"navigation-bar__subtitle_meal6","addons":"navigation-bar__addons_meal6","rightAddons":"navigation-bar__rightAddons_meal6"};
 require('./index.css');
 
 var NavigationBar = forwardRef(function (_a, ref) {

package/navigation-bar/esm/components/action-icon-addon/Component.js

@@ -5,7 +5,7 @@ import { ButtonDesktop } from '../../../../button/esm/desktop';
 import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"component":"navigation-bar__component_1r2gj","iconWrapper":"navigation-bar__iconWrapper_1r2gj","back":"navigation-bar__back_1r2gj","floating":"navigation-bar__floating_1r2gj"};
+var styles = {"component":"navigation-bar__component_6ra8o","iconWrapper":"navigation-bar__iconWrapper_6ra8o","back":"navigation-bar__back_6ra8o","floating":"navigation-bar__floating_6ra8o"};
 require('./index.css');
 
 var iconComponents = {

package/navigation-bar/esm/components/action-icon-addon/index.css

@@ -24,11 +24,11 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1r2gj {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_6ra8o {
     height: 100%;
     border-radius: var(--border-radius-pill);
     min-width: 48px;
-} .navigation-bar__iconWrapper_1r2gj {
+} .navigation-bar__iconWrapper_6ra8o {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -37,12 +37,12 @@
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-100);
     vertical-align: middle
-} .navigation-bar__iconWrapper_1r2gj.navigation-bar__back_1r2gj {
+} .navigation-bar__iconWrapper_6ra8o.navigation-bar__back_6ra8o {
         background: transparent;
-    } .navigation-bar__floating_1r2gj path {
+    } .navigation-bar__floating_6ra8o path {
         fill: var(--color-light-neutral-translucent-700);
-    } .navigation-bar__floating_1r2gj:hover path {
+    } .navigation-bar__floating_6ra8o:hover path {
             fill: var(--color-light-neutral-translucent-700-hover);
-        } .navigation-bar__floating_1r2gj:active path {
+        } .navigation-bar__floating_6ra8o:active path {
             fill: var(--color-light-neutral-translucent-700-press);
         }

package/navigation-bar/esm/components/action-text-addon/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { ButtonDesktop } from '../../../../button/esm/desktop';
 import { Text } from '../../../../typography/esm';
 
-var styles = {"component":"navigation-bar__component_zjyfo","text":"navigation-bar__text_zjyfo"};
+var styles = {"component":"navigation-bar__component_9x6vo","text":"navigation-bar__text_9x6vo"};
 require('./index.css');
 
 var ActionTextAddon = function (_a) {

package/navigation-bar/esm/components/action-text-addon/index.css

@@ -22,8 +22,8 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_zjyfo {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_9x6vo {
     height: 100%;
-} .navigation-bar__text_zjyfo {
+} .navigation-bar__text_9x6vo {
     padding: var(--gap-8) var(--gap-16);
 }

package/navigation-bar/esm/index.css

@@ -28,60 +28,60 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_eruj7 {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_meal6 {
     padding: var(--gap-8) var(--gap-4);
     box-sizing: border-box;
     width: 100%;
-} .navigation-bar__sticky_eruj7 {
+} .navigation-bar__sticky_meal6 {
     position: sticky;
     top: var(--gap-0);
     z-index: 1;
-} .navigation-bar__border_eruj7 {
+} .navigation-bar__border_meal6 {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .navigation-bar__mainLine_eruj7 {
+} .navigation-bar__mainLine_meal6 {
     display: flex;
     background-color: inherit;
     justify-content: space-between;
     min-height: 40px;
     align-items: stretch;
-} .navigation-bar__left_eruj7 {
+} .navigation-bar__left_meal6 {
     text-align: left;
-} .navigation-bar__center_eruj7 {
+} .navigation-bar__center_meal6 {
     text-align: center;
-} .navigation-bar__children_eruj7 {
+} .navigation-bar__children_meal6 {
     width: 100%;
-} .navigation-bar__content_eruj7 {
+} .navigation-bar__content_meal6 {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     flex-flow: column nowrap;
     color: var(--color-light-text-primary)
-} .navigation-bar__content_eruj7.navigation-bar__left_eruj7 {
+} .navigation-bar__content_meal6.navigation-bar__left_meal6 {
         padding: var(--gap-0) var(--gap-16);
-    } .navigation-bar__content_eruj7 > .navigation-bar__title_eruj7,
-    .navigation-bar__content_eruj7 > .navigation-bar__subtitle_eruj7 {
+    } .navigation-bar__content_meal6 > .navigation-bar__title_meal6,
+    .navigation-bar__content_meal6 > .navigation-bar__subtitle_meal6 {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .navigation-bar__title_eruj7 {
+    } .navigation-bar__title_meal6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500
-} .navigation-bar__title_eruj7.navigation-bar__left_eruj7 {
+} .navigation-bar__title_meal6.navigation-bar__left_meal6 {
         font-size: 20px;
         line-height: 28px;
         font-weight: 600;
-    } .navigation-bar__subtitle_eruj7 {
+    } .navigation-bar__subtitle_meal6 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     color: var(--color-light-text-secondary);
-} .navigation-bar__addons_eruj7 {
+} .navigation-bar__addons_meal6 {
     min-width: 48px;
     display: flex;
     justify-content: center;
-} .navigation-bar__rightAddons_eruj7 {
+} .navigation-bar__rightAddons_meal6 {
     margin-left: auto;
 }

package/navigation-bar/index.css

@@ -28,60 +28,60 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_eruj7 {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_meal6 {
     padding: var(--gap-8) var(--gap-4);
     box-sizing: border-box;
     width: 100%;
-} .navigation-bar__sticky_eruj7 {
+} .navigation-bar__sticky_meal6 {
     position: sticky;
     top: var(--gap-0);
     z-index: 1;
-} .navigation-bar__border_eruj7 {
+} .navigation-bar__border_meal6 {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .navigation-bar__mainLine_eruj7 {
+} .navigation-bar__mainLine_meal6 {
     display: flex;
     background-color: inherit;
     justify-content: space-between;
     min-height: 40px;
     align-items: stretch;
-} .navigation-bar__left_eruj7 {
+} .navigation-bar__left_meal6 {
     text-align: left;
-} .navigation-bar__center_eruj7 {
+} .navigation-bar__center_meal6 {
     text-align: center;
-} .navigation-bar__children_eruj7 {
+} .navigation-bar__children_meal6 {
     width: 100%;
-} .navigation-bar__content_eruj7 {
+} .navigation-bar__content_meal6 {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     flex-flow: column nowrap;
     color: var(--color-light-text-primary)
-} .navigation-bar__content_eruj7.navigation-bar__left_eruj7 {
+} .navigation-bar__content_meal6.navigation-bar__left_meal6 {
         padding: var(--gap-0) var(--gap-16);
-    } .navigation-bar__content_eruj7 > .navigation-bar__title_eruj7,
-    .navigation-bar__content_eruj7 > .navigation-bar__subtitle_eruj7 {
+    } .navigation-bar__content_meal6 > .navigation-bar__title_meal6,
+    .navigation-bar__content_meal6 > .navigation-bar__subtitle_meal6 {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .navigation-bar__title_eruj7 {
+    } .navigation-bar__title_meal6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500
-} .navigation-bar__title_eruj7.navigation-bar__left_eruj7 {
+} .navigation-bar__title_meal6.navigation-bar__left_meal6 {
         font-size: 20px;
         line-height: 28px;
         font-weight: 600;
-    } .navigation-bar__subtitle_eruj7 {
+    } .navigation-bar__subtitle_meal6 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     color: var(--color-light-text-secondary);
-} .navigation-bar__addons_eruj7 {
+} .navigation-bar__addons_meal6 {
     min-width: 48px;
     display: flex;
     justify-content: center;
-} .navigation-bar__rightAddons_eruj7 {
+} .navigation-bar__rightAddons_meal6 {
     margin-left: auto;
 }

package/navigation-bar/modern/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../shared/modern';
 
-const styles = {"component":"navigation-bar__component_eruj7","sticky":"navigation-bar__sticky_eruj7","border":"navigation-bar__border_eruj7","mainLine":"navigation-bar__mainLine_eruj7","left":"navigation-bar__left_eruj7","center":"navigation-bar__center_eruj7","children":"navigation-bar__children_eruj7","content":"navigation-bar__content_eruj7","title":"navigation-bar__title_eruj7","subtitle":"navigation-bar__subtitle_eruj7","addons":"navigation-bar__addons_eruj7","rightAddons":"navigation-bar__rightAddons_eruj7"};
+const styles = {"component":"navigation-bar__component_meal6","sticky":"navigation-bar__sticky_meal6","border":"navigation-bar__border_meal6","mainLine":"navigation-bar__mainLine_meal6","left":"navigation-bar__left_meal6","center":"navigation-bar__center_meal6","children":"navigation-bar__children_meal6","content":"navigation-bar__content_meal6","title":"navigation-bar__title_meal6","subtitle":"navigation-bar__subtitle_meal6","addons":"navigation-bar__addons_meal6","rightAddons":"navigation-bar__rightAddons_meal6"};
 require('./index.css');
 
 const NavigationBar = forwardRef(({ align = 'center', rightAddons, leftAddons, bottomAddons, sticky, border, subtitle, title, children, backgroundColor = 'var(--color-light-base-bg-primary)', contentWrapperClassName, className, contentClassName, rightAddonsClassName, leftAddonsClassName, bottomAddonsClassName, dataTestId, }, ref) => {

package/navigation-bar/modern/components/action-icon-addon/Component.js

@@ -4,7 +4,7 @@ import { ButtonDesktop } from '../../../../button/modern/desktop';
 import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-const styles = {"component":"navigation-bar__component_1r2gj","iconWrapper":"navigation-bar__iconWrapper_1r2gj","back":"navigation-bar__back_1r2gj","floating":"navigation-bar__floating_1r2gj"};
+const styles = {"component":"navigation-bar__component_6ra8o","iconWrapper":"navigation-bar__iconWrapper_6ra8o","back":"navigation-bar__back_6ra8o","floating":"navigation-bar__floating_6ra8o"};
 require('./index.css');
 
 const iconComponents = {

package/navigation-bar/modern/components/action-icon-addon/index.css

@@ -24,11 +24,11 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1r2gj {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_6ra8o {
     height: 100%;
     border-radius: var(--border-radius-pill);
     min-width: 48px;
-} .navigation-bar__iconWrapper_1r2gj {
+} .navigation-bar__iconWrapper_6ra8o {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -37,12 +37,12 @@
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-100);
     vertical-align: middle
-} .navigation-bar__iconWrapper_1r2gj.navigation-bar__back_1r2gj {
+} .navigation-bar__iconWrapper_6ra8o.navigation-bar__back_6ra8o {
         background: transparent;
-    } .navigation-bar__floating_1r2gj path {
+    } .navigation-bar__floating_6ra8o path {
         fill: var(--color-light-neutral-translucent-700);
-    } .navigation-bar__floating_1r2gj:hover path {
+    } .navigation-bar__floating_6ra8o:hover path {
             fill: var(--color-light-neutral-translucent-700-hover);
-        } .navigation-bar__floating_1r2gj:active path {
+        } .navigation-bar__floating_6ra8o:active path {
             fill: var(--color-light-neutral-translucent-700-press);
         }

package/navigation-bar/modern/components/action-text-addon/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ButtonDesktop } from '../../../../button/modern/desktop';
 import { Text } from '../../../../typography/modern';
 
-const styles = {"component":"navigation-bar__component_zjyfo","text":"navigation-bar__text_zjyfo"};
+const styles = {"component":"navigation-bar__component_9x6vo","text":"navigation-bar__text_9x6vo"};
 require('./index.css');
 
 const ActionTextAddon = ({ text = 'Назад', onClick, className, action, dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },

package/navigation-bar/modern/components/action-text-addon/index.css

@@ -22,8 +22,8 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_zjyfo {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_9x6vo {
     height: 100%;
-} .navigation-bar__text_zjyfo {
+} .navigation-bar__text_9x6vo {
     padding: var(--gap-8) var(--gap-16);
 }

package/navigation-bar/modern/index.css

@@ -28,60 +28,60 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_eruj7 {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_meal6 {
     padding: var(--gap-8) var(--gap-4);
     box-sizing: border-box;
     width: 100%;
-} .navigation-bar__sticky_eruj7 {
+} .navigation-bar__sticky_meal6 {
     position: sticky;
     top: var(--gap-0);
     z-index: 1;
-} .navigation-bar__border_eruj7 {
+} .navigation-bar__border_meal6 {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .navigation-bar__mainLine_eruj7 {
+} .navigation-bar__mainLine_meal6 {
     display: flex;
     background-color: inherit;
     justify-content: space-between;
     min-height: 40px;
     align-items: stretch;
-} .navigation-bar__left_eruj7 {
+} .navigation-bar__left_meal6 {
     text-align: left;
-} .navigation-bar__center_eruj7 {
+} .navigation-bar__center_meal6 {
     text-align: center;
-} .navigation-bar__children_eruj7 {
+} .navigation-bar__children_meal6 {
     width: 100%;
-} .navigation-bar__content_eruj7 {
+} .navigation-bar__content_meal6 {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     flex-flow: column nowrap;
     color: var(--color-light-text-primary)
-} .navigation-bar__content_eruj7.navigation-bar__left_eruj7 {
+} .navigation-bar__content_meal6.navigation-bar__left_meal6 {
         padding: var(--gap-0) var(--gap-16);
-    } .navigation-bar__content_eruj7 > .navigation-bar__title_eruj7,
-    .navigation-bar__content_eruj7 > .navigation-bar__subtitle_eruj7 {
+    } .navigation-bar__content_meal6 > .navigation-bar__title_meal6,
+    .navigation-bar__content_meal6 > .navigation-bar__subtitle_meal6 {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .navigation-bar__title_eruj7 {
+    } .navigation-bar__title_meal6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500
-} .navigation-bar__title_eruj7.navigation-bar__left_eruj7 {
+} .navigation-bar__title_meal6.navigation-bar__left_meal6 {
         font-size: 20px;
         line-height: 28px;
         font-weight: 600;
-    } .navigation-bar__subtitle_eruj7 {
+    } .navigation-bar__subtitle_meal6 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     color: var(--color-light-text-secondary);
-} .navigation-bar__addons_eruj7 {
+} .navigation-bar__addons_meal6 {
     min-width: 48px;
     display: flex;
     justify-content: center;
-} .navigation-bar__rightAddons_eruj7 {
+} .navigation-bar__rightAddons_meal6 {
     margin-left: auto;
 }

package/navigation-bar-private/Component.js

@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"header":"navigation-bar-private__header_is7pn","backgroundImage":"navigation-bar-private__backgroundImage_is7pn","mainLine":"navigation-bar-private__mainLine_is7pn","mainLineSticky":"navigation-bar-private__mainLineSticky_is7pn","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_is7pn","content":"navigation-bar-private__content_is7pn","withBothAddons":"navigation-bar-private__withBothAddons_is7pn","withCompactTitle":"navigation-bar-private__withCompactTitle_is7pn","children":"navigation-bar-private__children_is7pn","title":"navigation-bar-private__title_is7pn","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_is7pn","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_is7pn","subtitle":"navigation-bar-private__subtitle_is7pn","addonsWrapper":"navigation-bar-private__addonsWrapper_is7pn","rightAddons":"navigation-bar-private__rightAddons_is7pn","addon":"navigation-bar-private__addon_is7pn","bottomAddons":"navigation-bar-private__bottomAddons_is7pn","closer":"navigation-bar-private__closer_is7pn","left":"navigation-bar-private__left_is7pn","center":"navigation-bar-private__center_is7pn","trim":"navigation-bar-private__trim_is7pn"};
+var 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"};
 require('./index.css');
 
 var ADDONS_HEIGHT = 48;
 var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack, dataName = _a.dataName, titleClassName = _a.titleClassName, titleRef = _a.titleRef;
+    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack;
     var _h = React.useState(0), scrollTop = _h[0], setScrollTop = _h[1];
     var _j = React.useState({ left: 0, right: 0 }), titleMargin = _j[0], setTitleMargin = _j[1];
     var bottomContentRef = React.useRef(null);
@@ -100,15 +100,15 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
                 _a[styles.withCompactTitle] = view === 'mobile' && compactTitle && hasContent,
                 _a)), "aria-hidden": hidden },
             children && React__default.default.createElement("div", { className: styles.children }, children),
-            title && (React__default.default.createElement("div", { className: cn__default.default(styles.title, titleClassName), "data-test-id": hidden ? undefined : coreComponentsShared.getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
-            compactTitle && subtitle && (React__default.default.createElement("div", { className: styles.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle))));
+            title && (React__default.default.createElement("div", { className: styles.title, "data-test-id": hidden ? undefined : coreComponentsShared.getDataTestId(dataTestId, 'title') }, title)),
+            compactTitle && subtitle && React__default.default.createElement("div", { className: styles.subtitle }, subtitle)));
     };
     var renderCloser = function () { return (React__default.default.createElement("div", { className: cn__default.default(styles.addon, styles.closer, closerClassName) },
         React__default.default.createElement(components_closer_Component.Closer, { view: view, icon: closerIcon, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer'), onClose: onClose }))); };
     return (React__default.default.createElement("div", { ref: mergeRefs__default.default([ref, headerRef]), className: cn__default.default(styles.header, className, (_b = {}, _b[styles.backgroundImage] = imageUrl, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId), style: tslib.__assign(tslib.__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })), (withAnimation &&
             bottomContentRef.current && {
             top: -bottomContentRef.current.scrollHeight,
-        })), "data-name": dataName },
+        })) },
         React__default.default.createElement("div", { className: cn__default.default(styles.mainLine, (_c = {},
                 _c[styles.mainLineSticky] = withAnimation,
                 _c[styles.mainLineWithImageBg] = imageUrl,

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

@@ -13,7 +13,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":"navigation-bar-private__component_1mfvt","mobileComponent":"navigation-bar-private__mobileComponent_1mfvt","flex":"navigation-bar-private__flex_1mfvt","iconWrapper":"navigation-bar-private__iconWrapper_1mfvt","text":"navigation-bar-private__text_1mfvt","mobileWrapper":"navigation-bar-private__mobileWrapper_1mfvt"};
+var 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"};
 require('./index.css');
 
 var BackArrowAddon = function (_a) {