@alfalab/core-components 48.10.1 → 48.10.3-beta.0

package/picker-button/component-03d088c4.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TitleProps } from "./index-03d088c4";
-type TitleResponsiveProps = TitleProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: 'desktop' | 'mobile';
-};
-declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
-    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
-    font?: "styrene" | "system" | undefined;
-    defaultMargins?: boolean | undefined;
-    className?: string | undefined;
-    dataTestId?: string | undefined;
-    children?: React.ReactNode;
-    rowLimit?: 1 | 2 | 3 | undefined;
-    showSkeleton?: boolean | undefined;
-    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: "desktop" | "mobile" | undefined;
-} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
-export { TitleResponsiveProps, TitleResponsive };

package/picker-button/component-8bdd19d3.d.ts

@@ -1,123 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes } from "react";
-import { Color } from "./colors-facf1d2a";
-import { TextSkeletonProps } from "./types-1328ead9";
-declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
-type NativeProps = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps, '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' | 'semibold';
-    /**
-     * Шрифт текста
-     */
-    font?: 'styrene' | 'system';
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-type PrivateProps = {
-    styles: {
-        [key: string]: string;
-    };
-    platform: 'mobile' | 'desktop';
-};
-type TitleElementType = HTMLHeadingElement | HTMLDivElement;
-declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    /**
-     * Цвет текста
-     */
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system" | undefined;
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean | undefined;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string | undefined;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3 | undefined;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean | undefined;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & PrivateProps & React.RefAttributes<TitleElementType>>;
-export { getDefaultWeight, TitleProps, TitleBase };

package/picker-button/consts-6c9aad46.d.ts

@@ -1,12 +0,0 @@
-declare const SIZE_TO_CLASSNAME_MAP: {
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    fullscreen: string;
-    500: string;
-    600: string;
-    800: string;
-    1140: string;
-};
-export { SIZE_TO_CLASSNAME_MAP };

package/picker-button/consts-98cfb385.d.ts

@@ -1,13 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-declare const SIZE_TO_CLASSNAME_MAP: {
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    40: string;
-    48: string;
-    56: string;
-    64: string;
-    72: string;
-};
-export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP };

package/picker-button/cssm/Component-11f20b2e.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { View } from "./typings-4b7234ef";
-declare const Modal: React.ForwardRefExoticComponent<import("./index-11f20b2e").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
-    fullscreen?: boolean | undefined;
-    fixedPosition?: boolean | undefined;
-    hasCloser?: boolean | undefined;
-    iOSLock?: boolean | undefined;
-} & {
-    view: View;
-} & React.RefAttributes<HTMLDivElement>>;
-export { Modal };

package/picker-button/cssm/Component-c44170fe.d.ts

@@ -1,286 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
-import { FormControlProps } from "./index-c44170fe";
-type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Начальное значение поля
-     */
-    defaultValue?: string;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean;
-    /**
-     * Крестик для очистки поля
-     */
-    clear?: boolean;
-    /**
-     * Размер компонента
-     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
-     */
-    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: React.ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: 'inner' | 'outer';
-    /**
-     * Атрибут type
-     */
-    type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
-    /**
-     * Ref для обертки input
-     */
-    wrapperRef?: React.Ref<HTMLDivElement> | null;
-    /**
-     * Слот слева
-     */
-    leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: React.ReactNode;
-    /**
-     * Свойства для обертки левых аддонов
-     */
-    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Свойства для обертки правых аддонов
-     */
-    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Слот под инпутом
-     */
-    bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string;
-    /**
-     * Дополнительный класс инпута
-     */
-    inputClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
-    focusedClassName?: string;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
-    filledClassName?: string;
-    /**
-     * Обработчик поля ввода
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-    }) => void;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
-    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик клика по полю
-     */
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseDown по полю
-     */
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseUp по полю
-     */
-    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Компонент FormControl
-     */
-    FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для FormControl используется модификатор -form-control
-     */
-    dataTestId?: string;
-    /**
-     * Запрещает ввод с клавиатуры
-     */
-    disableUserInput?: boolean;
-};
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
-    /**
-     * Значение поля ввода
-     */
-    value?: string | undefined;
-    /**
-     * Начальное значение поля
-     */
-    defaultValue?: string | undefined;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean | undefined;
-    /**
-     * Крестик для очистки поля
-     */
-    clear?: boolean | undefined;
-    /**
-     * Размер компонента
-     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
-     */
-    size?: "s" | "m" | "l" | "xl" | 48 | 40 | 56 | 64 | 72 | undefined;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted" | undefined;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean | undefined;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: React.ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: "inner" | "outer" | undefined;
-    /**
-     * Атрибут type
-     */
-    type?: "number" | "text" | "tel" | "email" | "password" | "money" | undefined;
-    /**
-     * Ref для обертки input
-     */
-    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-    /**
-     * Слот слева
-     */
-    leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: React.ReactNode;
-    /**
-     * Свойства для обертки левых аддонов
-     */
-    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    /**
-     * Свойства для обертки правых аддонов
-     */
-    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    /**
-     * Слот под инпутом
-     */
-    bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string | undefined;
-    /**
-     * Дополнительный класс инпута
-     */
-    inputClassName?: string | undefined;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string | undefined;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string | undefined;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
-    focusedClassName?: string | undefined;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
-    filledClassName?: string | undefined;
-    /**
-     * Обработчик поля ввода
-     */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-    }) => void) | undefined;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
-    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /**
-     * Обработчик клика по полю
-     */
-    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик MouseDown по полю
-     */
-    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик MouseUp по полю
-     */
-    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Компонент FormControl
-     */
-    FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
-        breakpoint?: number | undefined;
-        client?: "desktop" | "mobile" | undefined;
-        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-    } & React.RefAttributes<HTMLDivElement>> | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для FormControl используется модификатор -form-control
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Запрещает ввод с клавиатуры
-     */
-    disableUserInput?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component-ebda875c";
-export { BaseInputProps, BaseInput };

package/picker-button/cssm/Component-d515b24c.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptgroupProps } from "./typings-d515b24c";
-declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
-export { Optgroup };

package/picker-button/cssm/Component-ebda875c.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-interface ClearButtonProps {
-    disabled?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    colors: 'default' | 'inverted';
-    dataTestId?: string;
-    size?: BaseInputProps['size'];
-}
-declare const ClearButton: React.FC<ClearButtonProps>;
-export { ClearButton };

package/picker-button/cssm/Component.desktop-63dec22f.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent'>;
-declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
-export { InputDesktopProps, InputDesktop };

package/picker-button/cssm/Component.desktop-ebda875c.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlDesktopProps, FormControlDesktop };

package/picker-button/cssm/Component.mobile-96988a65.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent'>;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
-export { InputMobileProps, InputMobile };

package/picker-button/cssm/Component.mobile-ebda875c.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };

package/picker-button/cssm/ResponsiveContext-4b7234ef.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TResponsiveModalContext } from "./typings-4b7234ef";
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
-export { ResponsiveContext };

package/picker-button/cssm/colors-facf1d2a.d.ts

@@ -1,3 +0,0 @@
-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];
-export { colors, Color };

package/picker-button/cssm/component-03d088c4.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TitleProps } from "./index-03d088c4";
-type TitleResponsiveProps = TitleProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: 'desktop' | 'mobile';
-};
-declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
-    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
-    font?: "styrene" | "system" | undefined;
-    defaultMargins?: boolean | undefined;
-    className?: string | undefined;
-    dataTestId?: string | undefined;
-    children?: React.ReactNode;
-    rowLimit?: 1 | 2 | 3 | undefined;
-    showSkeleton?: boolean | undefined;
-    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: "desktop" | "mobile" | undefined;
-} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
-export { TitleResponsiveProps, TitleResponsive };