@alfalab/core-components-select 13.2.14 → 13.2.15

package/cssm/index-ebda875c.d.ts

@@ -0,0 +1,74 @@
+/// <reference types="react" />
+import React from "react";
+import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes } from "react";
+import { ButtonProps } from "@alfalab/core-components-button";
+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 IconButtonProps = {
+    /**
+     * Компонент иконки
+     */
+    icon: ElementType<{
+        className?: string;
+    }>;
+    /**
+     * Тип кнопки
+     */
+    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
+    /**
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+declare const IconButton: React.ForwardRefExoticComponent<{
+    icon: ElementType<{
+        className?: string;
+    }>;
+    view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    colors?: "default" | "inverted" | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+export { CloserProps, Closer, IconButtonProps, IconButton };

package/cssm/index.js

@@ -2,8 +2,8 @@
 
 var Component = require('./Component.js');
 var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./Component-1481ef6b.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-8f0723b4.js');
+var components_baseSelect_Component = require('./Component-aaa9f3a7.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-e9709f88.js');
 var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_option_Component = require('./components/option/Component.js');

package/cssm/presets/index.js

@@ -2,7 +2,7 @@
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-8f0723b4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-e9709f88.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-skeleton/cssm');
@@ -28,7 +28,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../Component.js');
-require('../Component-1481ef6b.js');
+require('../Component-aaa9f3a7.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');

package/cssm/presets/useLazyLoading/hook.js

@@ -122,8 +122,8 @@ function useLazyLoading(_a) {
              * Таким образом, загрузка следующей "страницы" начнется когда юзер доскроллит список
              * до верхнего края последней опции, что обеспечивает плавность
              */
-            var options_1 = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="option"]');
-            var lastOption = options_1 === null || options_1 === void 0 ? void 0 : options_1[options_1.length - 1];
+            var optionList = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="option"]');
+            var lastOption = optionList === null || optionList === void 0 ? void 0 : optionList[optionList.length - 1];
             if (lastOption) {
                 observer.observe(lastOption);
             }

package/cssm/presets/useSelectWithApply/hook.js

@@ -6,8 +6,8 @@ require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/index.module.css');
-require('../../Component-1481ef6b.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
+require('../../Component-aaa9f3a7.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e9709f88.js');
 require('@alfalab/core-components-form-control/cssm');
 require('@alfalab/hooks');
 require('../../utils.js');

package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -6,8 +6,8 @@ require('classnames');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/index.module.css');
-require('../../../Component-1481ef6b.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-8f0723b4.js');
+require('../../../Component-aaa9f3a7.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-e9709f88.js');
 require('@alfalab/core-components-form-control/cssm');
 require('@alfalab/hooks');
 require('../../../components/field/index.module.css');

package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-8f0723b4";
+export * from "../../../Component-e9709f88";

package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-8f0723b4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-e9709f88.js');
 require('tslib');
 require('react');
 require('../../../components/arrow/Component.js');
@@ -12,7 +12,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('../../../Component.js');
-require('../../../Component-1481ef6b.js');
+require('../../../Component-aaa9f3a7.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/hooks');

package/cssm/responsive.js

@@ -9,7 +9,7 @@ require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('./components/arrow/index.module.css');
-require('./Component-1481ef6b.js');
+require('./Component-aaa9f3a7.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -35,7 +35,7 @@ require('./components/option/index.module.css');
 require('./components/options-list/Component.js');
 require('@alfalab/core-components-scrollbar/cssm');
 require('./components/options-list/index.module.css');
-require('./Component-8f0723b4.js');
+require('./Component-e9709f88.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('react-virtual');

package/cssm/types-ebda875c.d.ts

@@ -0,0 +1,113 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { CloserProps } from "./index-ebda875c";
+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>;
+};
+type ContentParams = {
+    extraClassName?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export { NavigationBarProps, ContentParams };

package/cssm/typings.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes } from 'react';
+import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
 import { InputProps } from "@alfalab/core-components-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -325,7 +325,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -545,6 +545,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/esm/Component-0a180244.d.ts

@@ -0,0 +1,142 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode, FC } from "react";
+import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
+import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
+import { BaseModalProps, BaseModalContext } from "@alfalab/core-components-base-modal";
+import { NavigationBarProps } from "./types-ebda875c";
+type AdditionalMobileProps = {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+};
+type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+type SelectMobileProps$0 = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    footer?: ReactNode;
+    swipeable?: boolean | undefined;
+    isBottomSheet?: boolean | undefined;
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+} & React.RefAttributes<unknown>>;
+declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
+    showClear?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    selectedDraft?: OptionShape[] | undefined;
+    OptionsList?: React.FC<OptionsListProps & React.RefAttributes<unknown>> | undefined;
+} & React.RefAttributes<unknown>>;
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default "m"
+     */
+    size?: "s" | "m" | "l" | "xl" | "fullscreen";
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
+type View = "desktop" | "mobile";
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps["size"]>;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<ContentProps>;
+    Header: React.FC<HeaderProps>;
+    Footer: React.FC<FooterProps>;
+    Closer: React.FC<CloserProps>;
+};
+declare const Content: FC<ContentProps>;
+declare const Modal: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+declare const ModalContext: import("react").Context<BaseModalContext>;
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'>;
+declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
+export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, SelectModalMobileProps, SelectModalMobile };

package/esm/{Component-3d9b84ce.js → Component-0a180244.js}

@@ -7,7 +7,7 @@ import { useMultipleSelection, useCombobox } from 'downshift';
 import { BottomSheet } from '@alfalab/core-components-bottom-sheet/esm';
 import { ModalMobile } from '@alfalab/core-components-modal/esm/mobile';
 import './Component.js';
-import { g as getDataTestId } from './Component-105eafca.js';
+import { g as getDataTestId } from './Component-4bb3c303.js';
 import { Field } from './components/field/Component.js';
 import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';
@@ -18,7 +18,7 @@ import '@alfalab/hooks';
 import { processOptions } from './utils.js';
 import { BaseOption } from './components/base-option/Component.js';
 import '@alfalab/core-components-skeleton/esm';
-import './intersection-observer-9c4df9c1.js';
+import './intersection-observer-6d12bd0a.js';
 import { Button } from '@alfalab/core-components-button/esm';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/core-components-form-control/esm';
@@ -31,7 +31,7 @@ import { Checkmark } from './components/base-select-mobile/checkmark/Component.j
 import { OptionsList as OptionsList$1 } from './components/base-select-mobile/options-list/Component.js';
 import { VirtualOptionsList } from './components/base-select-mobile/virtual-options-list/Component.js';
 
-var styles$1 = {"footer":"select__footer_m2bj3","withBorder":"select__withBorder_m2bj3"};
+var styles$1 = {"footer":"select__footer_4wfri","withBorder":"select__withBorder_4wfri"};
 require('./presets/useSelectWithApply/options-list-with-apply/index.css')
 
 var OptionsListWithApply = forwardRef(function (_a, ref) {
@@ -142,7 +142,7 @@ function useSelectWithApply(_a) {
     };
 }
 
-var styles = {"component":"select__component_k4a7o","popoverInner":"select__popoverInner_k4a7o","sheet":"select__sheet_k4a7o","sheetContent":"select__sheetContent_k4a7o","sheetContainer":"select__sheetContainer_k4a7o","block":"select__block_k4a7o","option":"select__option_k4a7o","optionGroup":"select__optionGroup_k4a7o"};
+var styles = {"component":"select__component_2yeg3","popoverInner":"select__popoverInner_2yeg3","sheet":"select__sheet_2yeg3","sheetContent":"select__sheetContent_2yeg3","sheetContainer":"select__sheetContainer_2yeg3","block":"select__block_2yeg3","option":"select__option_2yeg3","optionGroup":"select__optionGroup_2yeg3"};
 require('./components/base-select-mobile/index.css')
 
 var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;

package/esm/Component-3885b0d7.d.ts

@@ -0,0 +1,169 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { NavigationBarProps } from "./types-ebda875c";
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: "mobile" | "desktop";
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
+declare const NavigationBar: FC<NavigationBarProps>;
+export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
+export type { TitleProps, TextProps, Color };