@alfalab/core-components 47.20.0-beta.4 → 47.20.0-beta.5

package/international-phone-input/moderncssm/typings-7d83ec1e.d.ts

@@ -174,18 +174,6 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
 };
 type NavigationBarProps = NavigationBarPrivateProps;
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";

package/international-phone-input/typings-7d83ec1e.d.ts

@@ -174,18 +174,6 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
 };
 type NavigationBarProps = NavigationBarPrivateProps;
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-73a100cb.js');
+var layout_module = require('../../layout.module-8998aeed.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-73a100cb.js');
+var layout_module = require('../../layout.module-8998aeed.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-9a74e305.js';
+import './layout.module-53113584.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-9a74e305.js';
+import { l as layoutStyles } from '../../layout.module-53113584.js';
 
 var styles = {"component":"modal__component_1gki5"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-9a74e305.js';
+import '../../layout.module-53113584.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-9a74e305.js';
+import { l as layoutStyles } from '../../layout.module-53113584.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_hlvek","sticky":"modal__sticky_hlvek","fullscreen":"modal__fullscreen_hlvek","size-500":"modal__size-500_hlvek","size-600":"modal__size-600_hlvek","size-800":"modal__size-800_hlvek","size-1140":"modal__size-1140_hlvek"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-9a74e305.js';
+import '../layout.module-53113584.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-9a74e305.js';
+import '../layout.module-53113584.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-9a74e305.js';
+import './layout.module-53113584.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-9a74e305.js';
+import '../layout.module-53113584.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-9a74e305.js';
+import '../layout.module-53113584.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-003b2612.js';
+import './layout.module-df34ca08.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-003b2612.js';
+import { l as layoutStyles } from '../../layout.module-df34ca08.js';
 
 const styles = {"component":"modal__component_1gki5"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-003b2612.js';
+import '../../layout.module-df34ca08.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-003b2612.js';
+import { l as layoutStyles } from '../../layout.module-df34ca08.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_hlvek","sticky":"modal__sticky_hlvek","fullscreen":"modal__fullscreen_hlvek","size-500":"modal__size-500_hlvek","size-600":"modal__size-600_hlvek","size-800":"modal__size-800_hlvek","size-1140":"modal__size-1140_hlvek"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-003b2612.js';
+import '../layout.module-df34ca08.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-003b2612.js';
+import '../layout.module-df34ca08.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-003b2612.js';
+import './layout.module-df34ca08.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-003b2612.js';
+import '../layout.module-df34ca08.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-003b2612.js';
+import '../layout.module-df34ca08.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

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

@@ -24,9 +24,7 @@ var ActionIconAddon = function (_a) {
     var _b;
     var onClick = _a.onClick, className = _a.className, _c = _a.action, action = _c === void 0 ? 'back' : _c, dataTestId = _a.dataTestId, htmlAttributes = tslib.__rest(_a, ["onClick", "className", "action", "dataTestId"]);
     return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn__default.default(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
-        React__default.default.createElement("div", { className: cn__default.default(styles.iconWrapper, (_b = {},
-                _b[styles[action]] = Boolean(styles[action]),
-                _b)) }, iconComponents[action])));
+        React__default.default.createElement("div", { className: cn__default.default(styles.iconWrapper, (_b = {}, _b[styles[action]] = Boolean(styles[action]), _b)) }, iconComponents[action])));
 };
 
 exports.ActionIconAddon = ActionIconAddon;

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

@@ -23,9 +23,7 @@ var ActionIconAddon = function (_a) {
     var _b;
     var onClick = _a.onClick, className = _a.className, _c = _a.action, action = _c === void 0 ? 'back' : _c, dataTestId = _a.dataTestId, htmlAttributes = tslib.__rest(_a, ["onClick", "className", "action", "dataTestId"]);
     return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn__default.default(styles__default.default.component, className), dataTestId: dataTestId }, htmlAttributes),
-        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.iconWrapper, (_b = {},
-                _b[styles__default.default[action]] = Boolean(styles__default.default[action]),
-                _b)) }, iconComponents[action])));
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.iconWrapper, (_b = {}, _b[styles__default.default[action]] = Boolean(styles__default.default[action]), _b)) }, iconComponents[action])));
 };
 
 exports.ActionIconAddon = ActionIconAddon;

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

@@ -17,9 +17,7 @@ var ActionIconAddon = function (_a) {
     var _b;
     var onClick = _a.onClick, className = _a.className, _c = _a.action, action = _c === void 0 ? 'back' : _c, dataTestId = _a.dataTestId, htmlAttributes = __rest(_a, ["onClick", "className", "action", "dataTestId"]);
     return (React.createElement(ButtonDesktop, __assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
-        React.createElement("div", { className: cn(styles.iconWrapper, (_b = {},
-                _b[styles[action]] = Boolean(styles[action]),
-                _b)) }, iconComponents[action])));
+        React.createElement("div", { className: cn(styles.iconWrapper, (_b = {}, _b[styles[action]] = Boolean(styles[action]), _b)) }, iconComponents[action])));
 };
 
 export { ActionIconAddon };

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

@@ -13,8 +13,6 @@ const iconComponents = {
     close: React.createElement(CrossMIcon, { className: styles.floating }),
 };
 const ActionIconAddon = ({ onClick, className, action = 'back', dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
-    React.createElement("div", { className: cn(styles.iconWrapper, {
-            [styles[action]]: Boolean(styles[action]),
-        }) }, iconComponents[action])));
+    React.createElement("div", { className: cn(styles.iconWrapper, { [styles[action]]: Boolean(styles[action]) }) }, iconComponents[action])));
 
 export { ActionIconAddon };

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

@@ -11,8 +11,6 @@ const iconComponents = {
     close: React.createElement(CrossMIcon, { className: styles.floating }),
 };
 const ActionIconAddon = ({ onClick, className, action = 'back', dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
-    React.createElement("div", { className: cn(styles.iconWrapper, {
-            [styles[action]]: Boolean(styles[action]),
-        }) }, iconComponents[action])));
+    React.createElement("div", { className: cn(styles.iconWrapper, { [styles[action]]: Boolean(styles[action]) }) }, iconComponents[action])));
 
 export { ActionIconAddon };

package/navigation-bar-private/Component.js

@@ -21,7 +21,7 @@ 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/cssm/Component.js

@@ -20,7 +20,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 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);
@@ -99,15 +99,15 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
                 _a[styles__default.default.withCompactTitle] = view === 'mobile' && compactTitle && hasContent,
                 _a)), "aria-hidden": hidden },
             children && React__default.default.createElement("div", { className: styles__default.default.children }, children),
-            title && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.title, titleClassName), "data-test-id": hidden ? undefined : coreComponentsShared.getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
-            compactTitle && subtitle && (React__default.default.createElement("div", { className: styles__default.default.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle))));
+            title && (React__default.default.createElement("div", { className: styles__default.default.title, "data-test-id": hidden ? undefined : coreComponentsShared.getDataTestId(dataTestId, 'title') }, title)),
+            compactTitle && subtitle && React__default.default.createElement("div", { className: styles__default.default.subtitle }, subtitle)));
     };
     var renderCloser = function () { return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addon, styles__default.default.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__default.default.header, className, (_b = {}, _b[styles__default.default.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__default.default.mainLine, (_c = {},
                 _c[styles__default.default.mainLineSticky] = withAnimation,
                 _c[styles__default.default.mainLineWithImageBg] = imageUrl,

package/navigation-bar-private/cssm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode, RefObject } from "react";
+import { ReactNode } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,18 +108,6 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

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

@@ -20,7 +20,7 @@ require('./index.css');
 var ADDONS_HEIGHT = 48;
 var NavigationBarPrivate = 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 = useState(0), scrollTop = _h[0], setScrollTop = _h[1];
     var _j = useState({ left: 0, right: 0 }), titleMargin = _j[0], setTitleMargin = _j[1];
     var bottomContentRef = useRef(null);
@@ -99,15 +99,15 @@ var NavigationBarPrivate = forwardRef(function (_a, ref) {
                 _a[styles.withCompactTitle] = view === 'mobile' && compactTitle && hasContent,
                 _a)), "aria-hidden": hidden },
             children && React.createElement("div", { className: styles.children }, children),
-            title && (React.createElement("div", { className: cn(styles.title, titleClassName), "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
-            compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
+            title && (React.createElement("div", { className: styles.title, "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title') }, title)),
+            compactTitle && subtitle && React.createElement("div", { className: styles.subtitle }, subtitle)));
     };
     var renderCloser = function () { return (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
         React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose }))); };
     return (React.createElement("div", { ref: mergeRefs([ref, headerRef]), className: cn(styles.header, className, (_b = {}, _b[styles.backgroundImage] = imageUrl, _b)), "data-test-id": getDataTestId(dataTestId), style: __assign(__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })), (withAnimation &&
             bottomContentRef.current && {
             top: -bottomContentRef.current.scrollHeight,
-        })), "data-name": dataName },
+        })) },
         React.createElement("div", { className: cn(styles.mainLine, (_c = {},
                 _c[styles.mainLineSticky] = withAnimation,
                 _c[styles.mainLineWithImageBg] = imageUrl,

package/navigation-bar-private/esm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode, RefObject } from "react";
+import { ReactNode } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,18 +108,6 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

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

@@ -18,7 +18,7 @@ require('./index.css');
 
 /* eslint-disable complexity */
 const ADDONS_HEIGHT = 48;
-const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
+const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, }, ref) => {
     const [scrollTop, setScrollTop] = useState(0);
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const bottomContentRef = useRef(null);
@@ -94,8 +94,8 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 [styles.withCompactTitle]: view === 'mobile' && compactTitle && hasContent,
             }), "aria-hidden": hidden },
             children && React.createElement("div", { className: styles.children }, children),
-            title && (React.createElement("div", { className: cn(styles.title, titleClassName), "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
-            compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
+            title && (React.createElement("div", { className: styles.title, "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title') }, title)),
+            compactTitle && subtitle && React.createElement("div", { className: styles.subtitle }, subtitle)));
     };
     const renderCloser = () => (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
         React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose })));
@@ -105,7 +105,7 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 bottomContentRef.current && {
                 top: -bottomContentRef.current.scrollHeight,
             }),
-        }, "data-name": dataName },
+        } },
         React.createElement("div", { className: cn(styles.mainLine, {
                 [styles.mainLineSticky]: withAnimation,
                 [styles.mainLineWithImageBg]: imageUrl,

package/navigation-bar-private/modern/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode, RefObject } from "react";
+import { ReactNode } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,18 +108,6 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

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

@@ -18,7 +18,7 @@ import './components/closer/index.module.css';
 
 /* eslint-disable complexity */
 const ADDONS_HEIGHT = 48;
-const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
+const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, }, ref) => {
     const [scrollTop, setScrollTop] = useState(0);
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const bottomContentRef = useRef(null);
@@ -94,8 +94,8 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 [styles.withCompactTitle]: view === 'mobile' && compactTitle && hasContent,
             }), "aria-hidden": hidden },
             children && React.createElement("div", { className: styles.children }, children),
-            title && (React.createElement("div", { className: cn(styles.title, titleClassName), "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
-            compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
+            title && (React.createElement("div", { className: styles.title, "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title') }, title)),
+            compactTitle && subtitle && React.createElement("div", { className: styles.subtitle }, subtitle)));
     };
     const renderCloser = () => (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
         React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose })));
@@ -105,7 +105,7 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 bottomContentRef.current && {
                 top: -bottomContentRef.current.scrollHeight,
             }),
-        }, "data-name": dataName },
+        } },
         React.createElement("div", { className: cn(styles.mainLine, {
                 [styles.mainLineSticky]: withAnimation,
                 [styles.mainLineWithImageBg]: imageUrl,

package/navigation-bar-private/moderncssm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode, RefObject } from "react";
+import { ReactNode } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,18 +108,6 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

package/navigation-bar-private/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode, RefObject } from "react";
+import { ReactNode } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,18 +108,6 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "47.20.0-beta.4",
+  "version": "47.20.0-beta.5",
   "license": "MIT",
   "repository": {
     "type": "git",