@progress/kendo-react-common/unstyled/inputs.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';
export interface RadioButtonClasses {
    /** Input configurations */
    input?: {
        /** Class for the radio input */
        radio?: string;
        /** Size configurations for the radio input */
        size?: {
            /** Prefix for size classes */
            prefix?: string;
            /** Class for small size radio input */
            small?: string;
            /** Class for medium size radio input */
            medium?: string;
            /** Class for large size radio input */
            large?: string;
        };
        /** Class for invalid state */
        invalid?: string;
        /** Class for checked state */
        checked?: string;
    };
    /** Class for wrapping container */
    wrap?: string;
    /** Class for the label */
    label?: string;
}
/**
 * @hidden
 */
export declare const radioButtonClasses: RadioButtonClasses;
/**
 * @hidden
 */
export declare const uRadioButton: WidgetClassStructure;
export interface RadioGroupClasses {
    /** Unordered list (ul) configurations */
    ul?: {
        /** Main class for the ul element */
        main?: string;
        /** Class for horizontal list layout */
        horizontal?: string;
        /** Class for vertical list layout */
        vertical?: string;
    };
    /** Item configurations inside the ul */
    item?: {
        /** Main class for the list item (li) element */
        main?: string;
        /** Class for disabled state of list item */
        disabled?: string;
    };
}
/**
 * @hidden
 */
export declare const radioGroupClasses: RadioGroupClasses;
/**
 * @hidden
 */
export declare const uRadioGroup: WidgetClassStructure;
export interface MaskedTextBoxClasses {
    /** Wrapper configurations for the masked input */
    wrapper?: {
        /** Main class for the wrapper */
        main?: string;
        /** Class for the input element */
        input?: string;
        /** Size configurations for the input */
        size?: {
            /** Small size class */
            small?: string;
            /** Medium size class */
            medium?: string;
            /** Large size class */
            large?: string;
        };
        /** Fill mode configurations for the input */
        fillMode?: {
            /** Solid fill mode class */
            solid?: string;
            /** Outline fill mode class */
            outline?: string;
            /** Flat fill mode class */
            flat?: string;
        };
        /** Rounded border configurations */
        rounded?: {
            /** Small rounded border class */
            small?: string;
            /** Medium rounded border class */
            medium?: string;
            /** Large rounded border class */
            large?: string;
        };
        /** Disabled state class */
        disabled?: string;
        /** Invalid state class */
        invalid?: string;
        /** RTL (right-to-left) layout class */
        isRtl?: string;
    };
    /** Class for the inner part of the input */
    inputInner?: string;
}
/**
 * @hidden
 */
export declare const uMaskedTextBox: WidgetClassStructure;
export interface TextBoxClasses {
    /** Wrapper configurations for the text box */
    wrapper?: {
        /** Main class for the wrapper */
        main?: string;
        /** Class for the input element */
        input?: string;
        /** Size configurations for the input */
        size?: {
            /** Small size class */
            small?: string;
            /** Medium size class */
            medium?: string;
            /** Large size class */
            large?: string;
        };
        /** Fill mode configurations for the input */
        fillMode?: {
            /** Solid fill mode class */
            solid?: string;
            /** Outline fill mode class */
            outline?: string;
            /** Flat fill mode class */
            flat?: string;
        };
        /** Rounded border configurations */
        rounded?: {
            /** Small rounded border class */
            small?: string;
            /** Medium rounded border class */
            medium?: string;
            /** Large rounded border class */
            large?: string;
        };
        /** Disabled state class */
        disabled?: string;
        /** Focused state class */
        focused?: string;
        /** Required state class */
        required?: string;
        /** Invalid state class */
        invalid?: string;
        /** RTL (right-to-left) layout class */
        isRtl?: string;
    };
    /** Class for the inner part of the input */
    inputInner?: string;
    /** Prefix configurations for the input */
    prefix?: {
        /** Main class for the prefix */
        main?: string;
        /** Orientation configurations for the prefix */
        orientation?: {
            /** Horizontal orientation class */
            horizontal?: string;
            /** Vertical orientation class */
            vertical?: string;
        };
    };
    /** Suffix configurations for the input */
    suffix?: {
        /** Main class for the suffix */
        main?: string;
        /** Orientation configurations for the suffix */
        orientation?: {
            /** Horizontal orientation class */
            horizontal?: string;
            /** Vertical orientation class */
            vertical?: string;
        };
    };
}
/**
 * @hidden
 */
export declare const uTextBox: WidgetClassStructure;
export interface InputClasses {
    /** Input element configurations */
    input?: {
        /** Main class for the input, combining size, rounded, and fill mode */
        main?: string;
        /** Disabled state class */
        disabled?: string;
        /** Required state class */
        required?: string;
        /** Invalid state class */
        invalid?: string;
        /** RTL (right-to-left) layout class */
        isRtl?: string;
    };
    /** Clear button class */
    clearButton?: string;
}
/**
 * @hidden
 */
export declare const uInput: WidgetClassStructure;