@progress/kendo-react-common 8.4.0-develop.5 → 8.4.0-develop.7

package/index.d.mts

@@ -29,16 +29,86 @@ export declare const actions: {
 export declare function addItem(item: any, operation: 'before' | 'after' | 'child', childrenField: string, targetItemId: string, items: any[]): any[];
 
 /**
- * @hidden
+ * All classes
  */
 export declare interface AllClassStructure extends AnimationsClassStructure, ButtonsClassStructure, DropDownsClassStructure, GridClassStructure, IconsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, ButtonsClassStructure, PopupClassStructure, GridClassStructure, InputsClassStructure, DropDownsClassStructure, DateInputsClassStructure {
 }
 
+/** Configuration for the child element */
+export declare interface AnimationChildClasses {
+    /** Container for child element */
+    container?: string;
+    /** Relative positioning for child container */
+    relative?: string;
+}
+
+/** Configuration for the child element */
+export declare interface AnimationChildContainerClasses {
+    /** Container for childContainer element */
+    container?: string;
+}
+
+/** Animation Classes */
+export declare interface AnimationClasses {
+    /** Configuration for the child element */
+    child?: AnimationChildClasses;
+    /** Configuration for the childContainer element */
+    childContainer?: AnimationChildContainerClasses;
+    /** Animation states for appear transition */
+    appear?: Appear;
+    /** Active states for appear transition */
+    appearActive?: AppearActive;
+    /** Animation states for enter transition */
+    enter?: Enter;
+    /** Active states for enter transition */
+    enterActive?: EnterActive;
+    /** Animation states for exit transition */
+    exit?: Exit;
+    /** Active states for exit transition */
+    exitActive?: ExitActive;
+}
+
 /**
- * @hidden
+ * Animation classes
  */
 export declare interface AnimationsClassStructure {
-    uAnimation?: WidgetClassStructure;
+    uAnimation?: AnimationClasses;
+}
+
+/** Animation states */
+export declare interface AnimationStatesClasses {
+    /** Animation for 'push-right' transition */
+    'push-right'?: string;
+    /** Animation for 'push-left' transition */
+    'push-left'?: string;
+    /** Animation for 'push-down' transition */
+    'push-down'?: string;
+    /** Animation for 'push-up' transition */
+    'push-up'?: string;
+    /** Animation for 'expand-vertical' transition */
+    'expand-vertical'?: string;
+    /** Animation for 'expand-horizontal' transition */
+    'expand-horizontal'?: string;
+    /** Animation for 'fade' transition */
+    fade?: string;
+    /** Animation for 'zoom-in' transition */
+    'zoom-in'?: string;
+    /** Animation for 'zoom-out' transition */
+    'zoom-out'?: string;
+    /** Animation for 'slide-in' transition */
+    'slide-in'?: string;
+    /** Animation for 'slide-down' transition */
+    'slide-down'?: string;
+    /** Animation for 'slide-up' transition */
+    'slide-up'?: string;
+    /** Animation for 'slide-right' transition */
+    'slide-right'?: string;
+    /** Animation for 'slide-left' transition */
+    'slide-left'?: string;
+    /** Animation for 'reveal-vertical' transition */
+    'reveal-vertical'?: string;
+    /** Animation for 'reveal-horizontal' transition */
+    'reveal-horizontal'?: string;
 }
 
 /**
@@ -48,6 +118,14 @@ export declare const animationStyles: {
     [key: string]: string;
 };
 
+/** Animation states for appear transition */
+export declare interface Appear extends AnimationStatesClasses {
+}
+
+/** Active states for appear transition */
+export declare interface AppearActive extends AnimationStatesClasses {
+}
+
 /**
  * @hidden
  */
@@ -257,18 +335,182 @@ export declare class BrowserSupportService {
     get scrollbarWidth(): number;
 }
 
+/** Button classes  */
+export declare interface ButtonClasses {
+    /** Button wrapper */
+    wrapper?: ButtonWrapperClasses;
+    /** Text element  */
+    text?: string;
+    /** Icon element  */
+    icon?: string;
+}
+
+export declare interface ButtonGroupClasses {
+    /** Wrapper configuration for the button group */
+    wrapper?: ButtonGroupWrapperClasses;
+    /** Position configuration for the button group */
+    position?: ButtonGroupPositionClasses;
+}
+
+export declare interface ButtonGroupPositionClasses {
+    /** Position for the button group at the start */
+    start?: string;
+    /** Position for the button group at the end */
+    end?: string;
+}
+
+export declare 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;
+}
+
 /**
  * @hidden
  */
 export declare const buttonPrefix: string;
 
 /**
- * @hidden
+ * Buttons classes
  */
 export declare interface ButtonsClassStructure {
-    uButton?: WidgetClassStructure;
-    uButtonGroup?: WidgetClassStructure;
-    uDropDownButton?: WidgetClassStructure;
+    uButton?: ButtonClasses;
+    uButtonGroup?: ButtonGroupClasses;
+    uDropDownButton?: DropDownButtonClasses;
+}
+
+/** Button wrapper classes  */
+export declare 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 options */
+        base?: ThemeColorFillModeClasses;
+        /** Primary theme color options */
+        primary?: ThemeColorFillModeClasses;
+        /** Secondary theme color options */
+        secondary?: ThemeColorFillModeClasses;
+        /** Tertiary theme color options */
+        tertiary?: ThemeColorFillModeClasses;
+        /** Info theme color options */
+        info?: ThemeColorFillModeClasses;
+        /** Success theme color options */
+        success?: ThemeColorFillModeClasses;
+        /** Warning theme color options */
+        warning?: ThemeColorFillModeClasses;
+        /** Error theme color options */
+        error?: ThemeColorFillModeClasses;
+        /** Dark theme color options */
+        dark?: ThemeColorFillModeClasses;
+        /** Light theme color options */
+        light?: ThemeColorFillModeClasses;
+        /** Inverse theme color options */
+        inverse?: ThemeColorFillModeClasses;
+    };
+    /** 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;
+}
+
+export declare interface CalendarClasses {
+    /** Wrapper configuration for the calendar */
+    wrapper?: CalendarWrapperClasses;
+    /** View configuration for the calendar */
+    view?: CalendarViewClasses;
+    /** Navigation class for the calendar */
+    navigation?: string;
+    /** Navigation highlight class for the calendar */
+    navigationHighlight?: string;
+    /** Table configuration for the calendar */
+    table?: CalendarTableClasses;
+    /** Header class for the calendar */
+    thead?: string;
+    /** Row class for the calendar */
+    tr?: string;
+    /** Header cell class for the calendar */
+    th?: string;
+    /** Caption class for the calendar */
+    caption?: string;
+    /** Body class for the calendar */
+    tbody?: string;
+    /** Unordered list class for the calendar */
+    ul?: string;
+    /** List item class for the calendar */
+    li?: string;
+    /** Table cell configuration for the calendar */
+    td?: CalendarTdClasses;
+    /** Title class for the calendar */
+    title?: string;
+    /** Header configuration for the calendar */
+    header?: CalendarHeaderClasses;
+    /** Spacer class for the calendar */
+    spacer?: string;
+    /** Navigation class for the calendar */
+    nav?: string;
+    /** Today configuration for the calendar */
+    today?: CalendarTodayClasses;
+    /** Scrollable configuration for the calendar */
+    scrollable?: CalendarScrollableClasses;
+    /** Scrollable selector class for the calendar */
+    scrollableSelector?: string;
+    /** Scrollable placeholder configuration for the calendar */
+    scrollablePlaceholder?: {
+        /** Main class for the scrollable placeholder */
+        main?: string;
+        /** Horizontal scrollable placeholder class */
+        horizontal?: string;
+    };
+    /** Link class for the calendar */
+    link?: string;
+    /** Navigation marker class for the calendar */
+    navigationMarker?: string;
+}
+
+export declare interface CalendarHeaderClasses {
+    /** Main class for the calendar header */
+    main?: string;
+    /** Vertical alignment class for the calendar header */
+    vertical?: string;
 }
 
 /**
@@ -276,6 +518,90 @@ export declare interface ButtonsClassStructure {
  */
 export declare const calendarPrefix: string;
 
+export declare interface CalendarScrollableClasses {
+    /** Main class for the scrollable calendar area */
+    main?: string;
+    /** Content class for the scrollable area */
+    content?: string;
+    /** Horizontal scrollable state class */
+    horizontal?: string;
+}
+
+export declare interface CalendarTableClasses {
+    /** Main class for the calendar table */
+    main?: string;
+    /** Weekdays class for the calendar */
+    weekdays?: string;
+}
+
+export declare interface CalendarTdClasses {
+    /** Main class for the table cell */
+    main?: string;
+    /** Range start class for the table cell */
+    rangeStart?: string;
+    /** Range end class for the table cell */
+    rangeEnd?: string;
+    /** Range middle class for the table cell */
+    rangeMid?: string;
+    /** Range split end class for the table cell */
+    rangeSplitEnd?: string;
+    /** Range split start class for the table cell */
+    rangeSplitStart?: string;
+    /** Active state class for the table cell */
+    active?: string;
+    /** Focused state class for the table cell */
+    focused?: string;
+    /** Selected state class for the table cell */
+    selected?: string;
+    /** Today’s date class for the table cell */
+    today?: string;
+    /** Weekend class for the table cell */
+    weekend?: string;
+    /** Disabled state class for the table cell */
+    disabled?: string;
+    /** Other month class for the table cell */
+    isOtherMonth?: string;
+    /** Empty state class for the table cell */
+    isEmpty?: string;
+    /** Week state class for the table cell */
+    isWeek?: string;
+}
+
+export declare interface CalendarTodayClasses {
+    /** Main class for today's calendar entry */
+    main?: string;
+    /** Disabled state class for today’s calendar entry */
+    disabled?: string;
+}
+
+export declare interface CalendarViewClasses {
+    /** Main class for the calendar view */
+    main?: string;
+    /** Vertical alignment class for the calendar view */
+    vertical?: string;
+    /** Month view class for the calendar */
+    month?: string;
+    /** Year view class for the calendar */
+    year?: string;
+    /** Decade view class for the calendar */
+    decade?: string;
+    /** Century view class for the calendar */
+    century?: string;
+}
+
+export declare interface CalendarWrapperClasses {
+    /** Main class for the calendar wrapper */
+    main?: string;
+    /** Prefix for the infinite calendar state */
+    infinite?: string;
+    /** Disabled state class for the calendar wrapper */
+    disabled?: string;
+    /** Week number class for the calendar */
+    weekNumber?: string;
+    /** Size configurations for the calendar */
+    size?: DateTimeSizeClasses;
+}
+
 /**
  * @hidden
  */
@@ -331,6 +657,108 @@ export declare interface CollectionAction<T> {
     item: T;
 }
 
+export declare interface ComboBoxClasses {
+    /** Wrapper configurations for the combo box component */
+    wrapper?: {
+        /** Main prefix for the combo box */
+        main?: string;
+        /** Class for the input element */
+        input?: string;
+        /** Size configurations for the input */
+        size?: {
+            /** Class for the small size of the input */
+            small?: string;
+            /** Class for the medium size of the input */
+            medium?: string;
+            /** Class for the large size of the input */
+            large?: string;
+        };
+        /** Fill mode configurations for the input */
+        fillMode?: {
+            /** Class for the solid fill mode of the input */
+            solid?: string;
+            /** Class for the outline fill mode of the input */
+            outline?: string;
+            /** Class for the flat fill mode of the input */
+            flat?: string;
+            /** Class for the link fill mode of the input */
+            link?: string;
+            /** Class for the clear fill mode of the input */
+            clear?: string;
+        };
+        /** Rounded configurations for the input */
+        rounded?: {
+            /** Class for the small rounded input */
+            small?: string;
+            /** Class for the medium rounded input */
+            medium?: string;
+            /** Class for the large rounded input */
+            large?: string;
+        };
+        /** Class for the disabled state of the input */
+        disabled?: string;
+        /** Class for the invalid state of the input */
+        invalid?: string;
+        /** Class for the loading state of the input */
+        loading?: string;
+        /** Class for the required state of the input */
+        required?: string;
+    };
+    /** Class for the loading icon associated with the input */
+    loadingIcon?: string;
+    /** Class for the input button within the combo box */
+    inputButton?: string;
+    /** List container configurations for the combo box */
+    listContainer?: {
+        /** Main prefix for the list container */
+        main?: string;
+        /** Class for the popup within the combo box */
+        popup?: string;
+    };
+    /** Class for the header of the list within the combo box */
+    listHeader?: string;
+    /** List configurations for the combo box */
+    list?: {
+        /** Main prefix for the list */
+        list?: string;
+        /** Class for the table element within the list */
+        table?: string;
+        /** Size configurations for the list */
+        size?: {
+            /** Class for the list size */
+            prefix?: string;
+            /** Class for the small size of the list */
+            small?: string;
+            /** Class for the medium size of the list */
+            medium?: string;
+            /** Class for the large size of the list */
+            large?: string;
+        };
+        /** Table size configurations for the list */
+        tableSize?: {
+            /** Class for the table size */
+            prefix?: string;
+            /** Class for the small size of the table */
+            small?: string;
+            /** Class for the medium size of the table */
+            medium?: string;
+            /** Class for the large size of the table */
+            large?: string;
+        };
+        /** Class for the virtual list configuration */
+        virtual?: string;
+    };
+    /** List content configurations for the combo box */
+    listContent?: {
+        /** Main prefix for the list content */
+        main?: string;
+        /** Class for the scroller within the list content */
+        scroller?: string;
+    };
+    /** Class for the footer of the list within the combo box */
+    listFooter?: string;
+}
+
 /**
  * @hidden
  */
@@ -376,7 +804,7 @@ export declare const containers: {
     spacer: string;
     tab: string;
     titlebar: string;
-    optionlabel: string;
+    optionLabel: string;
     view: string;
 };
 
@@ -422,6 +850,38 @@ export declare interface DataItemWrapper {
     dataIndex: number;
 }
 
+export declare interface DateInputClasses {
+    /** Wrapper configuration for the date input */
+    wrapper?: {
+        /** Main class for the date input wrapper */
+        main?: string;
+        /** Prefix for the inner input element */
+        input?: string;
+        /** Size configurations for the date input */
+        size?: DateTimeSizeClasses;
+        /** Fill mode configurations for the date input */
+        fillMode?: DateTimeFillModeClasses;
+        /** Rounded configurations for the date input */
+        rounded?: DateTimeRoundedClasses;
+        /** Disabled state class for the date input */
+        disabled?: string;
+        /** Required state class for the date input */
+        required?: string;
+        /** Invalid state class for the date input */
+        invalid?: string;
+    };
+    /** Inner input class for the date input */
+    inputInner?: string;
+    /** Configuration for the input spinner */
+    inputSpinner?: DateTimeSpinnerClasses;
+    /** Spinner increase action class */
+    spinnerIncrease?: string;
+    /** Spinner decrease action class */
+    spinnerDecrease?: string;
+    /** Clear button class for the date input */
+    clearButton?: string;
+}
+
 /**
  * @hidden
  */
@@ -447,14 +907,111 @@ export declare const dateInputs: {
 };
 
 /**
- * @hidden
+ * DateInputs classes
  */
 export declare interface DateInputsClassStructure {
-    uCalendar?: WidgetClassStructure;
-    uDateInput?: WidgetClassStructure;
-    uDateTimePicker?: WidgetClassStructure;
-    uTime?: WidgetClassStructure;
-    uTimePicker?: WidgetClassStructure;
+    uCalendar?: CalendarClasses;
+    uDateInput?: DateInputClasses;
+    uDateTimePicker?: DateTimePickerClasses;
+    uTime?: TimeClasses;
+    uTimePicker?: TimePickerClasses;
+}
+
+export declare interface DateTimeFillModeClasses {
+    /** Solid fill mode class for the date-time picker */
+    solid?: string;
+    /** Outline fill mode class for the date-time picker */
+    outline?: string;
+    /** Flat fill mode class for the date-time picker */
+    flat?: string;
+}
+
+export declare interface DateTimePickerClasses {
+    /** Wrapper configuration for the date-time picker */
+    wrapper?: {
+        /** Main class for the date-time picker wrapper */
+        main?: string;
+        /** Prefix for the inner input element */
+        input?: string;
+        /** Size configurations for the date-time picker */
+        size?: DateTimeSizeClasses;
+        /** Fill mode configurations for the date-time picker */
+        fillMode?: DateTimeFillModeClasses;
+        /** Rounded configurations for the date-time picker */
+        rounded?: DateTimeRoundedClasses;
+        /** Disabled state class for the date-time picker */
+        disabled?: string;
+        /** Required state class for the date-time picker */
+        required?: string;
+        /** Invalid state class for the date-time picker */
+        invalid?: string;
+    };
+    /** Input button class for the date-time picker */
+    inputButton?: string;
+    /** Configuration for the popup */
+    popup?: DateTimePopupClasses;
+    /** Wrap configurations for the date-time picker */
+    wrap?: {
+        /** Main class for the wrap element */
+        main?: string;
+        /** Date tab class for the wrap */
+        date?: string;
+        /** Time tab class for the wrap */
+        time?: string;
+        /** Disabled state class for the wrap */
+        disabled?: string;
+    };
+    /** Footer configurations for the time section */
+    timeFooter?: {
+        /** Main class for the time footer */
+        main?: string;
+        /** Actions class for the footer */
+        actions?: string;
+        /** Stretched state class for the footer */
+        stretched?: string;
+    };
+    /** Button group class for the date-time picker */
+    buttonGroup?: string;
+    /** Selector class for the date-time picker */
+    selector?: string;
+    /** Wrap class for the calendar */
+    calendarWrap?: string;
+    /** Wrap class for the time section */
+    timeWrap?: string;
+    /** Configuration for the time selector */
+    timeSelector?: TimeSelectorClasses;
+}
+
+export declare interface DateTimePopupClasses {
+    /** Main class for the popup container */
+    main?: string;
+    /** Reset class for the popup */
+    reset?: string;
+}
+
+export declare interface DateTimeRoundedClasses {
+    /** Small rounded class for the date-time picker */
+    small?: string;
+    /** Medium rounded class for the date-time picker */
+    medium?: string;
+    /** Large rounded class for the date-time picker */
+    large?: string;
+}
+
+export declare interface DateTimeSizeClasses {
+    /** Small size class for the date-time picker */
+    small?: string;
+    /** Medium size class for the date-time picker */
+    medium?: string;
+    /** Large size class for the date-time picker */
+    large?: string;
+}
+
+export declare interface DateTimeSpinnerClasses {
+    /** Main class for the input spinner */
+    main?: string;
+    /** Button class for the input spinner */
+    button?: string;
 }
 
 /**
@@ -642,19 +1199,273 @@ export declare interface DraggableProps extends DraggableOptions {
 export declare interface DraggableReleaseEvent extends BaseDraggableEvent {
 }
 
+export declare interface DropDownBaseClasses {
+    /** Class for the clear button */
+    clearButton?: string;
+    /** Class for the sticky header of the grouped list */
+    groupStickyHeader?: string;
+    /** Class for the header text in the list */
+    listHeaderText?: string;
+    /** Class for the unordered list element */
+    ul?: string;
+    /** List item configurations */
+    li?: DropDownBaseListItemClasses;
+    /** Grouped list item configurations */
+    groupLi?: DropDownBaseGroupLiClasses;
+    /** Class for the text of regular list items */
+    itemText?: string;
+    /** Grouped item text configurations */
+    groupItemText?: DropDownBaseGroupItemClasses;
+    /** Class for the label of grouped items */
+    itemGroupLabel?: string;
+    /** Class for displaying no data message */
+    noData?: string;
+    /** Class for the height container */
+    heightContainer?: string;
+    /** Option label configurations */
+    optionLabel?: DropDownBaseOptionLabelClasses;
+    /** Class for the inner input */
+    inputInner?: string;
+    /** Class for the input icon */
+    inputIcon?: string;
+    /** Class for the search box component */
+    searchbox?: string;
+    /** Class for the list filter */
+    listFilter?: string;
+}
+
+export declare interface DropDownBaseGroupItemClasses {
+    /** Class for the text of list items in a group */
+    list?: string;
+    /** Class for the header cell text in a group table */
+    table?: string;
+}
+
+export declare interface DropDownBaseGroupLiClasses {
+    /** Class for the list of grouped items */
+    list?: string;
+    /** Class for the table representation of grouped items */
+    table?: string;
+}
+
+export declare interface DropDownBaseListItemClasses {
+    /** Main class for the list item */
+    main?: string;
+    /** Class for the selected state of the list item */
+    selected?: string;
+    /** Class for the focused state of the list item */
+    focused?: string;
+    /** Class for the first item in the list */
+    first?: string;
+    /** Class for the disabled state of the list item */
+    disabled?: string;
+}
+
+export declare interface DropDownBaseOptionLabelClasses {
+    /** Main class for the option label */
+    main?: string;
+    /** Class for the selected state of the option label */
+    selected?: string;
+}
+
+export declare 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;
+}
+
+export declare interface DropDownButtonGroupClasses {
+    /** Group class for the button container */
+    group?: string;
+    /** Size configuration for the button group */
+    size?: DropDownButtonSizeClasses;
+}
+
+export declare 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 declare interface DropDownButtonListItemClasses {
+    /** Item class for the list container */
+    item?: string;
+    /** Focus state class for the list item */
+    focus?: string;
+}
+
+export declare 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 declare interface DropDownButtonWrapperClasses {
+    /** Main button class */
+    main?: string;
+    /** Focus state class for the button */
+    focus?: string;
+    /** Disabled state class for the button */
+    disabled?: string;
+}
+
+export declare interface DropDownListClasses {
+    /** Wrapper configurations for the dropdown list component */
+    wrapper?: {
+        /** Main class for the dropdown list */
+        main?: string;
+        /** Class for the picker element */
+        picker?: string;
+        /** Size configurations for the picker */
+        size?: {
+            /** Class for the small size of the picker */
+            small?: string;
+            /** Class for the medium size of the picker */
+            medium?: string;
+            /** Class for the large size of the picker */
+            large?: string;
+        };
+        /** Fill mode configurations for the picker */
+        fillMode?: {
+            /** Class for the solid fill mode of the picker */
+            solid?: string;
+            /** Class for the outline fill mode of the picker */
+            outline?: string;
+            /** Class for the flat fill mode of the picker */
+            flat?: string;
+            /** Class for the link fill mode of the picker */
+            link?: string;
+            /** Class for the clear fill mode of the picker */
+            clear?: string;
+        };
+        /** Rounded configurations for the picker */
+        rounded?: {
+            /** Class for the small rounded picker */
+            small?: string;
+            /** Class for the medium rounded picker */
+            medium?: string;
+            /** Class for the large rounded picker */
+            large?: string;
+        };
+        /** Class for the disabled state of the picker */
+        disabled?: string;
+        /** Class for the focused state of the picker */
+        focused?: string;
+        /** Class for the invalid state of the picker */
+        invalid?: string;
+        /** Class for the loading state of the picker */
+        loading?: string;
+        /** Class for the required state of the picker */
+        required?: string;
+    };
+    /** Class for the loading icon associated with the input */
+    loadingIcon?: string;
+    /** Class for the input button within the dropdown list */
+    inputButton?: string;
+    /** List container configurations for the dropdown list */
+    listContainer?: {
+        /** Main class for the list container */
+        main?: string;
+        /** Class for the popup within the dropdown list */
+        popup?: string;
+    };
+    /** Class for the inner input of the dropdown list */
+    inputInner?: string;
+    /** Class for the input text of the dropdown list */
+    inputText?: string;
+    /** Class for the header of the list within the dropdown */
+    listHeader?: string;
+    /** List configurations for the dropdown list */
+    list?: {
+        /** Main class for the list */
+        main?: string;
+        /** Size configurations for the list */
+        size?: {
+            /** Class for the small size of the list */
+            small?: string;
+            /** Class for the medium size of the list */
+            medium?: string;
+            /** Class for the large size of the list */
+            large?: string;
+        };
+        /** Class for the virtual list configuration */
+        virtual?: string;
+    };
+    /** Class for the content of the list within the dropdown */
+    listContent?: string;
+    /** Class for the footer of the list within the dropdown */
+    listFooter?: string;
+}
+
 /**
  * @hidden
  */
 export declare const dropDownListPrefix: string;
 
+export declare interface DropDownsActionSheetClasses {
+    /** Wrapper configurations for the action sheet component */
+    wrapper?: {
+        /** Main class for the action sheet */
+        main?: string;
+        /** Class for the fullscreen state of the action sheet */
+        fullscreen?: string;
+        /** Class for the bottom state of the action sheet */
+        bottom?: string;
+    };
+    /** Class for the header text, centered */
+    header?: string;
+    /** Title bar configurations for the action sheet */
+    titleBar?: {
+        /** Main class for the title bar within the action sheet */
+        main?: string;
+        /** Class for positioning the title bar horizontally */
+        position?: string;
+    };
+    /** Class for the title of the action sheet */
+    title?: string;
+    /** Subtitle configurations for the action sheet */
+    subtitle?: {
+        /** Main class for the subtitle in the action sheet */
+        main?: string;
+        /** Class for centered text in the subtitle */
+        textCenter?: string;
+    };
+    /** Class for the actions container within the action sheet */
+    actions?: string;
+    /** Title bar group configurations for the action sheet */
+    titleBarGroup?: {
+        /** Main class for the title bar group */
+        main?: string;
+        /** Class for the filter within the action sheet */
+        filter?: string;
+    };
+}
+
 /**
- * @hidden
+ * DropDowns classes
  */
 export declare interface DropDownsClassStructure {
-    uDropDownsActionSheet?: WidgetClassStructure;
-    uDropDownsBase?: WidgetClassStructure;
-    uDropDownList?: WidgetClassStructure;
-    uComboBox?: WidgetClassStructure;
+    uDropDownsActionSheet?: DropDownsActionSheetClasses;
+    uDropDownsBase?: DropDownBaseClasses;
+    uDropDownList?: DropDownListClasses;
+    uComboBox?: ComboBoxClasses;
 }
 
 /**
@@ -769,8 +1580,39 @@ declare const EMPTY_ID = "";
  */
 export declare const enableNavigatableContainer: (containerElement: HTMLElement, elementsSelectors?: string[]) => void;
 
+/** Animation states for enter transition */
+export declare interface Enter extends AnimationStatesClasses {
+}
+
+/** Active states for enter transition */
+export declare interface EnterActive extends AnimationStatesClasses {
+}
+
 declare type EqualityFn<TFunc extends (...args: any[]) => any> = (newArgs: Parameters<TFunc>, lastArgs: Parameters<TFunc>) => boolean;
 
+export declare interface ErrorClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Direction-related configurations */
+        direction?: {
+            /** Class for start-aligned text */
+            start?: string;
+            /** Class for end-aligned text */
+            end?: string;
+        };
+    };
+}
+
+/** Animation states for exit transition */
+export declare interface Exit extends AnimationStatesClasses {
+}
+
+/** Active states for exit transition */
+export declare interface ExitActive extends AnimationStatesClasses {
+}
+
 /**
  * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
  *
@@ -862,6 +1704,39 @@ export declare const fillModeMap: PresetOption;
  */
 export declare const firstFocusableChild: (element: HTMLElement, elementsSelectors?: string[]) => HTMLElement | undefined;
 
+export declare interface FloatingLabelClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Class applied when the element is focused */
+        focused?: string;
+        /** Class applied when the element is empty */
+        empty?: string;
+        /** Class for non-empty state (empty in this case) */
+        notEmpty?: string;
+        /** Class for disabled state */
+        disabled?: string;
+        /** Class applied when in RTL mode */
+        isRtl?: string;
+    };
+    /** Label element configurations */
+    label?: {
+        /** Main class for the label */
+        main?: string;
+        /** Class applied when the label is focused */
+        focused?: string;
+        /** Class applied when the label is empty */
+        empty?: string;
+        /** Class for non-empty label state */
+        notEmpty?: string;
+        /** Class applied when the label is in an invalid state */
+        invalid?: string;
+        /** Class applied when the label is disabled */
+        disabled?: string;
+    };
+}
+
 /**
  * @hidden
  */
@@ -888,11 +1763,44 @@ export declare const focusFirstFocusableChild: (element: HTMLElement, elementsSe
  */
 export declare const focusLastFocusableChild: (element: HTMLElement, elementsSelectors?: string[]) => void;
 
+export declare interface FormClasses {
+    /** Form configurations */
+    form?: {
+        /** Main class for the form */
+        main?: string;
+        /** Size configurations for the form */
+        size?: {
+            /** Prefix for size classes */
+            prefix?: string;
+            /** Class for small size */
+            small?: string;
+            /** Class for medium size */
+            medium?: string;
+            /** Class for large size */
+            large?: string;
+        };
+        /** Orientation configurations for the form */
+        orientation?: {
+            /** Class for horizontal orientation */
+            horizontal?: string;
+            /** Class for vertical orientation */
+            vertical?: string;
+        };
+    };
+    /** Field configurations within the form */
+    field?: {
+        /** Main class for form fields */
+        main?: string;
+        /** Class indicating right-to-left (RTL) layout */
+        isRtl?: string;
+    };
+}
+
 /**
- * @hidden
+ * Form classes
  */
 export declare interface FormClassStructure {
-    uForm?: WidgetClassStructure;
+    uForm?: FormClasses;
 }
 
 /**
@@ -1148,6 +2056,23 @@ export declare function hasChildren(item: any, childrenField: string): boolean;
 /** @hidden */
 export declare const hasRelativeStackingContext: (elementSource?: HTMLElement) => boolean;
 
+export declare interface HintClasses {
+    /** Wrapper element configurations */
+    wrapper?: {
+        /** Main class for the wrapper */
+        main?: string;
+        /** Direction-related configurations */
+        direction?: {
+            /** Class for start-aligned text */
+            start?: string;
+            /** Class for end-aligned text */
+            end?: string;
+            /** Class for disabled state */
+            disabled?: string;
+        };
+    };
+}
+
 /**
  * Represents the [KendoReact Icon component]({% slug overview_icon %}).
  *
@@ -1208,10 +2133,10 @@ export declare interface IconProps extends BaseIconProps, KendoMouse<IconHandle,
 }
 
 /**
- * @hidden
+ * Icons classes
  */
 export declare interface IconsClassStructure {
-    uSvgIcon?: WidgetClassStructure;
+    uSvgIcon?: SVGIconClasses;
 }
 
 /**
@@ -1278,6 +2203,24 @@ export declare type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tert
  */
 export declare const IconWrap: React_2.ForwardRefExoticComponent<IconProps & SvgIconProps & React_2.RefAttributes<(IconHandle & SvgIconHandle) | null>>;
 
+export declare 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
  */
@@ -1299,14 +2242,14 @@ export declare const inputs: {
 };
 
 /**
- * @hidden
+ * Inputs classes
  */
 export declare interface InputsClassStructure {
-    uMaskedTextBox?: WidgetClassStructure;
-    uRadioGroup?: WidgetClassStructure;
-    uRadioButton?: WidgetClassStructure;
-    uTextBox?: WidgetClassStructure;
-    uInput?: WidgetClassStructure;
+    uMaskedTextBox?: MaskedTextBoxClasses;
+    uRadioGroup?: RadioGroupClasses;
+    uRadioButton?: RadioButtonClasses;
+    uTextBox?: TextBoxClasses;
+    uInput?: InputClasses;
 }
 
 /**
@@ -1513,6 +2456,20 @@ export declare const Keys: {
     delete: number;
 };
 
+export declare interface LabelClasses {
+    /** Label */
+    label?: {
+        /** Main class for the label */
+        main?: string;
+        /** Class applied when the label is in an empty state */
+        empty?: string;
+        /** Class applied when the label is in an invalid state */
+        invalid?: string;
+        /** Class applied when the label is disabled */
+        disabled?: string;
+    };
+}
+
 /**
  * @hidden
  */
@@ -1526,13 +2483,13 @@ export declare const labels: {
 };
 
 /**
- * @hidden
+ * Labels classes
  */
 export declare interface LabelsClassStructure {
-    uError?: WidgetClassStructure;
-    uHint?: WidgetClassStructure;
-    uLabel?: WidgetClassStructure;
-    uFloatingLabel?: WidgetClassStructure;
+    uError?: ErrorClasses;
+    uHint?: HintClasses;
+    uLabel?: LabelClasses;
+    uFloatingLabel?: FloatingLabelClasses;
 }
 
 /**
@@ -1592,6 +2549,51 @@ export declare type MarginEnum = 'xsmall' | 'small' | 'medium' | 'large' | 'xlar
  */
 export declare const maskedPrefix: string;
 
+export declare 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;
+}
+
 declare type MemoizedFn<TFunc extends (this: any, ...args: any[]) => any> = {
     clear: () => void;
     (this: ThisParameterType<TFunc>, ...args: Parameters<TFunc>): ReturnType<TFunc>;
@@ -1787,28 +2789,85 @@ export declare const popup: {
     prefix: string;
 };
 
+export declare interface PopupClasses {
+    /** Prefix for the animation container */
+    animationContainer?: string;
+    /** Prefix for the shown animation container */
+    animationContainerShown?: string;
+    /** Prefix for child animations within the animation */
+    animationChild?: string;
+    /** Prefix for the popup animation */
+    popup?: string;
+    /** Slide animation configurations for different directions */
+    slide?: SlideClasses;
+    /** Active slide animation configurations for different directions */
+    slideActive?: SlideClasses;
+}
+
 /**
- * @hidden
+ * Popup classes
  */
 export declare interface PopupClassStructure {
-    uPopup?: WidgetClassStructure;
+    uPopup?: PopupClasses;
 }
 
 declare type PresetOption = Record<Exclude<any, null>, string>;
 
+export declare 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: {
-    [key: string]: any;
-};
+export declare const radioButtonClasses: RadioButtonClasses;
+
+export declare 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: {
-    [key: string]: any;
-};
+export declare const radioGroupClasses: RadioGroupClasses;
 
 /**
  * @hidden
@@ -1881,11 +2940,49 @@ export declare function setter(field: string): any;
  */
 export declare function shouldShowValidationUI(packageMetadata: any): boolean;
 
+/** Size options  */
+export declare interface SizeClasses {
+    /** Default size (16px by 16px) */
+    default?: string;
+    /** Extra small size (0.75 times the default size) */
+    xsmall?: string;
+    /** Small size (0.875 times the default size) */
+    small?: string;
+    /** Medium size, same as default (16px by 16px) */
+    medium?: string;
+    /** Large size (1.25 times the default size) */
+    large?: string;
+    /** Extra large size (1.5 times the default size) */
+    xlarge?: string;
+    /** Double extra large size (2 times the default size) */
+    xxlarge?: string;
+    /** Triple extra large size (3 times the default size) */
+    xxxlarge?: string;
+}
+
 /**
  * @hidden
  */
 export declare const sizeMap: PresetOption;
 
+export declare interface SlideAnimationClasses {
+    /** Enter animation prefix for sliding up */
+    enter?: string;
+    /** Exit animation prefix for sliding up */
+    exit?: string;
+}
+
+export declare interface SlideClasses {
+    /** Animation settings for sliding up */
+    up?: SlideAnimationClasses;
+    /** Animation settings for sliding down */
+    down?: SlideAnimationClasses;
+    /** Animation settings for sliding left */
+    left?: SlideAnimationClasses;
+    /** Animation settings for sliding right */
+    right?: SlideAnimationClasses;
+}
+
 /**
  * @hidden
  */
@@ -1938,6 +3035,16 @@ export declare const states: {
  */
 export declare const strippedClassNames: (...args: any[]) => string;
 
+/** SVG classes configuration */
+export declare interface SvgClasses {
+    /** Main SVG class, sets fill and flex behavior */
+    main?: string;
+    /** Horizontal flip transformation for the SVG */
+    flipH?: string;
+    /** Vertical flip transformation for the SVG */
+    flipV?: string;
+}
+
 /**
  * @hidden
  */
@@ -1974,6 +3081,16 @@ export declare interface SVGIcon {
  */
 export declare const SvgIcon: React_2.ForwardRefExoticComponent<SvgIconProps & React_2.RefAttributes<SvgIconHandle | null>>;
 
+/**
+ * SVGIcon Classes
+ */
+export declare interface SVGIconClasses {
+    /** Wrapper configuration*/
+    wrapper?: WrapperClasses;
+    /** SVG configuration */
+    svg?: SvgClasses;
+}
+
 /**
  * @hidden
  */
@@ -2025,11 +3142,244 @@ export declare const svgIconPropType: PropTypes.Requireable<PropTypes.InferProps
  */
 export declare const TABBABLE_ELEMENTS: string[];
 
+export declare 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;
+        };
+    };
+}
+
+/** Theme color options for the wrapper */
+export declare interface ThemeColorClasses {
+    /** The text color should inherit from its parent */
+    inherit?: string;
+    /** Text color for the primary theme */
+    primary?: string;
+    /** Text color for the secondary theme */
+    secondary?: string;
+    /** Text color for the tertiary theme */
+    tertiary?: string;
+    /** Text color for informational messages */
+    info?: string;
+    /** Text color indicating success */
+    success?: string;
+    /** Text color for warnings */
+    warning?: string;
+    /** Text color indicating errors */
+    error?: string;
+    /** Text color for dark theme */
+    dark?: string;
+    /** Text color for light theme */
+    light?: string;
+}
+
+/**  Theme colors fill mode options for */
+export declare 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;
+    };
+}
+
 /**
  * @hidden
  */
 export declare const themeColorMap: PresetOption;
 
+export declare interface TimeClasses {
+    /** Footer configuration for the date input */
+    footer?: TimeFooterClasses;
+    /** Cancel action class for the date input */
+    cancel?: string;
+    /** Accept action class for the date input */
+    accept?: string;
+    /** Part configuration for the date input */
+    part?: TimePartClasses;
+    /** Header class for the date input */
+    header?: string;
+    /** Now action class for the date input */
+    now?: string;
+    /** List container class for the date input */
+    listContainer?: string;
+    /** Highlighted state class for the date input */
+    highlight?: string;
+    /** List wrapper configuration for the date input */
+    listWrapper?: TimeListWrapperClasses;
+    /** List class for the date input */
+    list?: string;
+    /** Main container configuration for the date input */
+    container?: TimeContainerClasses;
+    /** Container selector class for the date input */
+    containerSelector?: string;
+    /** Separator class for the date input */
+    separator?: string;
+    /** Unordered list class */
+    ul?: string;
+    /** List item class */
+    li?: string;
+    /** Title class for the date input */
+    title?: string;
+    /** Scrollable placeholder class for the date input */
+    scrollablePlaceholder?: string;
+}
+
+export declare interface TimeContainerClasses {
+    /** Main container class for the date input */
+    main?: string;
+    /** Scrollable state class for the container */
+    scrollable?: string;
+    /** Content class within the container */
+    content?: string;
+}
+
+export declare interface TimeFooterClasses {
+    /** Main footer class for time date input */
+    main?: string;
+    /** Actions container class within the footer */
+    actions?: string;
+    /** Stretched state class for the footer actions */
+    stretched?: string;
+    /** Horizontal alignment class for the footer actions */
+    horizontal?: string;
+}
+
+export declare interface TimeListWrapperClasses {
+    /** Main wrapper class for the list */
+    main?: string;
+    /** Focused state class for the list wrapper */
+    focused?: string;
+}
+
+export declare interface TimePartClasses {
+    /** Main class for the part of the date input */
+    main?: string;
+    /** Disabled state class for the part */
+    disabled?: string;
+}
+
+export declare interface TimePickerClasses {
+    /** Wrapper configuration for the timepicker */
+    wrapper?: TimePickerWrapperClasses;
+    /** Button class for the input component of the timepicker */
+    inputButton?: string;
+    /** Popup configuration for the timepicker */
+    popup?: TimePopupClasses;
+    /** Time selector configuration for the timepicker */
+    timeSelector?: TimeSelectorClasses;
+}
+
+export declare interface TimePickerWrapperClasses {
+    /** Main class for the timepicker wrapper */
+    main?: string;
+    /** Input class for the timepicker */
+    input?: string;
+    /** Size configurations for the timepicker */
+    size?: DateTimeSizeClasses;
+    /** Fill mode configurations for the timepicker */
+    fillMode?: DateTimeFillModeClasses;
+    /** Rounded configurations for the timepicker */
+    rounded?: DateTimeRoundedClasses;
+    /** Disabled state class for the timepicker */
+    disabled?: string;
+    /** Required state class for the timepicker */
+    required?: string;
+    /** Invalid state class for the timepicker */
+    invalid?: string;
+}
+
+export declare interface TimePopupClasses {
+    /** Main class for the timepicker popup */
+    main?: string;
+    /** Container class for the popup list */
+    container?: string;
+}
+
+export declare interface TimeSelectorClasses {
+    /** Main class for the time selector */
+    main?: string;
+    /** Size configurations for the time selector */
+    size?: DateTimeSizeClasses;
+    /** Disabled state class for the time selector */
+    disabled?: string;
+    /** Reset class for the time selector */
+    reset?: string;
+}
+
 /**
  * @hidden
  */
@@ -2337,9 +3687,9 @@ export declare const uLabel: WidgetClassStructure;
 export declare const uMaskedTextBox: WidgetClassStructure;
 
 /**
- * @hidden
+ * UnstyledContext
  */
-export declare const UnstyledContext: React_3.Context<any>;
+export declare const UnstyledContext: React_3.Context<AllClassStructure | undefined>;
 
 /**
  * @hidden
@@ -2461,7 +3811,7 @@ export declare const usePropsContext: <T extends unknown>(context: React_2.Conte
 export declare function useRtl(elementRef: React_2.RefObject<HTMLElement | null>, initialDir?: string, args?: any): string | undefined;
 
 /**
- * @hidden
+ * useUnstyled
  */
 export declare const useUnstyled: () => AllClassStructure | undefined;
 
@@ -2526,6 +3876,24 @@ export declare const withPropsContext: <T extends unknown>(context: React_2.Cont
 /** @hidden */
 export declare const withUnstyledHOC: <P extends object>(Component: React_2.ComponentType<P>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<any>>;
 
+/** Wrapper classes configuration */
+export declare interface WrapperClasses {
+    /** Main wrapper class */
+    main?: string;
+    /** SVG prefix class */
+    svgPrefix?: string;
+    /** SVG name prefix class */
+    namePrefix?: string;
+    /** Horizontal flip transformation */
+    flipH?: string;
+    /** Vertical flip transformation */
+    flipV?: string;
+    /** Theme color options for the wrapper */
+    themeColor?: ThemeColorClasses;
+    /** Size options for the wrapper */
+    size?: SizeClasses;
+}
+
 /**
  * @hidden
  */