@alfalab/core-components 48.29.0-beta.0 → 48.29.0

package/international-phone-input/typings-d515b24c.d.ts

@@ -1,486 +1,19 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
-import { HandledEvents } from "react-swipeable/es/types";
-import { TransitionProps } from "react-transition-group/Transition";
-import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
-import { IconButtonProps, BaseFormControlProps, BackdropProps } from "./index-ebda875c";
-import { BackgroundColorType } from "./index-464d40a4";
+import { FC, ReactNode, CSSProperties, MutableRefObject, RefObject, AriaAttributes, ComponentType, FocusEvent, MouseEvent, ReactElement, RefAttributes, SVGProps } from "react";
+import { BottomSheetProps } from "./types-464d40a4";
+import { BottomSheetProps as BottomSheetProps$0 } from "./types-464d40a4";
+import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { ContentProps } from "./typings-4b7234ef";
 import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
+import { NavigationBarPrivateProps } from "./index-235f6347";
+import { BaseModalContext } from "./index-11f20b2e";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
-import { TextSkeletonProps } from "./index-f48ccc7b";
-import { Color } from "./colors-2c123cbc";
-import { Title, TitleProps } from "./index-86dd1e48";
-import { TitleMobile, TitleMobileProps } from "./index-281accb7";
+import { HandledEvents } from "react-swipeable/es/types";
 import { InputProps } from "../input";
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string | null;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: "mobile" | "desktop";
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: IconButtonProps["colors"];
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-type NavigationBarPrivateProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Заголовок шапки
-     */
-    title?: ReactNode;
-    /**
-     * Подзаголовок (доступен только в мобильной версии)
-     */
-    subtitle?: ReactNode;
-    /**
-     * Размер заголовка (compact доступен только в мобильной версии)
-     */
-    titleSize?: "default" | "compact";
-    /**
-     * Доп. класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Дополнительный класс для closer
-     */
-    closerClassName?: string;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие кнопки "Назад"
-     */
-    hasBackButton?: boolean;
-    /**
-     * Дополнительный класс для правого аддона
-     */
-    backButtonClassName?: string;
-    /**
-     * Дополнительные пропсы для кнопки "Назад"
-     */
-    backButtonProps?: Omit<BackArrowAddonProps, "view" | "textOpacity" | "onClick">;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительный класс для нижнего аддона
-     */
-    bottomAddonsClassName?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: "left" | "center";
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Фоновое изображение
-     */
-    imageUrl?: string;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: React.ElementType;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: CloserProps["onClose"];
-    /**
-     * Дополнительные пропсы для компонента Closer.
-     */
-    closerProps?: Omit<CloserProps, "view" | "onClose">;
-    /**
-     * обработчик клика по кнопке "назад"
-     */
-    onBack?: () => void;
-    /**
-     * Вид шапки - мобильный или десктоп
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Ссылка на родительскую ноду overflow: auto
-     */
-    scrollableParentRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Data атрибут для компонента
-     */
-    dataName?: string;
-    /**
-     * Дополнительный класс для title
-     */
-    titleClassName?: string;
-    /**
-     * Ref для title элемента
-     */
-    titleRef?: RefObject<HTMLDivElement>;
-};
-type NavigationBarProps = NavigationBarPrivateProps;
-type BottomSheetTitleAlign = "center" | "left";
-type BottomSheetProps = {
-    /**
-     * Метод, позволяющий донастраивать высоту контейнера для BottomSheet, например с учётом safe-area
-     */
-    adjustContainerHeight?: (height: number) => number;
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps["titleSize"];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps["subtitle"];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps["container"];
-    /**
-     * Рендерить ли в контейнер через портал.
-     */
-    usePortal?: BaseModalProps["usePortal"];
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на контейнер.
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Дополнительный класс
-     */
-    containerClassName?: string;
-    /**
-     * Цвет фона
-     */
-    backgroundColor?: Extract<BackgroundColorType, "primary" | "secondary">;
-    /**
-     * Дополнительный класс шапки
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс футера
-     */
-    footerClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для компонента крестика
-     */
-    closerClassName?: string;
-    /**
-     * Дополнительный класс для компонента стрелки назад
-     */
-    backerClassName?: string;
-    /**
-     * Дополнительный класс для компонента модального окна
-     */
-    modalClassName?: string;
-    /**
-     * Дополнительный класс для обертки модального окна
-     */
-    modalWrapperClassName?: string;
-    /**
-     * Дополнительный класс для маркера
-     */
-    swipeableMarkerClassName?: string;
-    /**
-     * Кастомный маркер
-     */
-    swipeableMarker?: ReactElement;
-    /**
-     * TransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для заголовка используется модификатор -header
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Будет ли свайпаться шторка
-     * @default true
-     */
-    swipeable?: boolean;
-    /**
-     * Будет ли свайпаться контент
-     */
-    swipeableContent?: boolean;
-    /**
-     * Порог свайпа
-     */
-    swipeThreshold?: number;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие компонента стрелки назад
-     */
-    hasBacker?: boolean;
-    /**
-     * Дополнительные пропсы для кнопки "Назад"
-     */
-    backButtonProps?: NavigationBarProps["backButtonProps"];
-    /**
-     * Выравнивание заголовка
-     */
-    titleAlign?: BottomSheetTitleAlign;
-    /**
-     * Фиксирует шапку
-     */
-    stickyHeader?: boolean;
-    /**
-     * Фиксирует футер
-     */
-    stickyFooter?: boolean;
-    /**
-     * Высота шторки
-     */
-    initialHeight?: "default" | "full";
-    /**
-     * Будет ли виден оверлэй
-     */
-    hideOverlay?: boolean;
-    /**
-     * Будет ли видна шапка
-     */
-    hideHeader?: boolean;
-    /**
-     * Будет ли обрезан заголовок
-     */
-    trimTitle?: boolean;
-    /**
-     * Запретить закрытие шторки кликом на оверлэй
-     */
-    disableOverlayClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * Отключает ловушку фокуса
-     */
-    disableFocusLock?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Не анимировать шторку при изменении размера вьюпорта
-     */
-    ignoreScreenChange?: boolean;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: BaseModalProps["backdropProps"];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Реф для управления компонентом.
-     */
-    bottomSheetInstanceRef?: RefObject<{
-        scrollToArea: (idx: number) => void;
-    }>;
-    /**
-     * Реф на контейнер, в котором находится шторка
-     */
-    sheetContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Магнитные области видимой высоты шторки.
-     * Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
-     * По-умолчанию -[0, window.innerHeight - '24px']
-     * массив должен состоять минимум из 2 элементов
-     */
-    magneticAreas?: Array<number | string>;
-    /**
-     * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
-     */
-    initialActiveAreaIndex?: number;
-    /**
-     * Отключает скролл контентной области.
-     */
-    scrollLocked?: boolean;
-    /**
-     * Скрыть скроллбар внутри шторки
-     */
-    hideScrollbar?: boolean;
-    /**
-     * Верхний отступ шторки, если она открыта на максимальную высоту
-     */
-    headerOffset?: number;
-    /**
-     * Содержимое bottom-sheet всегда в DOM
-     */
-    keepMounted?: boolean;
-    /**
-     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
-     */
-    disableRestoreFocus?: boolean;
-    /**
-     * Отключает вызов `onClose` при нажатии Escape
-     */
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-    /**
-     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
-     */
-    onMagnetize?: (index: number) => void;
-    /**
-     * Вызывается после окончания анимации притягивания
-     */
-    onMagnetizeEnd?: (index: number) => void;
-    /**
-     * Вызывается при изменении положения шторки
-     */
-    onOffsetChange?: (offset: number, percent: number) => void;
-    /**
-     * Вызывается в начале свайпа
-     */
-    onSwipeStart?: (event: HandledEvents) => void;
-    /**
-     * Вызывается после окончания свайпа
-     */
-    onSwipeEnd?: (event: HandledEvents | null) => void;
-    /**
-     * Блокирует скролл когда модальное окно открыто. Работает только на iOS
-     */
-    iOSLock?: boolean;
-    /**
-     * Учитывать высоту виртуальной клавиатуры
-     */
-    virtualKeyboard?: boolean;
-};
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
 declare const HEADER_OFFSET = 24;
@@ -731,91 +264,6 @@ declare function useVisualViewportSize(): VisualViewportSize | null;
  * @deprecated use {@link useVisualViewportSize}
  */
 declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "component-primary" | "component-secondary" | "caps" | "tagline";
-    /**
-     * Цвет текста
-     */
-    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;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-    /**
-     * Шрифт текста
-     */
-    font?: "alfasans" | undefined | null;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElementType>>;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleResponsiveProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
 declare enum SwipeDirection {
     Left = "Left",
     Right = "Right",
@@ -1573,7 +1021,7 @@ type BottomSheetSelectMobileProps = {
     /**
      * Дополнительные пропсы шторки
      */
-    bottomSheetProps?: Omit<Partial<BottomSheetProps>, 'bottomAddons'> & {
+    bottomSheetProps?: Omit<Partial<BottomSheetProps$0>, 'bottomAddons'> & {
         bottomAddons?: ((flatOptions: OptionShape[]) => ReactNode) | ReactNode;
     };
 };
@@ -1641,11 +1089,10 @@ type ClearButtonProps = {
      */
     size?: FormControlProps['size'];
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisualViewportSize, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionCommonProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
-export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisualViewportSize, useVisibleViewportSize, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionCommonProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-464d40a4";
 export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
+export type { HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
 export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
-export type { TitleProps } from "./index-86dd1e48";
-export type { Color } from "./colors-2c123cbc";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/list/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('classnames');
-var components_item_Component = require('./Component-5e82779e.js');
+var components_item_Component = require('./Component-1a0f7b7d.js');
 require('./utils.js');
 
 

package/list/components/item/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../typography');
-var components_item_Component = require('../../Component-5e82779e.js');
+var components_item_Component = require('../../Component-1a0f7b7d.js');
 
 
 

package/list/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-5e82779e";
+export * from "../../Component-1a0f7b7d";

package/list/components/item/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('../../Component-5e82779e.js');
+var components_item_Component = require('../../Component-1a0f7b7d.js');
 
 
 

package/list/esm/Component.js

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-cfffa45c.js';
+export { a as List, L as ListContext } from './Component-75e0bce0.js';
 import '../../typography/esm';
 import './utils.js';

package/list/esm/components/item/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { I as Item } from '../../Component-cfffa45c.js';
+export { I as Item } from '../../Component-75e0bce0.js';
 import 'tslib';
 import '../../utils.js';

package/list/esm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-cfffa45c";
+export * from "../../Component-75e0bce0";

package/list/esm/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-cfffa45c.js';
+export { I as Item } from '../../Component-75e0bce0.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-cfffa45c.js';
+export { a as List, L as ListContext } from './Component-75e0bce0.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';

package/list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('./Component-5e82779e.js');
+var components_item_Component = require('./Component-1a0f7b7d.js');
 var presets = require('./presets.js');