@progress/kendo-react-common/unstyled/buttons.d.ts

React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { WidgetClassStructure } from './interfaces/common.js';
/** Button wrapper classes  */
export interface ButtonWrapperClasses {
    /** Main button  */
    main?: string;
    /** Size options for the button */
    size?: {
        /** Small size button */
        small?: string;
        /** Medium size button */
        medium?: string;
        /** Large size button */
        large?: string;
    };
    /** Fill mode options for the button */
    fillMode?: {
        /** Solid fill mode for the button */
        solid?: string;
        /** Outline fill mode for the button */
        outline?: string;
        /** Flat fill mode for the button */
        flat?: string;
        /** Link fill mode for the button */
        link?: string;
        /** Clear fill mode for the button */
        clear?: string;
    };
    /** Theme color options for the button */
    themeColor?: {
        /** Base theme color */
        base?: string;
        /** Primary theme color */
        primary?: string;
        /** Secondary theme color */
        secondary?: string;
        /** Tertiary theme color */
        tertiary?: string;
        /** Info theme color */
        info?: string;
        /** Success theme color */
        success?: string;
        /** Warning theme color */
        warning?: string;
        /** Error theme color */
        error?: string;
        /** Dark theme color */
        dark?: string;
        /** Light theme color */
        light?: string;
        /** Inverse theme color */
        inverse?: string;
    };
    /** Rounded options for the button */
    rounded?: {
        /** Small rounded option */
        small?: string;
        /** Medium rounded option */
        medium?: string;
        /** Large rounded option */
        large?: string;
    };
    /** Icon button */
    iconButton?: string;
    /** Disabled state */
    disabled?: string;
    /** Selected state */
    selected?: string;
    /** Right-to-left layout  */
    isRtl?: string;
}
/**  Theme colors fill mode options for */
export interface ThemeColorFillModeClasses {
    /** Fill mode options for theme colors */
    fillMode?: {
        /** Solid fill mode for theme colors */
        solid?: string;
        /** Outline fill mode for theme colors */
        outline?: string;
        /** Flat fill mode for theme colors */
        flat?: string;
        /** Link fill mode for theme colors */
        link?: string;
        /** Clear fill mode for theme colors */
        clear?: string;
    };
}
/** Button classes  */
export interface ButtonClasses {
    /** Button wrapper */
    wrapper?: ButtonWrapperClasses;
    /** Text element  */
    text?: string;
    /** Icon element  */
    icon?: string;
}
/**
 * @hidden
 */
export declare const uButton: WidgetClassStructure;
export interface ButtonGroupWrapperClasses {
    /** Main button group classes */
    main?: string;
    /** Stretched state classes for the button group */
    stretched?: string;
    /** Disabled state classes for the button group */
    disabled?: string;
}
export interface ButtonGroupPositionClasses {
    /** Position for the button group at the start */
    start?: string;
    /** Position for the button group at the end */
    end?: string;
}
export interface ButtonGroupClasses {
    /** Wrapper configuration for the button group */
    wrapper?: ButtonGroupWrapperClasses;
    /** Position configuration for the button group */
    position?: ButtonGroupPositionClasses;
}
/**
 * @hidden
 */
export declare const uButtonGroup: WidgetClassStructure;
export interface DropDownButtonWrapperClasses {
    /** Main button class */
    main?: string;
    /** Focus state class for the button */
    focus?: string;
    /** Disabled state class for the button */
    disabled?: string;
}
export interface DropDownButtonSizeClasses {
    /** Small size class for the button group */
    small?: string;
    /** Medium size class for the button group */
    medium?: string;
    /** Large size class for the button group */
    large?: string;
}
export interface DropDownButtonGroupClasses {
    /** Group class for the button container */
    group?: string;
    /** Size configuration for the button group */
    size?: DropDownButtonSizeClasses;
}
export interface DropDownButtonListItemClasses {
    /** Item class for the list container */
    item?: string;
    /** Focus state class for the list item */
    focus?: string;
}
export interface DropDownButtonLinkClasses {
    /** Main link class */
    main?: string;
    /** Link class for the button */
    link?: string;
    /** Selected state class for the link */
    selected?: string;
    /** Disabled state class for the link */
    disabled?: string;
}
export interface DropDownButtonClasses {
    /** Wrapper configuration for the button */
    wrapper?: DropDownButtonWrapperClasses;
    /** Unordered list configuration for the button group */
    ul?: DropDownButtonGroupClasses;
    /** List item configuration */
    li?: DropDownButtonListItemClasses;
    /** Item class for the button */
    item?: string;
    /** Link configuration for the button */
    link?: DropDownButtonLinkClasses;
    /** Popup class for the button group */
    popup?: string;
}
/**
 * @hidden
 */
export declare const uDropDownButton: WidgetClassStructure;