@foxford/ui 2.53.0 → 2.54.0

package/dts/index.d.ts

@@ -4647,7 +4647,7 @@ interface IconProps extends ResponsiveSizeProps<Size, SizeValue>, ResponsiveMarg
     /** Icon color */
     color?: Color;
     /** Built-in icon name */
-    name?: IconName;
+    name?: IconName | 'unknown';
     /** Custom icon element */
     icon?: JSX.Element;
     /** Value for vertical-align */
@@ -4837,11 +4837,17 @@ ResponsiveNamedProperty<'paddingLeft'>,
 ResponsiveNamedProperty<'fontSize'>, 
 /** @deprecated Use size props */
 ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
-    /** UI: brand (v3), or default (v2) */
+    /**
+     * UI: v3 (brand), or v2 (default)
+     * @default "default" */
     preset?: ThemePreset;
-    /** Custom colors */
+    /**
+     * Custom colors
+     * @default undefined */
     palette?: Partial<Record<keyof ButtonPalette, Color>>;
-    /** React children */
+    /**
+     * React children
+     * @default undefined */
     children?: React.ReactNode | ((props: {
         baseTextProps: Partial<TextProps>;
         textProps: TextProps;
@@ -4849,42 +4855,78 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
         iconProps: ButtonProps['iconProps'];
         icon: ButtonProps['icon'];
     }) => React.ReactNode);
-    /** Props for text component */
+    /**
+     * Props for text component
+     * @default {} */
     textProps?: TextProps;
-    /** Display inline */
+    /**
+     * Display inline
+     * @default true */
     inline?: boolean;
-    /** Icons before and after content */
+    /**
+     * Icons before and after content
+     * @default undefined */
     icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Props for icon components */
+    /**
+     * Props for icon components
+     * @default {} */
     iconProps?: IconProps;
-    /** Border radius 50% */
+    /**
+     * Border radius 50%
+     * @default false */
     round?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     success?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     loading?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     black?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     danger?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
+    contrast?: boolean;
+    /**
+     * Appearance variant
+     * @default false */
     clear?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     base?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     outline?: boolean;
-    /** Link from react-router-dom will be used.
-     *  Look up [docs](https://v5.reactrouter.com/web/api/Link) */
+    /**
+     *  Link from react-router-dom will be used.
+     *  Look up [docs](https://v5.reactrouter.com/web/api/Link)
+     * @default undefined */
     to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
-    /** Anchor element will be used */
+    /**
+     * Anchor element will be used
+     * @default undefined */
     href?: string;
-    /** Anchor attribute  */
+    /**
+     * Anchor attribute
+     * @default undefined */
     target?: string;
-    /** Anchor attribute */
+    /**
+     * Anchor attribute
+     * @default undefined */
     rel?: string;
-    /** Build rel attribute with relBuilder from context */
+    /**
+     * Build rel attribute with relBuilder from context
+     * @default false */
     autoRel?: boolean;
     /** @ignore Appearance variant */
     primary?: boolean;
@@ -4893,6 +4935,8 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
     /** @ignore Appearance variant */
     inverted?: boolean;
     /** @ignore @deprecated */
+    onColored?: boolean;
+    /** @ignore @deprecated */
     noSpacing?: boolean;
     /** @ignore @deprecated Use href or to props */
     as?: React.ElementType<any>;
@@ -4991,28 +5035,50 @@ declare type ArrowPalette = {
     shadowColor: CSSColor;
 };
 interface ArrowProps extends ResponsiveSizeProps<Size, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
-    /** UI: brand (v3), or default (v2) */
+    /**
+     * UI: v3 (brand), or v2 (default)
+     * @default "default" */
     preset?: ThemePreset;
-    /** Custom colors */
+    /**
+     * Custom colors
+     * @default undefined */
     palette?: Partial<Record<keyof ArrowPalette, Color>>;
-    /** Props for icon component */
+    /**
+     * Props for icon component
+     * @default {} */
     iconProps?: IconProps;
-    /** Shape variant */
+    /**
+     * Shape variant
+     * @default false */
     square?: boolean;
-    /** Arrow direction */
+    /**
+     * Arrow direction
+     * @default true */
     top?: boolean;
-    /** Arrow direction */
+    /**
+     * Arrow direction
+     * @default false */
     right?: boolean;
-    /** Arrow direction */
+    /**
+     * Arrow direction
+     * @default false */
     bottom?: boolean;
-    /** Arrow direction */
+    /**
+     * Arrow direction
+     * @default false */
     left?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
+    contrast?: boolean;
+    /**
+     * Appearance variant
+     * @default false */
     outline?: boolean;
     /** @ignore */
     inverse?: boolean;
+    /** @ignore @deprecated */
+    onColored?: boolean;
 }
 
 /**
@@ -5046,23 +5112,41 @@ declare type InputCheckboxPalette = {
     borderColorDisabledChecked: CSSColor;
 };
 interface InputCheckboxProps extends ResponsiveSizeProps<CheckboxSize$1>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
-    /** Текущее состояние контрола (использование включает контролируемый режим) */
+    /**
+     * Текущее состояние контрола (использование включает контролируемый режим)
+     * @default undefined */
     checked?: boolean;
-    /** Начальное состояние контрола */
+    /**
+     * Начальное состояние контрола
+     * @default false */
     defaultChecked?: boolean;
-    /** Колбек, который будет вызван при изменении состояния контрола */
+    /**
+     * Колбек, который будет вызван при изменении состояния контрола
+     * @default undefined */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** Кастомные цвета */
+    /**
+     * Кастомные цвета
+     * @default undefined */
     palette?: Partial<Record<keyof InputCheckboxPalette, Color>>;
-    /** Рендер рутового элемента инлайн */
+    /**
+     * Рендер рутового элемента инлайн
+     * @default false */
     inline?: boolean;
-    /** Визуальное состояние `indeterminate` (не влияет на стейт `checked`) */
+    /**
+     * Визуальное состояние `indeterminate` (не влияет на стейт `checked`)
+     * @default false */
     indeterminate?: boolean;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     error?: boolean;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     success?: boolean;
-    /** Адаптировать цветовую схему для контрастного фона */
+    /**
+     * Адаптировать цветовую схему для контрастного фона
+     * @default false */
     contrast?: boolean;
     /** @ignore @deprecated */
     onColored?: boolean;
@@ -5953,19 +6037,31 @@ declare type IconButtonPalette = {
     backgroundColorDisabled: CSSColor;
 };
 interface IconButtonProps extends ResponsiveSizeProps<IconButtonSize, IconButtonSize | number>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
-    /** Custom colors */
+    /**
+     * Custom colors
+     * @default undefined */
     palette?: Partial<Record<keyof IconButtonPalette, Color>>;
     /** Icon to display */
-    icon?: JSX.Element | IconName;
-    /** Props for icon component */
+    icon: JSX.Element | IconName | 'unknown';
+    /**
+     * Props for icon component
+     * @default {} */
     iconProps?: IconProps;
-    /** Shape variant */
+    /**
+     * Shape variant
+     * @default false */
     square?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default true */
     primary?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     secondary?: boolean;
-    /** Appearance variant */
+    /**
+     * Appearance variant
+     * @default false */
     contrast?: boolean;
 }
 
@@ -6019,7 +6115,7 @@ interface ChipProps extends ResponsiveSizeProps<ChipSize, ChipSize | number>, Re
     /** Props for indicator component */
     indicatorProps?: IndicatorProps;
     /** Props for button with 'close' icon */
-    discardButtonProps?: IconButtonProps;
+    discardButtonProps?: Partial<IconButtonProps>;
     /** Appearance variant */
     primary?: boolean;
     /** Appearance variant */
@@ -6074,7 +6170,7 @@ interface MenuComponentProps extends ResponsiveSizeProps<MenuComponentSize>, Omi
     /** Show button to close menu (forward to children) */
     showCloseButton?: boolean;
     /** Props for close button (forward to children) */
-    closeButtonProps?: IconButtonProps;
+    closeButtonProps?: Partial<IconButtonProps>;
     /** @ignore Internal callback */
     closeFn?: () => void;
 }
@@ -6114,7 +6210,7 @@ interface MenuContainerProps extends React.ComponentPropsWithRef<'div'> {
     /** Show button with 'close' icon */
     showCloseButton?: boolean;
     /** Props for close button */
-    closeButtonProps?: IconButtonProps;
+    closeButtonProps?: Partial<IconButtonProps>;
     /** @ignore Internal callback */
     closeFn?: () => void;
 }
@@ -6194,7 +6290,7 @@ interface MenuProps extends ResponsiveSizeProps<MenuComponentSize>, React.RefAtt
     /** Show button to close menu (applicable for Menu.Container, or custom component) */
     showCloseButton?: boolean;
     /** Props for close button */
-    closeButtonProps?: IconButtonProps;
+    closeButtonProps?: Partial<IconButtonProps>;
 }
 
 /**
@@ -6233,7 +6329,7 @@ interface DialogComponentProps extends ResponsiveSizeProps<DialogComponentSize>,
      * Пропсы для кнопки действия в правом верхнем углу диалога (дефолт иконка close).
      * Для рендера кнопки нужно передать iconButtonProps.onClick
      */
-    iconButtonProps?: IconButtonProps;
+    iconButtonProps?: Partial<IconButtonProps>;
     /** Функция для рендера контролов диалога (аргументом получает текущие пропсы размеров) */
     controls?: (props: Partial<Record<keyof Pick<DialogComponentProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>, Size>>) => React.ReactNode;
     /** Рендер области для захвата окна для перетаскивания */
@@ -6340,7 +6436,7 @@ interface DialogProps extends ResponsiveSizeProps<DialogComponentSize>, Responsi
      * Пропсы для кнопки действия в правом верхнем углу диалога (дефолт иконка close).
      * Для рендера кнопки нужно передать iconButtonProps.onClick
      */
-    iconButtonProps?: IconButtonProps;
+    iconButtonProps?: Partial<IconButtonProps>;
     /** Функция для рендера контролов диалога (аргументом получает текущие пропсы размеров) */
     controls?: (props: Partial<Record<keyof Pick<DialogProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>, Size>>) => React.ReactNode;
     /**
@@ -6432,7 +6528,7 @@ interface NotificationProps extends ResponsiveSizeProps<NotificationSize>, Respo
      * Пропсы для кнопки с иконкой "close".
      * Для рендера нужно передать "onClick"
      */
-    discardButtonProps?: IconButtonProps;
+    discardButtonProps?: Partial<IconButtonProps>;
     /** Пропсы для иконки слева */
     iconProps?: IconProps;
     /** Не показывать иконку слева */
@@ -6538,17 +6634,29 @@ declare type SwitchPalette = {
 interface KnobProps extends ResponsiveSizeProps<SwitchSize>, React.ComponentPropsWithoutRef<'span'> {
 }
 interface SwitchProps extends ResponsiveSizeProps<SwitchSize>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
-    /** Текущее состояние контрола (использование включает контролируемый режим) */
+    /**
+     * Текущее состояние контрола (использование включает контролируемый режим)
+     * @default undefined */
     checked?: boolean;
-    /** Начальное состояние контрола */
+    /**
+     * Начальное состояние контрола
+     * @default false */
     defaultChecked?: boolean;
-    /** Колбек, который будет вызван при изменении состояния контрола */
+    /**
+     * Колбек, который будет вызван при изменении состояния контрола
+     * @default undefined */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** Кастомные цвета */
+    /**
+     * Кастомные цвета
+     * @default undefined */
     palette?: Partial<Record<keyof SwitchPalette, Color>>;
-    /** Пропсы для ручки переключателя */
+    /**
+     * Пропсы для ручки переключателя
+     * @default {} */
     knobProps?: KnobProps;
-    /** Рендер рутового элемента инлайн */
+    /**
+     * Рендер рутового элемента инлайн
+     * @default false */
     inline?: boolean;
 }
 
@@ -7928,56 +8036,108 @@ interface InputProps extends ResponsiveSizeProps<InputSize>, ResponsiveMarginPro
 ColorProperty, 
 /** @deprecated */
 ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
-    /** Пропсы для дополнительной кнопки с правого края.
-     *  Для рендера контрола нужно передать addonButtonProps.onClick */
-    addonButtonProps?: IconButtonProps;
-    /** Отображение маски при пустом инпуте, который не имеет фокуса */
+    /**
+     * Пропсы для дополнительной кнопки с правого края.
+     * Для рендера контрола нужно передать addonButtonProps.icon и addonButtonProps.onClick
+     * @default {} */
+    addonButtonProps?: Partial<IconButtonProps>;
+    /**
+     * Отображение маски при пустом инпуте, который не имеет фокуса
+     * @default false */
     alwaysShowMask?: boolean;
-    /** Колбек, который будет вызван до передачи значения маски в инпут. Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme) */
+    /**
+     * Колбек, который будет вызван до передачи значения маски в инпут.
+     * Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme)
+     * @default undefined */
     beforeMaskedValueChange?: (newState: InputState, oldState: InputState, userInput: string, maskOptions: MaskOptions) => InputState;
-    /** Адаптировать цветовую схему для контрастного фона */
+    /**
+     * Адаптировать цветовую схему для контрастного фона
+     * @default false */
     contrast?: boolean;
-    /** Дефолтное значение инпута */
+    /**
+     * Дефолтное значение инпута
+     * @default undefined */
     defaultValue?: string;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     error?: boolean;
-    /** Конфиг валидации текстового ввода с учетом используемой маски. Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme) */
+    /**
+     * Конфиг валидации текстового ввода с учетом используемой маски.
+     * Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme)
+     * @default undefined */
     formatChars?: Record<string, string>;
-    /** Иконки для отображения с левого и правого края */
+    /**
+     * Иконки для отображения с левого и правого края
+     * @default undefined */
     icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Пропсы для компонентов иконок */
+    /**
+     * Пропсы для компонентов иконок
+     * @default {} */
     iconProps?: IconProps;
-    /** Отображать компонент на одной линии с другими */
+    /**
+     * Отображать компонент на одной линии с другими
+     * @default false */
     inline?: boolean;
-    /** Тип браузерной виртуальной клавиатуры */
+    /**
+     * Тип браузерной виртуальной клавиатуры
+     * @default undefined */
     inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-    /** Текст лейбла */
+    /**
+     * Текст лейбла
+     * @default undefined */
     label?: React.ReactNode;
-    /** Положение текста лейбла (дефолт `dynamic`) */
+    /**
+     * Положение текста лейбла
+     * @default "dynamic" */
     labelPosition?: 'dynamic' | 'top' | 'center';
-    /** Маска инпута. Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme) */
+    /**
+     * Маска инпута.
+     * Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme)
+     * @default undefined */
     mask?: string;
-    /** Символ-плейсхолдер для незаполненных сегментов маски. Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme) */
+    /**
+     * Символ-плейсхолдер для незаполненных сегментов маски.
+     * Подробнее в доках [react-input-mask](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=readme)
+     * @default undefined */
     maskChar?: string | null;
-    /** Колбек, который будет вызван после изменения значения инпута.
-     *  Передача обязательна, если компонент используется в контролируемом режиме */
+    /**
+     * Колбек, который будет вызван после изменения значения инпута.
+     * Передача обязательна, если компонент используется в контролируемом режиме
+     * @default undefined */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** Кастомные цвета */
+    /**
+     * Кастомные цвета
+     * @default undefined */
     palette?: Partial<Record<keyof InputPalette, Color>>;
-    /** Версия компонента: brand (v3) или default (v2) */
+    /**
+     * Версия компонента: brand (v3) или default (v2)
+     * @default "default" */
     preset?: ThemePreset;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default true */
     primary?: boolean;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     secondary?: boolean;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     success?: boolean;
-    /** Дополнительный текст с правого края */
+    /**
+     * Дополнительный текст с правого края
+     * @default undefined */
     text?: React.ReactNode;
-    /** Тип инпута (дефолт `text`) */
+    /**
+     * Тип инпута
+     * @default "text" */
     type?: 'email' | 'number' | 'password' | 'tel' | 'text' | 'url';
-    /** Текущее значение инпута.
-     *  Значение отличное от undefined включает контролируемый режим */
+    /**
+     * Текущее значение инпута.
+     * Значение отличное от undefined включает контролируемый режим
+     * @default undefined */
     value?: string;
     /** @ignore */
     fluid?: boolean;
@@ -8042,21 +8202,37 @@ declare type InputRadioPalette = {
     borderColorDisabledChecked: CSSColor;
 };
 interface InputRadioProps extends ResponsiveSizeProps<RadioSize>, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
-    /** Текущее состояние контрола (использование включает контролируемый режим) */
+    /**
+     * Текущее состояние контрола (использование включает контролируемый режим)
+     * @default undefined */
     checked?: boolean;
-    /** Начальное состояние контрола */
+    /**
+     * Начальное состояние контрола
+     * @default false */
     defaultChecked?: boolean;
-    /** Колбек, который будет вызван при изменении состояния контрола */
+    /**
+     * Колбек, который будет вызван при изменении состояния контрола
+     * @default undefined */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** Кастомные цвета */
+    /**
+     * Кастомные цвета
+     * @default undefined */
     palette?: Partial<Record<keyof InputRadioPalette, Color>>;
-    /** Рендер рутового элемента инлайн */
+    /**
+     * Рендер рутового элемента инлайн
+     * @default false */
     inline?: boolean;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     error?: boolean;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     success?: boolean;
-    /** Адаптировать цветовую схему для контрастного фона */
+    /**
+     * Адаптировать цветовую схему для контрастного фона
+     * @default false */
     contrast?: boolean;
     /** @ignore @deprecated */
     onColored?: boolean;
@@ -8209,7 +8385,7 @@ interface FormLabelProps extends ResponsiveSizeProps<FormLabelSize>, ResponsiveM
     hint?: {
         text?: React.ReactNode;
         textProps?: TextProps;
-        buttonProps?: IconButtonProps;
+        buttonProps?: Partial<IconButtonProps>;
         tooltipProps?: TooltipProps;
     };
     /** @ignore @deprecated */
@@ -8252,69 +8428,133 @@ interface DropdownMenuProps extends MenuComponentProps {
     expanseDirectionLeft?: boolean;
 }
 interface DropdownProps extends ResponsiveSizeProps<DropdownSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
-    /** Атрибут autofocus для текстового инпута */
+    /**
+     * Атрибут autofocus для текстового инпута
+     * @default false */
     autoFocus?: boolean;
-    /** Закрывать выпадающее меню при скролле */
+    /**
+     * Закрывать выпадающее меню при скролле
+     * @default false */
     closeMenuOnScroll?: boolean;
-    /** Адаптировать цветовую схему для контрастного фона */
+    /**
+     * Адаптировать цветовую схему для контрастного фона
+     * @default false */
     contrast?: boolean;
-    /** Выбранная текущая опция или опции.
-     *  Значение отличное от undefined включает контролируемый режим выбора опций */
+    /**
+     * Выбранная текущая опция или опции.
+     * Значение отличное от undefined включает контролируемый режим выбора опций
+     * @default undefined */
     selectedOption?: DropdownOption | null | DropdownOption[];
-    /** Выбранная по умолчанию опция или опции */
+    /**
+     * Выбранная по умолчанию опция или опции
+     * @default undefined */
     defaultSelectedOption?: DropdownOption | DropdownOption[];
-    /** Интерактивность отключена */
+    /**
+     * Отключение автоскролла до выбранной опции при открытии меню, если включен мод одиночного выбора
+     * @default false */
+    disableAutoScrollToSelectedOption?: boolean;
+    /**
+     * Интерактивность отключена
+     * @default false */
     disabled?: boolean;
-    /** Иконка для отображения с левого края */
+    /**
+     * Иконка для отображения с левого края
+     * @default undefined */
     icon?: JSX.Element | IconName;
-    /** Пропсы для иконки с левого края */
+    /**
+     * Пропсы для иконки с левого края
+     * @default {} */
     iconProps?: IconProps;
-    /** Отбражать компонент на одной линии с другими */
+    /**
+     * Отбражать компонент на одной линии с другими
+     * @default false */
     inline?: boolean;
-    /** Тип браузерной виртуальной клавиатуры */
+    /**
+     * Тип браузерной виртуальной клавиатуры
+     * @default undefined */
     inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-    /** Текст для лейбла текстового инпута */
+    /**
+     * Текст для лейбла текстового инпута
+     * @default undefined */
     label?: React.ReactNode;
-    /** Положение текста лейбла текстового инпута (по умолчанию dynamic) */
+    /**
+     * Положение текста лейбла текстового инпута
+     * @default "dynamic" */
     labelPosition?: 'dynamic' | 'top' | 'center';
-    /** Использовать состояние загрузки выпадающего меню */
+    /**
+     * Использовать состояние загрузки выпадающего меню
+     * @default false */
     loading?: boolean;
-    /** Текст для состояния загрузки выпадающего меню */
+    /**
+     * Текст для состояния загрузки выпадающего меню
+     * @default undefined */
     loadingMessage?: JSX.Element | string;
-    /** Иконка для состояния загрузки выпадающего меню (по умолчанию анимированный спиннер) */
+    /**
+     * Иконка для состояния загрузки выпадающего меню
+     * @default "loaderFill" */
     loadingIcon?: JSX.Element | IconName;
-    /** Пропсы для иконки состояния загрузки выпадающего меню */
+    /**
+     * Пропсы для иконки состояния загрузки выпадающего меню
+     * @default {} */
     loadingIconProps?: IconProps;
-    /** Максимальная длина строки текстового ввода */
+    /**
+     * Максимальная длина строки текстового ввода
+     * @default undefined */
     maxLength?: number;
-    /** Пропсы выпадающего меню для конфигурации размеров */
+    /**
+     * Пропсы выпадающего меню для конфигурации размеров
+     * @default {} */
     menuProps?: Pick<DropdownMenuProps, 'size' | 'sizeXL' | 'sizeL' | 'sizeM' | 'sizeS' | 'sizeXS' | 'sizeXXS' | 'sizes' | 'expanseDirectionLeft'>;
-    /** Включить мод множественного выбора (по умолчанию false) */
+    /**
+     * Включить мод множественного выбора
+     * @default false */
     multiple?: boolean;
-    /** Значение для атрибута name инпутов, которые хранят value выбранных опций */
+    /**
+     * Значение для атрибута name инпутов, которые хранят value выбранных опций
+     * @default "fox-dropdown" */
     name?: string;
-    /** Колбек, который будет вызван при закрытии выпадающего меню */
+    /**
+     * Колбек, который будет вызван при закрытии выпадающего меню
+     * @default undefined */
     onCloseMenu?: () => void;
-    /** Колбек, который будет вызван при открытии выпадающего меню */
+    /**
+     * Колбек, который будет вызван при открытии выпадающего меню
+     * @default undefined */
     onOpenMenu?: () => void;
-    /** Колбек, который будет вызван при выборе опции.
-     *  Получает аргументом текущую выбранную опцию, опции или null */
+    /**
+     * Колбек, который будет вызван при выборе опции.
+     * Получает аргументом текущую выбранную опцию, опции или null
+     * @default undefined */
     onSelectOption?: (selectedOption: DropdownOption | null | DropdownOption[]) => void;
     /** Доступные для выбора опции */
     options: DropdownOption[];
-    /** Группировать выбранные опции в выпадающем меню, если включен мод множественного выбора (по умолчанию false) */
+    /**
+     * Группировать выбранные опции в выпадающем меню, если включен мод множественного выбора
+     * @default false */
     groupSelectedOptions?: boolean;
-    /** Отображать специальный контрол для массового выбора опций, если включен мод множественного выбора (по умолчанию true) */
+    /**
+     * Отображать специальный контрол для массового выбора опций, если включен мод множественного выбора
+     * @default true */
     optionsMultiToggle?: boolean;
-    /** Текст рядом с специальным контролом для массового выбора опций */
+    /**
+     * Текст рядом со специальным контролом для массового выбора опций
+     * @default undefined */
     optionsMultiToggleCaption?: JSX.Element | string;
-    /** Текстовый статус для состояния выпадающего меню, при котором нет подходящих опций */
+    /**
+     * Текстовый статус для состояния выпадающего меню, при котором нет подходящих опций
+     * @default undefined */
     optionsEmptyMessage?: JSX.Element | string;
-    /** Иконка для пустого состояния выпадающего меню (по умолчанию redo) */
+    /**
+     * Иконка для пустого состояния выпадающего меню
+     * @default "redo" */
     optionsEmptyIcon?: JSX.Element | IconName;
-    /** Пропсы для иконки пустого состояния выпадающего меню */
+    /**
+     * Пропсы для иконки пустого состояния выпадающего меню
+     * @default {} */
     optionsEmptyIconProps?: IconProps;
-    /** Пользовательские цвета */
+    /**
+     * Пользовательские цвета
+     * @default undefined */
     palette?: {
         color?: Color;
         colorDisabled?: Color;
@@ -8330,23 +8570,41 @@ interface DropdownProps extends ResponsiveSizeProps<DropdownSize>, ResponsiveMar
         borderColorDisabled?: Color;
         menuBorderColor?: Color;
     };
-    /** Подсказка в инпуте текстового ввода */
+    /**
+     * Подсказка в инпуте текстового ввода
+     * @default undefined */
     placeholder?: string;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default true */
     primary?: boolean;
-    /** Нельзя изменить текущее состояние, но можно взаимодействовать */
+    /**
+     * Нельзя изменить текущее состояние, но можно взаимодействовать
+     * @default false */
     readOnly?: boolean;
-    /** Сделать выбор опции обязательным */
+    /**
+     * Сделать выбор опции обязательным
+     * @default false */
     required?: boolean;
-    /** Возможность текстового ввода для поиска опций (по умолчанию true) */
+    /**
+     * Возможность текстового ввода для поиска опций
+     * @default true */
     searchable?: boolean;
-    /** Вариант цветовой схемы */
+    /**
+     * Вариант цветовой схемы
+     * @default false */
     secondary?: boolean;
-    /** Цветовая схема для валидации */
+    /**
+     * Цветовая схема для валидации
+     * @default undefined */
     status?: DropdownStatus;
-    /** Идентификатор ассоциированной формы */
+    /**
+     * Идентификатор ассоциированной формы
+     * @default undefined */
     form?: string;
-    /** z-index для рутового элемента */
+    /**
+     * z-index для рутового элемента
+     * @default undefined */
     zIndex?: number;
 }