@foxford/ui 2.5.0-beta-83742e9-20230628 → 2.5.0-beta-d9eb542-20230703

package/dts/index.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 import * as styled_components from 'styled-components';
 import { DefaultTheme, FlattenSimpleInterpolation, CSSObject, SimpleInterpolation, css } from 'styled-components';
+import * as react from 'react';
+import { PureComponent, Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 import { Link, NavLink } from 'react-router-dom';
+import { ResponsiveProperty as ResponsiveProperty$1, ResponsiveNamedProperty as ResponsiveNamedProperty$1 } from 'mixins/responsive-property';
+import { BaseProps as BaseProps$1, Nullable as Nullable$1, FontWeight as FontWeight$1 } from 'shared/interfaces';
 import { Display as Display$1 } from 'mixins/display';
-import { ResponsiveNamedProperty as ResponsiveNamedProperty$1, ResponsiveProperty as ResponsiveProperty$1 } from 'mixins/responsive-property';
 import { Color as Color$1 } from 'mixins/color';
 import { Anchor as Anchor$1 } from 'components/Anchor';
-import { BaseProps as BaseProps$1, Nullable as Nullable$1, FontWeight as FontWeight$1 } from 'shared/interfaces';
-import * as react from 'react';
-import { Component, PureComponent } from 'react';
 import { Classes } from 'react-modal';
 import * as rc_scrollbars_lib_Scrollbars_types from 'rc-scrollbars/lib/Scrollbars/types';
 import * as rc_scrollbars from 'rc-scrollbars';
@@ -206,8 +206,7 @@ declare enum ColorNames {
     grey = "grey",
     darkgrey = "darkgrey",
     lightgrey = "lightgrey",
-    superlightgrey = "superlightgrey",
-    transparent = "rgba(0,0,0,0)"
+    superlightgrey = "superlightgrey"
 }
 
 declare type ColorPropsProperties = 'color' | 'fontColor' | `${string}Color` | `color${string}`;
@@ -302,7 +301,6 @@ declare type FontWeight = 'normal' | 'bold' | 'lighter' | 'bolder' | number;
 declare type ThemePreset = 'default' | 'brand';
 declare type ThemeMode = 'light' | 'dark';
 declare type ThemeName = 'mother' | 'baby' | 'teen' | 'adult';
-declare type ComponentContext<P> = Omit<Partial<P>, 'className' | 'style' | 'children' | 'onClick' | 'onClickCapture' | 'onMouseLeave' | 'onMouseEnter'>;
 interface BaseProps {
     /** Appearance preset */
     preset?: 'default' | 'brand';
@@ -576,300 +574,6 @@ declare namespace ActionBtn {
     var displayName: string;
 }
 
-interface AnchorProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {
-    /**
-     * Custom CSS class name
-     */
-    as?: 'div' | 'span' | 'a' | typeof Link;
-    /**
-     * React router link to
-     */
-    to?: string;
-    /**
-     *  Link href
-     */
-    href?: string;
-    /**
-     * Is display inline
-     * */
-    wrapper?: boolean;
-    /**
-     * Pseudo link has dashed bottom border
-     * */
-    pseudo?: boolean;
-    /**
-     * If link should be underlined
-     * */
-    underline?: boolean;
-    /**
-     * Primary content
-     */
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /**
-     * Primary content
-     */
-    content?: string;
-    /**
-     * Onclick handler
-     */
-    onClick?: () => void;
-    target?: string;
-    rel?: string;
-    /**
-     * Auto-generate rel. You must specify domain inside theme
-     */
-    autoRel?: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
- * - [`Display`](#/Миксины)
- */
-declare function Anchor(props: typeof Anchor.defaultProps & AnchorProps): JSX.Element;
-declare namespace Anchor {
-    var displayName: string;
-    var defaultProps: {
-        display: string;
-    };
-}
-
-declare type ButtonStaticSize = 'l' | 'm' | 's' | 'xs';
-declare type ButtonSize = ButtonStaticSize | ResponsiveProperty$1<`${number}rem` | number>;
-interface ButtonProps extends BaseProps$1, Display$1, Color$1, Color$1<'fontColor'>, ResponsiveNamedProperty$1<'padding'>, ResponsiveNamedProperty$1<'paddingTop'>, ResponsiveNamedProperty$1<'paddingRight'>, ResponsiveNamedProperty$1<'paddingBottom'>, ResponsiveNamedProperty$1<'paddingLeft'>, ResponsiveNamedProperty$1<'margin'>, ResponsiveNamedProperty$1<'marginTop'>, ResponsiveNamedProperty$1<'marginRight'>, ResponsiveNamedProperty$1<'marginBottom'>, ResponsiveNamedProperty$1<'marginLeft'>, ResponsiveNamedProperty$1<'fontSize'>, ResponsiveNamedProperty$1<'fluid', boolean>, ResponsiveNamedProperty$1<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, ResponsiveNamedProperty$1<'height', 'l' | 'm' | 's' | 'xs' | number> {
-    /** Root node polymorphic type */
-    as?: 'div' | 'span' | 'a' | 'button' | typeof Link | typeof Anchor$1;
-    /** Button size */
-    size?: ButtonSize;
-    /** Button type attribute */
-    type?: 'button' | 'submit' | 'reset';
-    /** Button icons */
-    icon?: JSX.Element | [Nullable$1<JSX.Element>, Nullable$1<JSX.Element>];
-    /** Button success state */
-    success?: boolean;
-    /** Loading state */
-    loading?: boolean;
-    /** Button disabled */
-    disabled?: boolean;
-    /** Rounded border radius */
-    rounded?: boolean;
-    /** Rounded shape button */
-    round?: boolean;
-    /** Anchor target attribute  */
-    target?: string;
-    /** Anchor rel attribute */
-    rel?: string;
-    /** Auto-generate rel. You must specify domain inside theme */
-    autoRel?: boolean;
-    /** Anchor href attribute */
-    href?: string;
-    /** React router Link to prop */
-    to?: string;
-    /**
-     * Indicates if there should not be any margin
-     * between this button and the previous one
-     */
-    noSpacing?: boolean;
-    /** Outline appearance */
-    outline?: boolean;
-    /** Content font weight */
-    fontWeight?: FontWeight$1;
-    /** Associated form */
-    form?: string;
-    /** @preset {Default} Primary appearance */
-    primary?: boolean;
-    /** @preset {Default} Secondary appearance */
-    secondary?: boolean;
-    /** @preset {Default} Inverted colors */
-    inverted?: boolean;
-    /** @preset {Brand} Base appearance */
-    base?: boolean;
-    /** @preset {Brand} Clear appearance */
-    clear?: boolean;
-    /** @preset {Brand} Black colors appearance  */
-    black?: boolean;
-    /** @preset {Brand} Red colors appearance */
-    danger?: boolean;
-    /** @preset {Brand} Modifies appearance on colored background */
-    onColored?: boolean;
-    /** @deprecated Use outline */
-    basic?: boolean;
-    /** @deprecated Use children */
-    content?: React.ReactNode;
-    /** @deprecated Use ref */
-    innerRef?: React.LegacyRef<HTMLElement>;
-    /** Component's children */
-    children?: React.ReactNode | React.ReactNode[];
-    onClick?: (evt: React.SyntheticEvent<HTMLElement>) => void;
-    onClickCapture?: (evt: React.SyntheticEvent<HTMLElement>) => void;
-    onMouseEnter?: (evt: React.SyntheticEvent<HTMLElement>) => void;
-    onMouseLeave?: (evt: React.SyntheticEvent<HTMLElement>) => void;
-}
-
-/**
- * Main button
- */
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
-
-declare enum H {
-    h1 = 0,
-    h2 = 1,
-    h3 = 2,
-    h4 = 3
-}
-interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {
-    h?: keyof typeof H;
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-}
-declare function TextHeading({ h, ...props }: TextHeadingProps): JSX.Element;
-declare namespace TextHeading {
-    var displayName: string;
-}
-
-interface TextEllipseProps extends Omit<TextProps, 'content'> {
-    /** Toggle text for folded state */
-    moreText?: string;
-    /** Toggle text for unfolded state */
-    lessText?: string;
-    /** Classname */
-    className?: string;
-    /** Html content */
-    content: string | string[];
-    /** Characters quantity for ellipsed text */
-    chars?: number;
-    /** Wrap text in quotes */
-    quoted?: boolean;
-    /** Flag to show toggler */
-    showToggler?: boolean;
-}
-interface TextEllipseState {
-    isUnFolded: boolean;
-    isEllipsed: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Display`](#/Миксины)
- * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
- */
-declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {
-    static displayName: string;
-    constructor(props: TextEllipseProps);
-    componentDidUpdate({ content }: TextEllipseProps): void;
-    getContent: (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => "" | JSX.Element;
-    getQuted: (content: string) => string;
-    toggle: () => void;
-    render(): JSX.Element;
-}
-
-interface TextProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {
-    /**
-     * An element type to render as (string).
-     */
-    as?: 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'p';
-    /**
-     * Primary content
-     */
-    content?: string;
-    /**
-     * Primary content
-     */
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /**
-     * Text font weight
-     */
-    weight?: 'lighter' | 'normal' | 'bold' | 'bolder' | number;
-    /**
-     * Text font style
-     */
-    fontStyle?: 'normal' | 'italic';
-    /**
-     * Add underline to inline links
-     */
-    underlineLinks?: boolean;
-    /**
-     * Text align
-     */
-    textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
-    /**
-     * Line height
-     */
-    lineHeight?: 'l' | 'm' | 's' | 'xs' | number;
-    /**
-     * Element title
-     */
-    title?: string;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Display`](#/Миксины)
- * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
- */
-declare function Text(props: TextProps): JSX.Element;
-declare namespace Text {
-    var Heading: typeof TextHeading;
-    var Ellipse: typeof TextEllipse;
-    var displayName: string;
-}
-
-declare type AlertType = 'warning' | 'error' | 'info' | 'success';
-interface AlertProps extends BaseProps {
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    clear?: boolean;
-    closeToast?(): void;
-    content?: string | React.ReactNode;
-    /** Icon name (for inner Icon component) */
-    customIcon?: keyof typeof IconNames;
-    image?: React.ReactNode;
-    isCompact?: boolean;
-    link?: {
-        content: string | React.ReactNode;
-        onClick(): void;
-    };
-    linkProps?: AnchorProps;
-    noIcon?: boolean;
-    onClickCancelTimer?(): void;
-    primaryAction?: {
-        content: string | React.ReactNode;
-        onClick(): void;
-    };
-    primaryActionProps?: ButtonProps;
-    secondaryAction?: {
-        content: string | React.ReactNode;
-        onClick(): void;
-    };
-    secondaryActionProps?: ButtonProps;
-    textProps?: TextProps;
-    timer?: number;
-    title?: string;
-    titleProps?: TextProps;
-    type: AlertType;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- */
-declare function Alert({ primaryAction, primaryActionProps, secondaryAction, secondaryActionProps, children, className, clear, content, customIcon, image, isCompact, link, linkProps, noIcon, onClickCancelTimer, closeToast, style, textProps, timer, title, titleProps, type, }: AlertProps): JSX.Element;
-declare namespace Alert {
-    var displayName: string;
-}
-
 declare enum CurrencyCodes {
     ALL = "ALL",
     AFN = "AFN",
@@ -1039,10 +743,72 @@ declare class Amount extends PureComponent<AmountProps> {
         separator: string;
         onlyCurrency: boolean;
     };
-    static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string): any;
-    renderMinorPart(minorPart: string): JSX.Element | null;
-    renderCurrencySymbol: (currencySymbol: string) => JSX.Element;
-    render(): JSX.Element;
+    static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string): any;
+    renderMinorPart(minorPart: string): JSX.Element | null;
+    renderCurrencySymbol: (currencySymbol: string) => JSX.Element;
+    render(): JSX.Element;
+}
+
+interface AnchorProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {
+    /**
+     * Custom CSS class name
+     */
+    as?: 'div' | 'span' | 'a' | typeof Link;
+    /**
+     * React router link to
+     */
+    to?: string;
+    /**
+     *  Link href
+     */
+    href?: string;
+    /**
+     * Is display inline
+     * */
+    wrapper?: boolean;
+    /**
+     * Pseudo link has dashed bottom border
+     * */
+    pseudo?: boolean;
+    /**
+     * If link should be underlined
+     * */
+    underline?: boolean;
+    /**
+     * Primary content
+     */
+    /**
+     * Children react node
+     */
+    children?: React.ReactNode;
+    /**
+     * Primary content
+     */
+    content?: string;
+    /**
+     * Onclick handler
+     */
+    onClick?: () => void;
+    target?: string;
+    rel?: string;
+    /**
+     * Auto-generate rel. You must specify domain inside theme
+     */
+    autoRel?: boolean;
+}
+/**
+ * Расширен:
+ * - [`BaseProps`](#/Миксины)
+ * - [`Color`](#/Миксины)
+ * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
+ * - [`Display`](#/Миксины)
+ */
+declare function Anchor(props: typeof Anchor.defaultProps & AnchorProps): JSX.Element;
+declare namespace Anchor {
+    var displayName: string;
+    var defaultProps: {
+        display: string;
+    };
 }
 
 declare type ArrowStaticSize = 'l' | 'm' | 'xs';
@@ -1114,6 +880,116 @@ declare class Avatar extends PureComponent<AvatarProps> {
     render(): JSX.Element;
 }
 
+declare enum H {
+    h1 = 0,
+    h2 = 1,
+    h3 = 2,
+    h4 = 3
+}
+interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {
+    h?: keyof typeof H;
+    /**
+     * Children react node
+     */
+    children?: React.ReactNode;
+}
+declare function TextHeading({ h, ...props }: TextHeadingProps): JSX.Element;
+declare namespace TextHeading {
+    var displayName: string;
+}
+
+interface TextEllipseProps extends Omit<TextProps, 'content'> {
+    /** Toggle text for folded state */
+    moreText?: string;
+    /** Toggle text for unfolded state */
+    lessText?: string;
+    /** Classname */
+    className?: string;
+    /** Html content */
+    content: string | string[];
+    /** Characters quantity for ellipsed text */
+    chars?: number;
+    /** Wrap text in quotes */
+    quoted?: boolean;
+    /** Flag to show toggler */
+    showToggler?: boolean;
+}
+interface TextEllipseState {
+    isUnFolded: boolean;
+    isEllipsed: boolean;
+}
+/**
+ * Расширен:
+ * - [`BaseProps`](#/Миксины)
+ * - [`Color`](#/Миксины)
+ * - [`Display`](#/Миксины)
+ * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
+ */
+declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {
+    static displayName: string;
+    constructor(props: TextEllipseProps);
+    componentDidUpdate({ content }: TextEllipseProps): void;
+    getContent: (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => "" | JSX.Element;
+    getQuted: (content: string) => string;
+    toggle: () => void;
+    render(): JSX.Element;
+}
+
+interface TextProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {
+    /**
+     * An element type to render as (string).
+     */
+    as?: 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'p';
+    /**
+     * Primary content
+     */
+    content?: string;
+    /**
+     * Primary content
+     */
+    /**
+     * Children react node
+     */
+    children?: React.ReactNode;
+    /**
+     * Text font weight
+     */
+    weight?: 'lighter' | 'normal' | 'bold' | 'bolder' | number;
+    /**
+     * Text font style
+     */
+    fontStyle?: 'normal' | 'italic';
+    /**
+     * Add underline to inline links
+     */
+    underlineLinks?: boolean;
+    /**
+     * Text align
+     */
+    textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
+    /**
+     * Line height
+     */
+    lineHeight?: 'l' | 'm' | 's' | 'xs' | number;
+    /**
+     * Element title
+     */
+    title?: string;
+}
+/**
+ * Расширен:
+ * - [`BaseProps`](#/Миксины)
+ * - [`Color`](#/Миксины)
+ * - [`Display`](#/Миксины)
+ * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
+ */
+declare function Text(props: TextProps): JSX.Element;
+declare namespace Text {
+    var Heading: typeof TextHeading;
+    var Ellipse: typeof TextEllipse;
+    var displayName: string;
+}
+
 interface BadgeProps extends BaseProps, Color, Display {
     /**
      * Children react node
@@ -1135,6 +1011,83 @@ declare namespace Badge {
     var displayName: string;
 }
 
+declare type ButtonStaticSize = 'l' | 'm' | 's' | 'xs';
+declare type ButtonSize = ButtonStaticSize | ResponsiveProperty$1<`${number}rem` | number>;
+interface ButtonProps extends BaseProps$1, Display$1, Color$1, Color$1<'fontColor'>, ResponsiveNamedProperty$1<'padding'>, ResponsiveNamedProperty$1<'paddingTop'>, ResponsiveNamedProperty$1<'paddingRight'>, ResponsiveNamedProperty$1<'paddingBottom'>, ResponsiveNamedProperty$1<'paddingLeft'>, ResponsiveNamedProperty$1<'margin'>, ResponsiveNamedProperty$1<'marginTop'>, ResponsiveNamedProperty$1<'marginRight'>, ResponsiveNamedProperty$1<'marginBottom'>, ResponsiveNamedProperty$1<'marginLeft'>, ResponsiveNamedProperty$1<'fontSize'>, ResponsiveNamedProperty$1<'fluid', boolean>, ResponsiveNamedProperty$1<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, ResponsiveNamedProperty$1<'height', 'l' | 'm' | 's' | 'xs' | number> {
+    /** Root node polymorphic type */
+    as?: 'div' | 'span' | 'a' | 'button' | typeof Link | typeof Anchor$1;
+    /** Button size */
+    size?: ButtonSize;
+    /** Button type attribute */
+    type?: 'button' | 'submit' | 'reset';
+    /** Button icons */
+    icon?: JSX.Element | [Nullable$1<JSX.Element>, Nullable$1<JSX.Element>];
+    /** Button success state */
+    success?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Button disabled */
+    disabled?: boolean;
+    /** Rounded border radius */
+    rounded?: boolean;
+    /** Rounded shape button */
+    round?: boolean;
+    /** Anchor target attribute  */
+    target?: string;
+    /** Anchor rel attribute */
+    rel?: string;
+    /** Auto-generate rel. You must specify domain inside theme */
+    autoRel?: boolean;
+    /** Anchor href attribute */
+    href?: string;
+    /** React router Link to prop */
+    to?: string;
+    /**
+     * Indicates if there should not be any margin
+     * between this button and the previous one
+     */
+    noSpacing?: boolean;
+    /** Outline appearance */
+    outline?: boolean;
+    /** Content font weight */
+    fontWeight?: FontWeight$1;
+    /** Associated form */
+    form?: string;
+    /** @preset {Default} Primary appearance */
+    primary?: boolean;
+    /** @preset {Default} Secondary appearance */
+    secondary?: boolean;
+    /** @preset {Default} Inverted colors */
+    inverted?: boolean;
+    /** @preset {Brand} Base appearance */
+    base?: boolean;
+    /** @preset {Brand} Clear appearance */
+    clear?: boolean;
+    /** @preset {Brand} Black colors appearance  */
+    black?: boolean;
+    /** @preset {Brand} Red colors appearance */
+    danger?: boolean;
+    /** @preset {Brand} Modifies appearance on colored background */
+    onColored?: boolean;
+    /** @deprecated Use outline */
+    basic?: boolean;
+    /** @deprecated Use children */
+    content?: React.ReactNode;
+    /** @deprecated Use ref */
+    innerRef?: React.LegacyRef<HTMLElement>;
+    /** Component's children */
+    children?: React.ReactNode | React.ReactNode[];
+    onClick?: (evt: React.SyntheticEvent<HTMLElement>) => void;
+    onClickCapture?: (evt: React.SyntheticEvent<HTMLElement>) => void;
+    onMouseEnter?: (evt: React.SyntheticEvent<HTMLElement>) => void;
+    onMouseLeave?: (evt: React.SyntheticEvent<HTMLElement>) => void;
+}
+
+/**
+ * Main button
+ */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
+
 interface ContainerProps extends BaseProps, Display, Color {
     /**
      * Primary content
@@ -2442,76 +2395,41 @@ declare namespace Radio {
     var displayName: string;
 }
 
-interface CheckboxGroupProps extends BaseProps {
+declare type CheckboxStaticSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'xs' | 's' | 'm' | 'l' | 'xl';
+declare type CheckboxSize = CheckboxStaticSize | ResponsiveProperty$1<`${number}rem` | number>;
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width' | 'value'>, BaseProps$1 {
+    /** Checkbox value */
+    value?: string | number;
+    /** Checkbox size */
+    size?: CheckboxSize;
+    /** Display inline, default to true */
     inline?: boolean;
-    children?: React.ReactNode;
-}
-declare function CheckboxGroup({ children, ...props }: CheckboxGroupProps): JSX.Element;
-
-declare type CheckboxInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>;
-interface CheckboxProps extends BaseProps, Display, CheckboxInputHtmlAttributes {
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /**
-     * A checkbox can appear disabled and be unable to change states
-     */
-    disabled?: boolean;
-    /**
-     * Field can show the data contains errors
-     */
+    /** Checkbox errored appearance */
     error?: boolean;
-    /**
-     * Whether or not checkbox is checked
-     */
-    checked?: boolean;
-    /**
-     * Value
-     */
-    value?: string | number;
-    /**
-     * On change handler
-     */
-    onChange?(_e: React.ChangeEvent<HTMLInputElement>): void;
-    /**
-     * Input element ID
-     */
-    id?: string;
-    /**
-     * Input element name
-     */
-    name?: string;
-    /**
-     * Input element label
-     */
-    label?: string;
-    /**
-     * Checkbox size
-     */
-    size?: 'small' | 'medium' | 'large' | 'extraLarge' | 's' | 'm' | 'l' | 'xl';
+    /** Root label width 100% */
     fluid?: boolean;
-    /**
-     * Width of label. Default is `Theme.defaultInputControlsWidth`
-     */
-    width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
+    /** Root label width */
+    width?: ResponsiveProperty$1<number | string>;
+    /** Label content */
+    children?: React.ReactNode;
+    /** @preset {Brand} Checkbox success appearance */
+    success?: boolean;
+    /** @preset {Brand} Label with background */
+    background?: boolean;
+    /** @preset {Brand} Modifies appearance on colored background */
+    onColored?: boolean;
+    /** @deprecated Use children */
+    label?: string;
 }
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - `React.InputHTMLAttributes<HTMLInputElement>`
- */
-declare function Checkbox(props: typeof Checkbox.defaultProps & CheckboxProps): JSX.Element;
-declare namespace Checkbox {
-    var defaultProps: {
-        disabled: boolean;
-        size: string;
-        display: string;
-        onChange: (e: react.ChangeEvent<HTMLInputElement>) => void;
-    };
-    var Group: typeof CheckboxGroup;
-    var displayName: string;
+interface CheckboxGroupProps extends BaseProps$1 {
+    inline?: boolean;
+    children: React.ReactNode;
 }
+interface CheckboxComponent extends ForwardRefExoticComponent<PropsWithoutRef<CheckboxProps> & RefAttributes<HTMLLabelElement>> {
+    Group: (props: CheckboxGroupProps) => JSX.Element;
+}
+
+declare const Checkbox: CheckboxComponent;
 
 interface SelectProps extends BaseProps, ReactSelectProps, Display {
     fluid?: boolean;
@@ -2547,4 +2465,4 @@ declare namespace Select {
     var displayName: string;
 }
 
-export { ActionBtn, Alert, Amount, Anchor, Arrow, Avatar, Badge, BaseProps, Button, COUNTRY_DATA, CURRENCY_MAP, Checkbox, ColorNames, ComponentContext, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, FontWeight, HEX, INITIAL_MASK, Icon, Input, InputField, Modal, Nullable, Paper, Progress, RGB, RGBA, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, Spacer, Spinner, Switcher, Tabs, Tag, Text, Textarea, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, 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, vAlign };
+export { ActionBtn, Amount, Anchor, Arrow, Avatar, Badge, BaseProps, Button, COUNTRY_DATA, CURRENCY_MAP, Checkbox, ColorNames, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, FontWeight, HEX, INITIAL_MASK, Icon, Input, InputField, Modal, Nullable, Paper, Progress, RGB, RGBA, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, Spacer, Spinner, Switcher, Tabs, Tag, Text, Textarea, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, 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, vAlign };