@foxford/ui 2.78.0 → 2.79.0

package/dts/index.d.ts

@@ -883,8 +883,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
 type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
 type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
 type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
-type Size$8 = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$8 | CSSGlobalValue | number;
+type Size$a = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$a | CSSGlobalValue | number;
 type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 type Color = keyof typeof ColorNames | CSSColor;
 type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
@@ -979,21 +979,21 @@ declare const adultDarkTheme: DefaultTheme;
 /**
  * Value for breakpoint
  */
-type PossibleValues = number | Size$8 | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$a | 'auto' | 'initial' | 'inherit' | boolean;
 type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
 type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
 type CssProperty = string | CalcProperty;
 type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
-type ResponsiveProperty<V = number | Size$8> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
-declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$8, number>) => () => () => FlattenSimpleInterpolation | null;
+type ResponsiveProperty<V = number | Size$a> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
+declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$a, number>) => () => () => FlattenSimpleInterpolation | null;
 interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
     sizes: ResponsiveNamedProperty<T>;
     cssProperty: CssProperty;
     sizing?: null | string;
     customSizeHandler?: (_value: PossibleValues) => PossibleValues;
     sort?: (_a: string, _b: string) => number;
-    predefinedSizes?: Record<Size$8, number>;
+    predefinedSizes?: Record<Size$a, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1094,7 +1094,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -1171,7 +1171,7 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
 type IconPackIconName = Uncapitalize<keyof typeof IconPack>;
 type IconNameDefault = 'book' | 'blackBoard' | 'burger' | 'eye' | 'email' | 'sort' | 'unsort' | 'person' | 'diamond' | 'diamondFilled' | 'infoInverse' | 'list' | 'login' | 'logout' | 'fire' | 'camps' | 'cart' | 'clock' | 'clockFilled' | 'courses' | 'discount' | 'externat' | 'headphones' | 'page' | 'priceTag' | 'phone' | 'prof' | 'star' | 'settings' | 'student' | 'target' | 'textbook' | 'trophy' | 'message' | 'wallet' | 'edit' | 'copy' | 'print' | 'objective' | 'present' | 'coins' | 'calendar' | 'calendar_simple' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'cross' | 'dialog' | 'dropDownArrow' | 'externalLink' | 'file' | 'fileBordered' | 'lessons' | 'pencil' | 'phoneNoFill' | 'radioChecked' | 'radioNotChecked' | 'search' | 'tasks' | 'tinyCross' | 'sharpCross' | 'plus' | 'plusThin' | 'play' | 'reload' | 'checkCircle' | 'info' | 'check' | 'home' | 'questionFilled' | 'document' | 'cancel' | 'playPause' | 'video';
 type IconName = IconPackIconName | IconNameDefault;
-interface IconProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
+interface IconProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
     /** UI: brand (v3), or default (v2) */
     preset?: ThemePreset;
     /** Icon color */
@@ -1275,7 +1275,7 @@ type AnchorPalette = {
     colorHover: CSSColor;
     colorDisabled: CSSColor;
 };
-interface AnchorProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
+interface AnchorProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -1334,23 +1334,14 @@ DisplayProperty {
  */
 declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
 
-type ButtonPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorActive: CSSColor;
-    backgroundColorActive: CSSColor;
-    borderColorActive: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-    shadowColor: CSSColor;
-};
-interface ButtonProps extends ResponsiveSizeProps<Size$8, SizeValue>, ColorProperty, ColorProperty<'fontColor'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'>, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'>, 
-/** @deprecated Use children as function or inline prop */
+type Size$9 = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$5 = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$9>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+/** @deprecated */
+ColorProperty, 
+/** @deprecated */
+ColorProperty<'fontColor'>, 
+/** @deprecated */
 DisplayProperty, 
 /** @deprecated */
 ResponsiveNamedProperty<'padding'>, 
@@ -1362,133 +1353,259 @@ ResponsiveNamedProperty<'paddingRight'>,
 ResponsiveNamedProperty<'paddingBottom'>, 
 /** @deprecated */
 ResponsiveNamedProperty<'paddingLeft'>, 
-/** @deprecated Use textProps */
+/** @deprecated */
 ResponsiveNamedProperty<'fontSize'>, 
-/** @deprecated Use size props */
+/** @deprecated */
 ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
     /**
-     * UI: v3 (brand), or v2 (default)
-     * @default "default" */
-    preset?: ThemePreset;
+     * Версия компонента: v3 ("brand") или v2 ("default")
+     *
+     * @general
+     * @default 'default' */
+    preset?: 'default' | 'brand';
     /**
-     * Custom colors
+     * Кастомные цвета.
+     *
+     * @general
      * @default undefined */
-    palette?: Partial<Record<keyof ButtonPalette, Color>>;
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        borderColor?: Color;
+        colorHover?: Color;
+        backgroundColorHover?: Color;
+        borderColorHover?: Color;
+        colorActive?: Color;
+        backgroundColorActive?: Color;
+        borderColorActive?: Color;
+        colorDisabled?: Color;
+        backgroundColorDisabled?: Color;
+        borderColorDisabled?: Color;
+        shadowColor?: Color;
+    };
     /**
-     * React children
+     * Основной контент.
+     *
+     * @general
      * @default undefined */
-    children?: React.ReactNode | ((props: {
-        baseTextProps: Partial<TextProps>;
+    children?: React.ReactNode | ((rootProps: {
         textProps: TextProps;
-        iconBaseProps: Partial<IconProps>;
-        iconProps: ButtonProps['iconProps'];
-        icon: ButtonProps['icon'];
+        iconProps: IconProps;
     }) => React.ReactNode);
     /**
-     * Props for text component
+     * Пропсы для компонента типографики.
+     *
+     * @general
      * @default {} */
     textProps?: TextProps;
     /**
-     * Display inline
+     * Отображение на одно линии с другими элементами.
+     *
      * @default true */
     inline?: boolean;
     /**
-     * Icons before and after content
+     * Иконки до и после основного контента.
+     *
+     * @general
      * @default undefined */
     icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
     /**
-     * Props for icon components
+     * Пропсы для компонентов иконок.
+     *
+     * @general
      * @default {} */
     iconProps?: IconProps;
     /**
-     * Border radius 50%
+     * Круглая форма рутового элемента.
+     *
+     * @general
      * @default false */
     round?: boolean;
     /**
-     * Appearance variant
+     * Индикация успешного завершения операции.
+     *
+     * @general
      * @default false */
     success?: boolean;
     /**
-     * Appearance variant
+     * Индикация выполнения операции.
+     *
+     * @general
      * @default false */
     loading?: boolean;
     /**
-     * Appearance variant
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     black?: boolean;
     /**
-     * Appearance variant
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     danger?: boolean;
     /**
-     * Appearance variant
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     contrast?: boolean;
     /**
-     * Appearance variant
+     * Вариант внешнего вида.
+     *
+     * @general
      * @default false */
     clear?: boolean;
     /**
-     * Appearance variant
+     * Вариант внешнего вида.
+     *
+     * @general
      * @default false */
     base?: boolean;
     /**
-     * Appearance variant
+     * Вариант внешнего вида.
+     *
+     * @general
      * @default false */
     outline?: boolean;
     /**
-     *  Link from `theme.link` will be used
+     * Использовать компонент ссылки из контекста вместо кнопки (`theme.link`).
+     *
      * @default undefined */
     to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
     /**
-     * Anchor element will be used
+     * Использовать элемент ссылки вместо кнопки (`<a>`).
+     *
      * @default undefined */
     href?: string;
     /**
-     * Anchor attribute
+     * Атрибут `target` для ссылки.
+     *
      * @default undefined */
     target?: string;
     /**
-     * Anchor attribute
+     * Атрибут `rel` для ссылки.
+     *
      * @default undefined */
     rel?: string;
     /**
-     * Build rel attribute with relBuilder from context
+     * Использовать `theme.utils.relBuilder` из контекста для создания `rel` атрибута для ссылки.
+     *
      * @default false */
     autoRel?: boolean;
-    /** @ignore Appearance variant */
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'm' */
+    size?: Size$9 | [DESKTOP: Size$9, TABLET: Size$9, MOBILE: Size$9] | [XL: Size$9, L: Size$9, M: Size$9, S: Size$9, XS: Size$9, XXS: Size$9];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$9;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$9;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$9;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$9;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$9;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$9;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$9, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$5 | [DESKTOP: Margin$5, TABLET: Margin$5, MOBILE: Margin$5] | [XL: Margin$5, L: Margin$5, M: Margin$5, S: Margin$5, XS: Margin$5, XXS: Margin$5];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$5;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$5;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$5;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$5;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$5;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$5;
+    /** @ignore */
     primary?: boolean;
-    /** @ignore Appearance variant */
+    /** @ignore */
     secondary?: boolean;
-    /** @ignore Appearance variant */
+    /** @ignore */
     inverted?: boolean;
     /** @ignore @deprecated */
     onColored?: boolean;
     /** @ignore @deprecated */
     noSpacing?: boolean;
-    /** @ignore @deprecated Use href or to props */
+    /** @ignore @deprecated */
     as?: React.ElementType<any>;
-    /** @ignore @deprecated Use textProps */
+    /** @ignore @deprecated */
     fontWeight?: TextProps['weight'];
     /** @ignore @deprecated */
     rounded?: boolean;
     /** @ignore @deprecated */
     basic?: boolean;
-    /** @ignore @deprecated Use children */
+    /** @ignore @deprecated */
     content?: React.ReactNode;
-    /** @ignore @deprecated Use ref */
+    /** @ignore @deprecated */
     innerRef?: any;
 }
+type ButtonProps = ButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof ButtonBaseProps>;
 
 /**
  *
- * Component accepts all \<button\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
+ * Контрол многоцелевого назначения.
  *
- * See full [ButtonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Button/types.ts)
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
 
@@ -1564,7 +1681,7 @@ type ArrowPalette = {
     borderColorDisabled: CSSColor;
     shadowColor: CSSColor;
 };
-interface ArrowProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+interface ArrowProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
      * UI: v3 (brand), or v2 (default)
      * @default "default" */
@@ -1854,7 +1971,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -1907,7 +2024,7 @@ type TabPalette = {
     backgroundColorDisabled: CSSColor;
     borderColorDisabled: CSSColor;
 };
-interface TabProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
+interface TabProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -1965,7 +2082,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -2018,55 +2135,149 @@ DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'>
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
 
-type IconButtonSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
-type IconButtonPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    colorActive: CSSColor;
-    backgroundColorActive: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-};
-interface IconButtonProps extends ResponsiveSizeProps<IconButtonSize, IconButtonSize | number>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
+type Size$8 = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
+type Margin$4 = number | string;
+interface IconButtonBaseProps extends ResponsiveSizeProps<Size$8>, ResponsiveMarginProps {
     /**
-     * Custom colors
-     * @default undefined */
-    palette?: Partial<Record<keyof IconButtonPalette, Color>>;
-    /** Icon to display */
+     * Кастомные цвета.
+     *
+     * @general
+     * @default {} */
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        colorHover?: Color;
+        backgroundColorHover?: Color;
+        colorActive?: Color;
+        backgroundColorActive?: Color;
+        colorDisabled?: Color;
+        backgroundColorDisabled?: Color;
+    };
+    /**
+     * Иконка для рендера.
+     *
+     * @general */
     icon: JSX.Element | IconName;
     /**
-     * Props for icon component
+     * Пропсы для компонента иконки.
+     *
+     * @general
      * @default {} */
     iconProps?: IconProps;
     /**
-     * Shape variant
+     * Квадратная форма рутового элемента.
+     *
+     * @general
      * @default false */
     square?: boolean;
     /**
-     * Appearance variant
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default true */
     primary?: boolean;
     /**
-     * Appearance variant
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     secondary?: boolean;
     /**
-     * Appearance variant
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     contrast?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'm' */
+    size?: Size$8 | [DESKTOP: Size$8, TABLET: Size$8, MOBILE: Size$8] | [XL: Size$8, L: Size$8, M: Size$8, S: Size$8, XS: Size$8, XXS: Size$8];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$8;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$8;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$8;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$8;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$8;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$8;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$8, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$4 | [DESKTOP: Margin$4, TABLET: Margin$4, MOBILE: Margin$4] | [XL: Margin$4, L: Margin$4, M: Margin$4, S: Margin$4, XS: Margin$4, XXS: Margin$4];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$4;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$4;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$4;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$4;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$4;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$4;
 }
+type IconButtonProps = IconButtonBaseProps & Omit<React.ComponentPropsWithRef<'button'>, keyof IconButtonBaseProps>;
 
 /**
  *
- * Component accepts all \<button\> attributes.
- *
- * Responsive "size", "margin" props are supported.
+ * Контрол многоцелевого назначения.
  *
- * Exposed "ref" attached to root node.
- *
- * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/IconButton/types.ts)
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
  */
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps>;
 
@@ -2848,7 +3059,7 @@ type ListItemPalette = {
     backgroundColorHover: CSSColor;
     mediaPlaceholderColor: CSSColor;
 };
-interface ListItemProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
+interface ListItemProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
     /** Root node type */
     as?: React.ElementType;
     /** Main text content or render function */
@@ -2926,7 +3137,7 @@ type IndicatorPalette = {
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$8, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -2971,7 +3182,7 @@ type AvatarPalette = {
     shadowColor: CSSColor;
 };
 type AvatarSize = SizeValue | 'sm';
-interface AvatarProps extends ResponsiveSizeProps<Size$8, AvatarSize>, ResponsiveMarginProps, 
+interface AvatarProps extends ResponsiveSizeProps<Size$a, AvatarSize>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
     /** UI: brand (v3), or default (v2) */
@@ -5067,7 +5278,7 @@ declare const useScrollMonitor: ({ target, scrollThrottleMS, scrollEndDebounceMS
 
 declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
 
-declare function buildMediaQuery(value: number | Size$8 | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$8, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$a | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$a, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -5619,7 +5830,7 @@ interface ScrollableProps extends Partial<ScrollbarsProps> {
     /**
      * Style for scrollable container
      */
-    style?: object;
+    style?: React.CSSProperties;
     /**
      * Classname of scrollable container
      */
@@ -5694,7 +5905,7 @@ declare class Scrollable extends PureComponent<typeof Scrollable.defaultProps &
  * Based on https://github.com/sakhnyuk/rc-scrollbars
  */
 declare const withThemeScrollable: react.ForwardRefExoticComponent<{
-    style?: object
+    style?: React.CSSProperties
     /**
      * Classname of scrollable container
      */
@@ -7139,4 +7350,4 @@ type AspectRatioProps = AspectRatioBaseProps & Omit<React.ComponentPropsWithRef<
  */
 declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps>;
 
-export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$8 as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };
+export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$a as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };