@progress/kendo-vue-common 8.0.3-develop.2 → 8.0.3-develop.4

package/unstyled/inputs.d.ts

@@ -0,0 +1,228 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+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;
+/**
+ * @hidden
+ */
+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;
+/**
+ * @hidden
+ */
+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;
+/**
+ * @hidden
+ */
+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;
+/**
+ * @hidden
+ */
+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;

package/unstyled/interfaces/common.d.ts

@@ -0,0 +1,111 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AnimationClasses } from '../animations';
+import { ButtonClasses, ButtonGroupClasses, DropDownButtonClasses } from '../buttons';
+import { CalendarClasses, DateInputClasses, DateTimePickerClasses, TimeClasses, TimePickerClasses } from '../dateinputs';
+import { ComboBoxClasses, DropDownBaseClasses, DropDownListClasses, DropDownsActionSheetClasses } from '../dropdowns';
+import { FormClasses } from '../form';
+import { SVGIconClasses } from '../icons';
+import { InputClasses, MaskedTextBoxClasses, RadioButtonClasses, RadioGroupClasses, TextBoxClasses } from '../inputs';
+import { ErrorClasses, FloatingLabelClasses, HintClasses, LabelClasses } from '../labels';
+import { PopupClasses } from '../popup';
+/**
+ * @hidden
+ */
+export interface WidgetClassStructure {
+    [key: string]: (props: {
+        [key: string]: any;
+    }) => {
+        [key: string]: boolean;
+    } | string;
+}
+/**
+ * Animation classes
+ * @hidden
+ */
+export interface AnimationsClassStructure {
+    uAnimation?: AnimationClasses;
+}
+/**
+ * Icons classes
+ * @hidden
+ */
+export interface IconsClassStructure {
+    uSvgIcon?: SVGIconClasses;
+}
+/**
+ * Buttons classes
+ * @hidden
+ */
+export interface ButtonsClassStructure {
+    uButton?: ButtonClasses;
+    uButtonGroup?: ButtonGroupClasses;
+    uDropDownButton?: DropDownButtonClasses;
+}
+/**
+ * Popup classes
+ * @hidden
+ */
+export interface PopupClassStructure {
+    uPopup?: PopupClasses;
+}
+/**
+ * Inputs classes
+ * @hidden
+ */
+export interface InputsClassStructure {
+    uMaskedTextBox?: MaskedTextBoxClasses;
+    uRadioGroup?: RadioGroupClasses;
+    uRadioButton?: RadioButtonClasses;
+    uTextBox?: TextBoxClasses;
+    uInput?: InputClasses;
+}
+/**
+ * DropDowns classes
+ * @hidden
+ */
+export interface DropDownsClassStructure {
+    uDropDownsActionSheet?: DropDownsActionSheetClasses;
+    uDropDownsBase?: DropDownBaseClasses;
+    uDropDownList?: DropDownListClasses;
+    uComboBox?: ComboBoxClasses;
+}
+/**
+ * Labels classes
+ * @hidden
+ */
+export interface LabelsClassStructure {
+    uError?: ErrorClasses;
+    uHint?: HintClasses;
+    uLabel?: LabelClasses;
+    uFloatingLabel?: FloatingLabelClasses;
+}
+/**
+ * Form classes
+ * @hidden
+ */
+export interface FormClassStructure {
+    uForm?: FormClasses;
+}
+/**
+ * DateInputs classes
+ * @hidden
+ */
+export interface DateInputsClassStructure {
+    uCalendar?: CalendarClasses;
+    uDateInput?: DateInputClasses;
+    uDateTimePicker?: DateTimePickerClasses;
+    uTime?: TimeClasses;
+    uTimePicker?: TimePickerClasses;
+}
+/**
+ * @hidden
+ */
+export interface GridClassStructure {
+    uGrid?: WidgetClassStructure;
+}

package/unstyled/json-classes.d.ts

@@ -0,0 +1,378 @@
+/**
+ * @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 {};