@alfalab/core-components-tabs 7.3.9 → 7.3.11

package/esm/components/secondary-tablist/mobile.css

@@ -1,7 +1,7 @@
-/* hash: 1g2cq */
+/* hash: 1pm5d */
 :root {
-}/* deprecated */:root {
-}:root {
+}/* deprecated */:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+}:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 }:root {
 }:root {
 
@@ -51,30 +51,30 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}.tabs__component_1ki8z {
+}.tabs__component_131lr {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_1ki8z {
+}.tabs__fullWidthScroll_131lr {
     margin: 0 var(--gap-m);
-}.tabs__container_1ki8z {
+}.tabs__container_131lr {
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
-}.tabs__title_1ki8z {
+}.tabs__title_131lr {
     white-space: nowrap;
-}/* sizes */.tabs__xxs_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
+}/* sizes */.tabs__xxs_131lr .tabs__title_131lr + .tabs__title_131lr {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}.tabs__xs_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
+}.tabs__xs_131lr .tabs__title_131lr + .tabs__title_131lr {
     margin-left: var(--secondary-tablist-xs-gaps);
-}.tabs__s_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
+}.tabs__s_131lr .tabs__title_131lr + .tabs__title_131lr {
     margin-left: var(--secondary-tablist-s-gaps);
-}.tabs__m_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
+}.tabs__m_131lr .tabs__title_131lr + .tabs__title_131lr {
     margin-left: var(--secondary-tablist-m-gaps);
-}.tabs__l_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
+}.tabs__l_131lr .tabs__title_131lr + .tabs__title_131lr {
     margin-left: var(--secondary-tablist-l-gaps);
-}.tabs__xl_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
+}.tabs__xl_131lr .tabs__title_131lr + .tabs__title_131lr {
     margin-left: var(--secondary-tablist-xl-gaps);
 } :root {
     --color-dark-indigo: #0b1f35;
@@ -295,6 +295,44 @@
     --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
     --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
     --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
+    --color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */
+    --color-dark-bg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
+    --color-dark-bg-link-muted: #001c3c; /* deprecated */
+    --color-dark-bg-neutral: #485767; /* deprecated */
+    --color-dark-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
+    --color-dark-bg-primary-grouped: #0b1f35; /* deprecated */
+    --color-dark-bg-secondary-grouped: #233549; /* deprecated */
+    --color-dark-bg-tertiary-grouped: #3c4c5d; /* deprecated */
+    --color-dark-graphic-neutral: #485767; /* deprecated */
+    --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
+    --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25); /* deprecated */
+    --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
+    --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
+    --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
+    --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
+    --color-light-bg-component: rgba(11, 31, 53, 0.07); /* deprecated */
+    --color-light-bg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
+    --color-light-bg-link-muted: #d6e8fc; /* deprecated */
+    --color-light-bg-neutral: #dbdee1; /* deprecated */
+    --color-light-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
+    --color-light-bg-primary-grouped: #f3f4f5; /* deprecated */
+    --color-light-bg-secondary-grouped: #fff; /* deprecated */
+    --color-light-bg-tertiary-grouped: #f3f4f5; /* deprecated */
+    --color-light-graphic-neutral: #dbdee1; /* deprecated */
+    --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
+    --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15); /* deprecated */
+    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
+    --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
+    --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
+    --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
+    --color-static-bg-dark: #000; /* deprecated */
+    --color-static-bg-light: #fff; /* deprecated */
+    --color-static-bg-neutral-dark: #485767; /* deprecated */
+    --color-static-bg-neutral-light: #dbdee1; /* deprecated */
+    --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6); /* deprecated */
+    --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
+    --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
+    --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
     --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
     --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -358,6 +396,7 @@
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
     --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
+    --color-dark-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
     --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
     --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -508,6 +547,7 @@
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
     --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
+    --color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
     --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
     --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -688,6 +728,35 @@
     --color-static-status-purple: #673ab7;
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
+    --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
+    --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
+    --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
+    --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
+    --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
+    --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
+    --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
+    --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
+    --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
+    --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
+    --color-static-graphic-java-old: #15c0e0; /* deprecated */
+    --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
+    --color-static-graphic-matisse-old: #16548f; /* deprecated */
+    --color-static-graphic-maya: #7eb3ff; /* deprecated */
+    --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
+    --color-static-graphic-mirage-old: #1d2434; /* deprecated */
+    --color-static-graphic-nevada-old: #626b75; /* deprecated */
+    --color-static-graphic-olivine-old: #87b965; /* deprecated */
+    --color-static-graphic-permission: #ff5c5c; /* deprecated */
+    --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
+    --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
+    --color-static-graphic-porsche-old: #e7b965; /* deprecated */
+    --color-static-graphic-red-damask-old: #da713c; /* deprecated */
+    --color-static-graphic-saffron-old: #f0c330; /* deprecated */
+    --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
+    --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
+    --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
+    --color-static-graphic-valencia-old: #d8463b; /* deprecated */
+    --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
     --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
@@ -696,6 +765,7 @@
     --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 } :root {
+    --color-dynamic-nulled: rgba(0, 0, 0, 0);
     --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
     --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
     --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -708,6 +778,7 @@
     --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
     --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
     --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
+    --color-static-nulled: rgba(0, 0, 0, 0);
     --color-static-primary-dark: rgba(0, 0, 0, 0.8);
     --color-static-primary-light: rgba(255, 255, 255, 0.8);
     --color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -881,7 +952,7 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__title_1g837 {
-} .tabs__mobile_1g837 .tabs__title_1g837 + .tabs__title_1g837 {
+} .tabs__title_qvupy {
+} .tabs__mobile_qvupy .tabs__title_qvupy + .tabs__title_qvupy {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }

package/esm/components/tab/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"tabs__component_yzjr9","hidden":"tabs__hidden_yzjr9"};
+var styles = {"component":"tabs__component_1obs9","hidden":"tabs__hidden_1obs9"};
 require('./index.css')
 
 var Tab = function (_a) {

package/esm/components/tab/index.css

@@ -1,8 +1,8 @@
-/* hash: emr21 */
-.tabs__component_yzjr9 {
+/* hash: 1vg2j */
+.tabs__component_1obs9 {
     outline: none;
 }
 
-.tabs__hidden_yzjr9 {
+.tabs__hidden_1obs9 {
     display: none;
 }

package/esm/components/tabs/Component.desktop.js

@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-ea1e031b.js';
+import '../../index.module-1865aaf0.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import '../../index.module-b06e730b.js';
+import '../../index.module-e818c324.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

package/esm/components/tabs/Component.mobile.js

@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-ea1e031b.js';
+import '../../index.module-1865aaf0.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import '../../index.module-b06e730b.js';
+import '../../index.module-e818c324.js';
 
 var views = {
     primary: PrimaryTabListMobile,

package/esm/components/tabs/Component.responsive.js

@@ -18,12 +18,12 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-ea1e031b.js';
+import '../../index.module-1865aaf0.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import '../../index.module-b06e730b.js';
+import '../../index.module-e818c324.js';
 import '../secondary-tablist/Component.mobile.js';
 
 var views = {

package/esm/desktop.js

@@ -16,10 +16,10 @@ import './hooks/use-tablist-titles.js';
 import '@alfalab/hooks';
 import './synthetic-events.js';
 import './components/title/Component.js';
-import './index.module-ea1e031b.js';
+import './index.module-1865aaf0.js';
 import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-b06e730b.js';
+import './index.module-e818c324.js';
 import './components/tabs/Component.js';
 import '@juggle/resize-observer';

package/{getDataTestId-3fe0d3e6.d.ts → esm/index-3885b0d7.d.ts}

@@ -1,2 +1,3 @@
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { getDataTestId };
+declare const isClient: () => boolean;
+export { getDataTestId, isClient };

package/esm/index-3e68f8db.d.ts

@@ -2,7 +2,7 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-cac440c1";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-a8deae7f";
 type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
     /**
@@ -94,5 +94,5 @@ declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./hook-edac5428";
 export * from "./index-48646db0";
-export * from "./typings-cac440c1";
-export * from "./utils-cac440c1";
+export * from "./typings-a8deae7f";
+export * from "./utils-a8deae7f";

package/esm/index-48646db0.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-cac440c1";
+export * from "./Component-a8deae7f";
 export * from "./index-ebda875c";

package/esm/index-7ca84eff.d.ts

@@ -1,215 +1 @@
-/// <reference types="react-transition-group" />
-/// <reference types="react" />
-import React from "react";
-import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
-import { TransitionProps } from "react-transition-group/Transition";
-import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { SwipeableHandlers } from "react-swipeable/types";
-import { BackdropProps } from "./index-ebda875c";
-type BottomSheetTitleAlign = "center" | "left";
-type BottomSheetProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps["titleSize"];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps["subtitle"];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps["container"];
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на контейнер.
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Дополнительный класс
-     */
-    containerClassName?: string;
-    /**
-     * Дополнительный класс шапки
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс футера
-     */
-    footerClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для компонента крестика
-     */
-    closerClassName?: string;
-    /**
-     * Дополнительный класс для компонента стрелки назад
-     */
-    backerClassName?: string;
-    /**
-     * Дополнительный класс для компонента модального окна
-     */
-    modalClassName?: string;
-    /**
-     * Дополнительный класс для обертки модального окна
-     */
-    modalWrapperClassName?: string;
-    /**
-     * TransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Будет ли свайпаться шторка
-     * @default true
-     */
-    swipeable?: boolean;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие компонента стрелки назад
-     */
-    hasBacker?: boolean;
-    /**
-     * Выравнивание заголовка
-     */
-    titleAlign?: BottomSheetTitleAlign;
-    /**
-     * Фиксирует шапку
-     */
-    stickyHeader?: boolean;
-    /**
-     * Фиксирует футер
-     */
-    stickyFooter?: boolean;
-    /**
-     * Высота шторки
-     */
-    initialHeight?: "default" | "full";
-    /**
-     * Будет ли виден оверлэй
-     */
-    hideOverlay?: boolean;
-    /**
-     * Будет ли видна шапка
-     */
-    hideHeader?: boolean;
-    /**
-     * Будет ли обрезан заголовок
-     */
-    trimTitle?: boolean;
-    /**
-     * Запретить закрытие шторки кликом на оверлэй
-     */
-    disableOverlayClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Не анимировать шторку при изменении размера вьюпорта
-     */
-    ignoreScreenChange?: boolean;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: BaseModalProps["backdropProps"];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-};
-/* Верхний отступ шторки, если она открыта на максимальную высоту */
-declare const HEADER_OFFSET = 24;
-declare const CLOSE_OFFSET = 0.2;
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-};
-declare const Footer: FC<FooterProps>;
-type SwipeableBackdropProps = BackdropProps & {
-    /**
-     * Прозрачность бэкдропа
-     */
-    opacity?: number;
-    /**
-     * Обработчики свайпа
-     */
-    handlers?: SwipeableHandlers;
-    /**
-     * Время анимации opacity
-     */
-    opacityTimeout?: number;
-};
-declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
+export * from "./component-3885b0d7";

package/esm/index-e81c389f.d.ts

@@ -1,141 +1,3 @@
-/// <reference types="react" />
-/* eslint-disable complexity */
-import React from "react";
-import { FC, ReactNode, ButtonHTMLAttributes, ElementType } from "react";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-declare const Closer: FC<CloserProps>;
-type NavigationBarProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Подзаголовок (доступен только в мобильной версии)
-     */
-    subtitle?: string;
-    /**
-     * Размер заголовка (compact доступен только в мобильной версии)
-     */
-    titleSize?: "default" | "compact";
-    /**
-     * Доп. класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Дополнительный класс для closer
-     */
-    closerClassName?: string;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие кнопки "Назад"
-     */
-    hasBackButton?: boolean;
-    /**
-     * Дополнительный класс для правого аддона
-     */
-    backButtonClassName?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительный класс для нижнего аддона
-     */
-    bottomAddonsClassName?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: "left" | "center";
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Фоновое изображение
-     */
-    imageUrl?: string;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: React.ElementType;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: CloserProps["onClose"];
-    /**
-     * обработчик клика по кнопке "назад"
-     */
-    onBack?: () => void;
-    /**
-     * Вид шапки - мобильный или десктоп
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Ссылка на родительскую ноду overflow: auto
-     */
-    scrollableParentRef?: React.RefObject<HTMLDivElement>;
-};
-declare const NavigationBar: FC<NavigationBarProps>;
-export { NavigationBar, CloserProps, Closer };
-export * from "./Component-ebda875c";
-export type { NavigationBarProps };
+export * from "./Component-3885b0d7";
+export * from "./index-ebda875c";
+export type { NavigationBarProps } from "./types-ebda875c";

package/esm/index-ebda875c.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-cac440c1";
+export * from "./Component-a8deae7f";

package/esm/index.js

@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-ea1e031b.js';
+import './index.module-1865aaf0.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-b06e730b.js';
+import './index.module-e818c324.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';