@alfalab/core-components 45.6.0-beta.1 → 45.6.0-beta.2

package/picker-button/modern-pcss-raw/Component-c44170fe.d.ts

@@ -1,291 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
-import { FormControlProps } from "./index-c44170fe";
-interface ClearButtonProps {
-    disabled?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    colors: "default" | "inverted";
-}
-declare const ClearButton: React.FC<ClearButtonProps>;
-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' | 48 | 56 | 64 | 72;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: React.ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: 'inner' | 'outer';
-    /**
-     * Атрибут type
-     */
-    type?: 'number' | 'card' | '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 | 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" | "card" | "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;
-        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-    } & React.RefAttributes<HTMLDivElement>> | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для FormControl используется модификатор -form-control
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Запрещает ввод с клавиатуры
-     */
-    disableUserInput?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component-064acd29";
-export { ClearButton, BaseInputProps, BaseInput };

package/picker-button/modern-pcss-raw/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/modern-pcss-raw/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/modern-pcss-raw/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/modern-pcss-raw/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/modern-pcss-raw/Component.responsive.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "../../select/shared";
-import { PickerButtonDesktopProps } from "./desktop/index";
-type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../select/shared").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("../../button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
-    options: ((import("../../select/shared").OptionShape | import("../../select/shared").GroupShape) & {
-        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./types").PickerButtonSize | undefined;
-    variant?: import("./types").PickerButtonVariant | undefined;
-    showArrow?: boolean | undefined;
-} & AdditionalMobileProps & BottomSheetSelectMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonResponsiveProps, PickerButtonResponsive };

package/picker-button/modern-pcss-raw/Component.responsive.js

@@ -1,26 +0,0 @@
-import React, { forwardRef } from 'react';
-import { useMedia } from '@alfalab/hooks';
-import { PickerButtonDesktop } from './desktop/Component.desktop.js';
-import { PickerButtonMobile } from './mobile/Component.mobile.js';
-import 'classnames';
-import '../../popover/modern-pcss-raw';
-import '../../select/modern-pcss-raw/shared';
-import './field/Component.js';
-import '../../button/modern-pcss-raw';
-import './utils/index.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/icons-glyph/MoreMIcon';
-import '@alfalab/icons-glyph/MoreSIcon';
-import './option/Component.js';
-import '../../select/modern-pcss-raw/mobile';
-
-const PickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
-    const [view] = useMedia([
-        ['mobile', `(max-width: ${breakpoint - 1}px)`],
-        ['desktop', `(min-width: ${breakpoint}px)`],
-    ], 'desktop');
-    return view === 'desktop' ? (React.createElement(PickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(PickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint, ...restProps }));
-});
-
-export { PickerButtonResponsive };

package/picker-button/modern-pcss-raw/Context-c2e6f1b2.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseModalContext } from "./index-bdb4c6b9";
-declare const ModalContext: import("react").Context<BaseModalContext>;
-export { ModalContext };

package/picker-button/modern-pcss-raw/ResponsiveContext-88b743b5.d.ts

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

package/picker-button/modern-pcss-raw/browser-a216f694.d.ts

@@ -1,6 +0,0 @@
-declare function isWebkitBased(): boolean;
-declare const browser: {
-    getScrollbarSize: () => number;
-    isWebkitBased: typeof isWebkitBased;
-};
-export { browser };

package/picker-button/modern-pcss-raw/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/modern-pcss-raw/consts-ef43bf1b.d.ts

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

package/picker-button/modern-pcss-raw/desktop/Component.desktop.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC, SVGProps } from "react";
-import { ButtonProps } from "../../../button";
-import { BaseSelectProps } from "../../../select/shared";
-import { PickerButtonSize, PickerButtonVariant } from "../types";
-type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
-    options: Array<BaseSelectProps['options'][0] & {
-        /**
-         * Иконка, отображающаяся слева от текстового представления пункта
-         */
-        icon?: FC<SVGProps<SVGSVGElement>>;
-    }>;
-    /**
-     * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
-     */
-    size?: PickerButtonSize;
-    /**
-     * Тип кнопки
-     */
-    variant?: PickerButtonVariant;
-    /**
-     * Показывать стрелку
-     * @default true
-     */
-    showArrow?: boolean;
-};
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
-    options: Array<BaseSelectProps['options'][0] & {
-        /**
-         * Иконка, отображающаяся слева от текстового представления пункта
-         */
-        icon?: FC<SVGProps<SVGSVGElement>>;
-    }>;
-    /**
-     * Размер кнопки
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
-     */
-    size?: PickerButtonSize | undefined;
-    /**
-     * Тип кнопки
-     */
-    variant?: PickerButtonVariant | undefined;
-    /**
-     * Показывать стрелку
-     * @default true
-     */
-    showArrow?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonDesktopProps, PickerButtonDesktop };

package/picker-button/modern-pcss-raw/desktop/Component.desktop.js

@@ -1,39 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { Popover } from '../../../popover/modern-pcss-raw';
-import { BaseSelect, OptionsList, Optgroup } from '../../../select/modern-pcss-raw/shared';
-import { Field } from '../field/Component.js';
-import { Option } from '../option/Component.js';
-import '../../../button/modern-pcss-raw';
-import '../utils/index.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/icons-glyph/MoreMIcon';
-import '@alfalab/icons-glyph/MoreSIcon';
-
-const styles = {"container":"container","optionsPopover":"optionsPopover","sideGap":"sideGap","option":"option"};
-require('./../index.css');
-
-const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
-const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 56, variant = 'default', className, leftAddons, rightAddons, popperClassName, optionClassName, showArrow, Field: Field$1 = Field, fieldProps = {}, ...restProps }, ref) => {
-    const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    const fieldDefaultProps = {
-        view,
-        loading,
-        /** size у select, button несовместимы */
-        buttonSize: size,
-        buttonVariant: variant,
-        leftAddons,
-        rightAddons,
-        showArrow,
-        breakpoint: 1,
-    };
-    return (React.createElement(BaseSelect, { ...restProps, Popover: Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field$1, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: {
-            ...fieldDefaultProps,
-            ...fieldProps,
-        }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, {
-            [styles.sideGap]: isSideGap,
-        }), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));
-});
-
-export { PickerButtonDesktop };

package/picker-button/modern-pcss-raw/desktop/index.d.ts

@@ -1,2 +0,0 @@
-export { PickerButtonDesktop, PickerButtonDesktopProps } from "./Component.desktop";
-export {};

package/picker-button/modern-pcss-raw/desktop/index.js

@@ -1,13 +0,0 @@
-export { PickerButtonDesktop } from './Component.desktop.js';
-import 'react';
-import 'classnames';
-import '../../../popover/modern-pcss-raw';
-import '../../../select/modern-pcss-raw/shared';
-import '../field/Component.js';
-import '../../../button/modern-pcss-raw';
-import '../utils/index.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/icons-glyph/MoreMIcon';
-import '@alfalab/icons-glyph/MoreSIcon';
-import '../option/Component.js';

package/picker-button/modern-pcss-raw/field/Component.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-57569e57";
-import { PickerButtonSize, PickerButtonVariant } from "../types";
-type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
-    buttonSize?: PickerButtonSize;
-    buttonVariant?: PickerButtonVariant;
-    showArrow?: boolean;
-};
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => React.JSX.Element;
-export { Field };

package/picker-button/modern-pcss-raw/field/Component.js

@@ -1,45 +0,0 @@
-import React, { Fragment } from 'react';
-import cn from 'classnames';
-import { Button } from '../../../button/modern-pcss-raw';
-import { getIcon } from '../utils/index.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/icons-glyph/MoreMIcon';
-import '@alfalab/icons-glyph/MoreSIcon';
-
-const styles = {"iconContainer":"iconContainer","addonsContainer":"addonsContainer","showControlIcon":"showControlIcon","open":"open","linkOpen":"linkOpen"};
-require('./index.css');
-
-const SIZE_TO_CLASSNAME_MAP = {
-    xxs: 'size-32',
-    xs: 'size-40',
-    s: 'size-48',
-    m: 'size-56',
-    l: 'size-64',
-    xl: 'size-72',
-    32: 'size-32',
-    40: 'size-40',
-    48: 'size-48',
-    56: 'size-56',
-    64: 'size-64',
-    72: 'size-72',
-};
-const Field = ({ buttonSize = 56, buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
-    const Icon = getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize]);
-    const { ref, ...restInnerProps } = innerProps;
-    const buttonProps = {
-        ...restProps,
-        ...restInnerProps,
-    };
-    return (React.createElement("div", { ref: ref },
-        React.createElement(Button, { ...buttonProps, rightAddons: React.createElement(Fragment, null,
-                rightAddons && (React.createElement("span", { className: cn(styles.addonsContainer, {
-                        [styles.showControlIcon]: showArrow || buttonVariant === 'compact',
-                    }) }, rightAddons)),
-                (showArrow || buttonVariant === 'compact') && (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(className, {
-                [styles.linkOpen]: view === 'link' && open,
-            }) }, buttonVariant !== 'compact' && label)));
-};
-
-export { Field };

package/picker-button/modern-pcss-raw/field/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/picker-button/modern-pcss-raw/field/index.js

@@ -1,9 +0,0 @@
-export { Field } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../button/modern-pcss-raw';
-import '../utils/index.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/icons-glyph/MoreMIcon';
-import '@alfalab/icons-glyph/MoreSIcon';

package/picker-button/modern-pcss-raw/index-064acd29.d.ts

@@ -1,13 +0,0 @@
-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';
-type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
-type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
-type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
-type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-type PaddingType = number | string | {
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-};
-type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType };