@progress/kendo-react-common/unstyled/json-classes.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
 *-------------------------------------------------------------------------------------------
 */
type PresetOption = Record<Exclude<any, null>, string>;
/**
 * @hidden
 */
export interface KendoTheme {
    base: PresetOption;
    animation: PresetOption;
    containers: PresetOption;
    components: PresetOption;
    cssUtils: PresetOption;
    elements: PresetOption;
    sizeMap: PresetOption;
    directionMap: PresetOption;
    fillModeMap: PresetOption;
    themeColorMap: PresetOption;
    roundedMap: PresetOption;
    cursor: PresetOption;
    dimensions: PresetOption;
    states: PresetOption;
    actions: PresetOption;
    inputs: PresetOption;
    dateInputs: PresetOption;
    forms: PresetOption;
    labels: PresetOption;
    popup: PresetOption;
    icon: PresetOption;
    grid: PresetOption;
    orientationMap: PresetOption;
}
/**
 * @hidden
 */
export declare const base: {
    prefix: string;
    important: string;
    rtl: string;
    rounded: string;
    value: string;
    state: string;
    filter: string;
    virtual: string;
    infinite: string;
    clear: string;
    reset: string;
    data: string;
    nodata: string;
    scroller: string;
};
/**
 * @hidden
 */
export declare const cssUtils: {
    center: string;
    hbox: string;
    vstack: string;
    hstack: string;
    overflow: string;
};
/**
 * @hidden
 */
export declare const components: {
    actionsheet: string;
    calendar: string;
    buttongroup: string;
    dateinput: string;
    datetime: string;
    datetimepicker: string;
    dropdownlist: string;
    combobox: string;
    maskedtextbox: string;
    menu: string;
    searchbox: string;
    timepicker: string;
};
/**
 * @hidden
 */
export declare const sizeMap: PresetOption;
/**
 * @hidden
 */
export declare const fillModeMap: PresetOption;
/**
 * @hidden
 */
export declare const themeColorMap: PresetOption;
/**
 * @hidden
 */
export declare const roundedMap: PresetOption;
/**
 * @hidden
 */
export declare const orientationMap: PresetOption;
/**
 * @hidden
 */
export declare const dimensions: {
    height: string;
    width: string;
};
/**
 * @hidden
 */
export declare const cursor: {
    default: string;
};
/**
 * @hidden
 */
export declare const directionMap: {
    up: string;
    down: string;
    left: string;
    right: string;
    start: string;
    mid: string;
    end: string;
};
/**
 * @hidden
 */
export declare const containers: {
    actions: string;
    container: string;
    content: string;
    group: string;
    row: string;
    nav: string;
    wrap: string;
    wrapper: string;
    list: string;
    placeholder: string;
    popup: string;
    item: string;
    part: string;
    picker: string;
    separator: string;
    spacer: string;
    tab: string;
    titlebar: string;
    optionLabel: string;
    view: string;
};
/**
 * @hidden
 */
export declare const elements: {
    table: string;
    text: string;
    button: string;
    tbody: string;
    thead: string;
    tr: string;
    th: string;
    td: string;
    header: string;
    footer: string;
    icon: string;
    title: string;
    subtitle: string;
    link: string;
    label: string;
    ul: string;
    caption: string;
};
/**
 * @hidden
 */
export declare const actions: {
    increase: string;
    decrease: string;
    cancel: string;
    accept: string;
    split: string;
};
/**
 * @hidden
 */
export declare const states: {
    active: string;
    adaptive: string;
    first: string;
    focus: string;
    pending: string;
    last: string;
    draggable: string;
    filterable: string;
    grouping: string;
    selected: string;
    highlighted: string;
    disabled: string;
    hidden: string;
    highlight: string;
    invalid: string;
    loading: string;
    required: string;
    checked: string;
    empty: string;
    scrollable: string;
    sorted: string;
    sort: string;
    sticky: string;
    stretched: string;
    order: string;
    alt: string;
    edit: string;
    template: string;
    shown: string;
    horizontal: string;
    vertical: string;
    fullscreen: string;
    bottom: string;
};
/**
 * @hidden
 */
export declare const animationStyles: {
    [key: string]: string;
};
/**
 * @hidden
 */
export declare const inputs: {
    input: string;
    inner: string;
    spin: string;
    spinner: string;
    maskedtextbox: string;
    radio: string;
    textbox: string;
    prefix: string;
    suffix: string;
};
/**
 * @hidden
 */
export declare const dateInputs: {
    week: string;
    weekdays: string;
    weekend: string;
    month: string;
    year: string;
    decade: string;
    century: string;
    number: string;
    navigation: string;
    marker: string;
    now: string;
    range: string;
    today: string;
    other: string;
    date: string;
    time: string;
    selector: string;
    timeselector: string;
};
/**
 * @hidden
 */
export declare const icon: {
    prefix: string;
    svg: string;
    i: string;
    color: string;
    flipH: string;
    flipV: string;
};
/**
 * @hidden
 */
export declare const labels: {
    label: string;
    text: string;
    floatingLabel: string;
    container: string;
    hint: string;
    error: string;
};
/**
 * @hidden
 */
export declare const forms: {
    form: string;
    fieldset: string;
    legend: string;
    separator: string;
    field: string;
};
/**
 * @hidden
 */
export declare const popup: {
    prefix: string;
};
/**
 * @hidden
 */
export declare const grid: {
    prefix: string;
    ariaRoot: string;
    tableWrap: string;
    master: string;
    column: string;
    cell: string;
    cellInner: string;
    row: string;
    group: string;
    hierarchy: string;
    detail: string;
    noRecords: string;
    pager: string;
};
/**
 * @hidden
 */
export declare const gridRowReorder: {
    drop: string;
    drag: string;
    hint: string;
    vertical: string;
    horizontal: string;
    clue: string;
    reorder: string;
};
/**
 * @hidden
 */
export declare const inputPrefix: string;
/**
 * @hidden
 */
export declare const calendarPrefix: string;
/**
 * @hidden
 */
export declare const maskedPrefix: string;
/**
 * @hidden
 */
export declare const radioPrefix: string;
/**
 * @hidden
 */
export declare const buttonPrefix: string;
/**
 * @hidden
 */
export declare const ddbPrefix: string;
/**
 * @hidden
 */
export declare const pickerPrefix: string;
/**
 * @hidden
 */
export declare const dropDownListPrefix: string;
/**
 * @hidden
 */
export declare const comboBoxPrefix: string;
/**
 * @hidden
 */
export declare const gridPrefix: string;
/**
 * @hidden
 */
export declare const jsonTheme: KendoTheme;
export {};