@tiller-ds/theme/defaultTheme.d.ts

Theme module of Tiller Design System

import React from "react";
import { DeepPartial } from "tsdef";
declare const defaultComponentConfig: {
    Alert: {
        borderRadius: string;
        icon: {
            container: string;
        };
        title: {
            fontSize: string;
            fontWeight: string;
            color: string;
        };
        text: {
            fontSize: string;
            margin: string;
            color: string;
        };
        variant: {
            info: {
                color: string;
                backgroundColor: string;
                padding: string;
            };
            success: {
                color: string;
                backgroundColor: string;
                padding: string;
            };
            danger: {
                color: string;
                backgroundColor: string;
                padding: string;
            };
            warning: {
                color: string;
                backgroundColor: string;
                padding: string;
            };
        };
    };
    AppPicker: {
        Application: {
            master: string;
            padding: string;
            fontSize: string;
            lineHeight: string;
            color: string;
        };
        ApplicationList: {
            outerContainer: {
                width: string;
                margin: string;
                borderRadius: string;
                boxShadow: string;
            };
            innerContainer: {
                borderRadius: string;
                backgroundColor: string;
                boxShadow: string;
            };
            padding: string;
        };
    };
    Autocomplete: {
        Clear: {
            base: {
                padding: string;
                margin: string;
            };
            active: string;
        };
        Item: {
            master: string;
            highlight: string;
            base: {
                regular: string;
                selected: string;
                selectedCustom: string;
            };
            active: {
                regular: string;
                selected: string;
                hovered: string;
                hoveredCustom: string;
            };
            accentuated: string;
            complex: {
                container: string;
                element: string;
                selected: {
                    master: string;
                    color: string;
                    size: string;
                };
            };
        };
        Select: {
            base: string;
            active: string;
            disabled: string;
        };
        Separator: {
            container: string;
            inner: string;
        };
        List: {
            base: {
                master: string;
                borderRadius: string;
                boxShadow: string;
                outline: string;
            };
            inner: {
                margin: string;
                borderRadius: string;
                backgroundColor: string;
                boxShadow: string;
                outline: string;
            };
        };
        Loading: {
            container: string;
            inner: {
                padding: string;
                margin: string;
            };
            overlay: {
                master: string;
                backgroundColor: string;
                opacity: string;
            };
        };
        Container: {
            outer: string;
            inner: string;
        };
        noResults: {
            master: string;
            padding: string;
            fontSize: string;
            lineHeight: string;
            color: string;
        };
        tagPlaceholder: {
            master: string;
            fontSize: string;
            textColor: string;
        };
    };
    Badge: {
        master: string;
        removeButton: {
            master: string;
            small: string;
        };
        base: {
            padding: string;
            lineHeight: string;
        };
        small: {
            padding: string;
            lineHeight: string;
        };
        variant: {
            filled: {
                base: string;
                color: {
                    primary: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    secondary: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    tertiary: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    info: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    danger: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    warning: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    success: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    white: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                };
            };
            outlined: {
                base: string;
                color: {
                    primary: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    secondary: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    tertiary: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    info: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    danger: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    warning: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    success: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                    white: {
                        base: string;
                        dot: string;
                        removeIcon: string;
                    };
                };
            };
        };
    };
    Breadcrumbs: {
        master: string;
        iconColor: string;
        container: {
            backgroundColor: string;
            borderRadius: string;
            padding: string;
            display: string;
            spaceBetween: string;
        };
        childContainer: {
            display: string;
            alignItems: string;
            spaceBetween: string;
        };
        breadcrumb: {
            master: string;
            fontSize: string;
            fontWeight: string;
            color: string;
            hover: string;
            transitionDuration: string;
            transitionTimingFunction: string;
        };
    };
    Button: {
        master: string;
        base: {
            borderRadius: string;
            focus: string;
        };
        size: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        variant: {
            filled: {
                base: {
                    master: string;
                };
                color: {
                    primary: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    secondary: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    tertiary: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    success: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    danger: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    warning: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    info: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    white: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                    gray: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                };
            };
            outlined: {
                base: {
                    master: string;
                };
                color: {
                    primary: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    secondary: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    tertiary: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    success: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    danger: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    warning: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    info: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    white: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                };
            };
            text: {
                base: {
                    master: string;
                };
                color: {
                    primary: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    secondary: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    tertiary: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    success: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    danger: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    warning: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    info: {
                        backgroundColor: string;
                        textColor: string;
                        borderColor: string;
                        hover: string;
                        shadow: string;
                    };
                    white: {
                        backgroundColor: string;
                        textColor: string;
                        hover: string;
                        borderColor: string;
                        shadow: string;
                    };
                };
            };
        };
        disabled: {
            opacity: string;
        };
        leadingIcon: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        trailingIcon: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
    };
    ButtonGroups: {
        master: string;
        base: string;
        Button: {
            master: string;
            first: string;
            last: string;
        };
        IconButton: {
            first: string;
            last: string;
        };
    };
    Card: {
        master: string;
        container: {
            backgroundColor: string;
            boxShadow: string;
            borderRadius: string;
            overflow: string;
        };
        waitingContainer: {
            master: string;
            backgroundColor: string;
            opacity: string;
        };
        loadingIcon: {
            color: string;
            size: number;
        };
        header: {
            padding: string;
            borderBottomWidth: string;
            borderColor: string;
            innerContainer: string;
            titleSubtitleContainer: string;
            expandable: string;
            title: {
                fontSize: string;
                fontWeight: string;
                lineHeight: string;
                color: string;
            };
            subtitle: {
                marginTop: string;
                fontSize: string;
                lineHeight: string;
                color: string;
            };
            actions: {
                outerContainer: string;
                innerContainer: string;
            };
        };
        body: {
            padding: string;
        };
        footer: {
            borderTopWidth: string;
            borderColor: string;
            padding: string;
        };
    };
    Checkbox: {
        master: string;
        transition: string;
        border: string;
        borderRadius: string;
        backgroundColor: string;
        boxShadow: string;
        container: string;
        disabled: string;
        label: {
            color: string;
            padding: string;
            fontSize: string;
        };
        color: {
            primary: string;
            secondary: string;
            tertiary: string;
            info: string;
            danger: string;
            warning: string;
            success: string;
            white: string;
        };
    };
    CheckboxField: {
        base: string;
    };
    CheckboxGroup: {
        input: string;
    };
    Container: {
        variant: {
            max: {
                outerContainer: string;
                innerContainer: string;
            };
            fullWidth: {
                outerContainer: string;
                innerContainer: string;
            };
            constrainedPadded: {
                outerContainer: string;
                innerContainer: string;
            };
            fullWidthContainer: {
                outerContainer: string;
                innerContainer: string;
            };
            narrowConstrained: {
                outerContainer: string;
                innerContainer: string;
            };
        };
    };
    DataTable: {
        container: {
            master: string;
            borderRadius: string;
        };
        table: string;
        head: string;
        body: string;
        tableHeader: {
            align: {
                left: string;
                right: string;
                center: string;
                justify: string;
            };
            master: string;
            borderColor: string;
            backgroundColor: string;
            color: string;
            fontWeight: string;
            fontSize: string;
            padding: string;
        };
        tableFooter: {
            master: string;
            borderColor: string;
            backgroundColor: string;
            color: string;
            fontWeight: string;
            fontSize: string;
            padding: string;
        };
        tableRow: {
            odd: string;
            even: string;
        };
        align: {
            left: string;
            right: string;
            center: string;
            justify: string;
        };
        tableCell: {
            fontSize: string;
            fontWeight: string;
            color: string;
            gray: string;
            white: string;
            backgroundSticky: string;
        };
        primaryRowSpacing: string;
        secondaryRowSpacing: string;
        rowBorder: string;
        CardHeader: {
            backgroundColor: string;
        };
        expanderCellIcon: {
            color: string;
        };
    };
    DateInput: {
        DatePicker: {
            base: {
                master: string;
                backgroundColor: string;
                padding: string;
            };
            range: {
                master: string;
                backgroundColor: string;
                margin: string;
                borderRadius: string;
                padding: string;
                iconColor: string;
            };
            Month: {
                headerContainer: string;
                monthLabel: {
                    margin: string;
                    fontSize: string;
                    fontWeight: string;
                    color: string;
                };
                yearLabel: {
                    margin: string;
                    fontSize: string;
                    fontWeight: string;
                    color: string;
                };
                button: string;
                icon: {
                    size: number;
                    color: string;
                };
                daysContainer: string;
                weekDayLabel: string;
            };
            EmptyDay: {
                base: string;
            };
            Day: {
                container: string;
            };
            Button: {
                base: string;
                regular: string;
                firstOrLast: string;
                selected: string;
                hovered: string;
                currentDate: string;
                dateHovered: string;
                yearHovered: string;
                disabled: string;
            };
        };
    };
    DescriptionList: {
        padding: string;
        Type: {
            clean: {
                master: string;
                itemBase: string;
            };
            striped: {
                evenRowColor: string;
                oddRowColor: string;
            };
            default: {
                margin: string;
                border: string;
                borderColor: string;
            };
        };
        Item: {
            type: {
                default: {
                    label: string;
                    content: string;
                    itemColumnContainer: string;
                };
                sameColumn: {
                    label: string;
                    content: string;
                    itemColumnContainer: string;
                };
            };
        };
    };
    Dropdown: {
        content: string;
        popover: string;
        Menu: {
            transition: {
                entering: string;
                enterFrom: string;
                enterTo: string;
                leave: string;
                leaveFrom: string;
                leaveTo: string;
            };
        };
    };
    DropdownMenu: {
        Icon: {
            color: {
                default: string;
                dark: string;
                light: string;
            };
        };
        MenuItem: {
            master: string;
            padding: string;
            fontSize: string;
            textColor: string;
            disabled: string;
            transition: string;
        };
        MenuContainer: {
            master: string;
            margin: string;
            width: string;
            borderRadius: string;
            boxShadow: string;
            backgroundColor: string;
        };
        MenuInnerContainer: {
            borderRadius: string;
            boxShadow: string;
            backgroundColor: {
                default: string;
                dark: string;
                light: string;
            };
        };
        MenuContainerChildren: {
            master: string;
            padding: string;
            textColor: {
                default: string;
                dark: string;
                light: string;
            };
        };
    };
    DateTimeInput: {
        container: string;
        borderRadius: string;
        borderBottomWidth: string;
        Icon: {
            color: string;
        };
    };
    DateTimePicker: {
        container: string;
        tabsContainer: string;
        tab: string;
    };
    DragZone: {
        dragZoneContainer: string;
        uploadyDropZone: string;
        customUploadDropZoneContainer: {
            master: string;
            margin: string;
            padding: string;
            borderWidth: string;
            borderStyle: string;
            borderRadius: string;
            borderColor: string;
            borderDarkColor: string;
        };
        iconSize: number;
        iconColor: string;
        customUploadDropZoneDescriptionContainer: string;
        loader: {
            master: string;
            percentage: string;
        };
        customUploadDropZoneTitle: {
            master: string;
            fontSize: string;
            fontWeight: string;
            color: string;
        };
        customUploadDropZoneSubtitle: {
            fontSize: string;
            color: string;
        };
    };
    Field: {
        Hint: {
            base: string;
        };
        Help: {
            base: string;
            color: string;
        };
        Tooltip: {
            marginLeft: string;
        };
        ErrorText: {
            base: string;
        };
    };
    FieldError: {
        error: string;
    };
    FieldGroup: {
        Group: {
            legend: string;
            help: string;
            content: {
                master: string;
                horizontal: string;
                vertical: string;
            };
            error: string;
        };
        GroupItem: {
            container: string;
            content: string;
            info: string;
            label: string;
            help: string;
            disabled: string;
        };
    };
    FetchDebugRequest: {
        backgroundColor: string;
    };
    FileList: {
        container: {
            master: string;
            borderWidth: string;
            borderColor: string;
            borderRadius: string;
            padding: string;
            fontSize: string;
            lineHeight: string;
        };
        actions: {
            master: string;
            fontSize: string;
            color: string;
        };
        icon: {
            color: string;
            margin: string;
        };
        fileName: {
            fontSize: string;
            textColor: string;
        };
    };
    FormLayout: {
        backgroundColor: string;
        border: string;
        simpleBorder: string;
        borderPadding: string;
        card: {
            layout: string;
            titleContainer: string;
            title: {
                fontSize: string;
                color: string;
                fontWeight: string;
                lineHeight: string;
            };
            subtitle: {
                fontSize: string;
                color: string;
                margin: string;
                lineHeight: string;
            };
            container: string;
            padding: string;
        };
        title: {
            fontSize: string;
            color: string;
            fontWeight: string;
            lineHeight: string;
        };
        subtitle: {
            fontSize: string;
            color: string;
            margin: string;
            lineHeight: string;
        };
        content: {
            layout: string;
            titleContainer: string;
            container: string;
            title: {
                fontSize: string;
                color: string;
                fontWeight: string;
                lineHeight: string;
            };
            subtitle: {
                fontSize: string;
                color: string;
                margin: string;
                lineHeight: string;
            };
        };
        actions: {
            margin: string;
            border: string;
            padding: string;
        };
    };
    Input: {
        master: string;
        fontSize: string;
        textColor: string;
        lineHeight: string;
        borderColor: string;
        borderRadius: string;
        padding: {
            input: string;
            autocomplete: string;
        };
        boxShadow: string;
        disabled: string;
        withExtend: string;
        extend: {
            master: string;
            disabled: string;
        };
        addOn: {
            master: string;
            container: string;
            padding: string;
            color: string;
            fontSize: string;
            borderRadius: string;
            inline: string;
            outline: string;
            InlineAddOn: {
                master: string;
                leading: string;
                trailing: string;
            };
        };
        inlineLeadingIcon: string;
        inlineLeadingAddOn: string;
        leadingAddOnContainer: string;
        trailingAddOnContainer: {
            master: string;
            withExtend: string;
            withoutExtend: string;
        };
        inlineTrailingAddOn: string;
        error: {
            borderColor: string;
            color: string;
            placeholder: string;
            boxShadow: string;
            Icon: {
                color: string;
            };
        };
        container: {
            base: string;
            withLabel: string;
        };
        Required: {
            base: string;
        };
        Help: {
            base: string;
        };
        ErrorText: {
            base: string;
        };
        Icon: {
            master: string;
            color: string;
            Container: {
                master: string;
                leading: string;
                trailing: string;
            };
            clickableTrailing: string;
        };
        clear: {
            base: string;
            padding: string;
            color: string;
            size: number;
            disabled: string;
            clickableTrailing: string;
        };
    };
    Icon: {
        primary: string;
        InlineError: string;
        InlineMail: string;
        InlineQuestionMark: string;
        color: string;
    };
    IconButton: {
        master: string;
        padding: string;
        disabled: string;
        icon: {
            opacity: string;
            size: number;
        };
    };
    Label: {
        fontSize: string;
        color: string;
        empty: string;
    };
    Link: {
        master: string;
        base: {
            fontSize: string;
            fontWeight: string;
        };
        color: {
            main: string;
            primary: string;
            secondary: string;
            tertiary: string;
            info: string;
            danger: string;
            warning: string;
            success: string;
            white: string;
        };
    };
    Login: {
        master: string;
        container: string;
        logoContainer: string;
        headerContainer: string;
        inputSpacing: string;
        logoSize: string;
        loginButton: {
            master: string;
            margin: string;
        };
        link: {
            master: string;
            container: string;
        };
        emailForm: {
            master: string;
            headerContainer: string;
            inputSpacing: string;
            submitButton: {
                master: string;
                margin: string;
            };
            link: {
                master: string;
                container: string;
                icon: string;
            };
        };
        passwordResetForm: {
            master: string;
            headerContainer: string;
            description: string;
            inputSpacing: string;
            resetButton: {
                master: string;
                margin: string;
            };
            link: {
                master: string;
                container: string;
                icon: string;
            };
        };
    };
    Modal: {
        Container: {
            base: {
                master: string;
                padding: string;
            };
            Content: {
                container: {
                    master: string;
                    backgroundColor: string;
                    borderRadius: string;
                    padding: string;
                    boxShadow: string;
                };
                dismiss: string;
                outer: string;
                inner: string;
            };
            Overlay: {
                outer: string;
                inner: {
                    master: string;
                    backgroundColor: string;
                };
            };
        };
        Content: {
            master: string;
            title: {
                fontSize: string;
                lineHeight: string;
                fontWeight: string;
                color: string;
            };
        };
        Dismiss: {
            button: {
                master: string;
                color: string;
                hover: string;
            };
        };
        Footer: {
            base: string;
        };
        Icon: {
            base: string;
            backgroundColor: string;
        };
    };
    Notification: {
        actions: {
            master: string;
            borderColor: string;
            noCloseButton: {
                container: string;
                innerContainer: string;
            };
        };
        Container: {
            master: string;
            backgroundColor: {
                info: string;
                danger: string;
                warning: string;
                success: string;
                default: string;
            };
            borderRadius: string;
            boxShadow: string;
            outer: {
                base: string;
                regular: string;
                condensed: string;
            };
            content: string;
        };
        icon: {
            master: string;
            type: {
                info: string;
                danger: string;
                warning: string;
                success: string;
            };
        };
        dismiss: {
            master: string;
            margin: string;
            Button: {
                master: string;
                color: string;
            };
        };
        title: {
            fontSize: string;
            fontWeight: string;
            color: string;
        };
        content: {
            fontSize: string;
            color: string;
            margin: string;
        };
    };
    NotificationProvider: {
        Container: {
            master: string;
            padding: string;
            inner: string;
            position: {
                topCenter: string;
                topRight: string;
                topLeft: string;
                bottomCenter: string;
                bottomRight: string;
                bottomLeft: string;
            };
        };
        Icon: {
            size: number;
        };
    };
    PageHeading: {
        container: string;
        master: string;
        breadcrumbs: string;
        title: {
            master: string;
            padding: string;
            fontSize: string;
            fontWeight: string;
            lineHeight: string;
            color: string;
        };
        subtitle: {
            marginTop: string;
            fontSize: string;
            lineHeight: string;
            color: string;
        };
        meta: {
            master: string;
            marginTop: string;
            child: string;
        };
        actions: {
            master: string;
            marginTop: string;
            marginLeft: string;
        };
    };
    Pagination: {
        master: string;
        default: {
            backgroundColor: string;
            textColor: string;
            borderColor: string;
        };
        current: {
            backgroundColor: string;
            textColor: string;
            borderColor: string;
        };
        pageSummary: {
            fontSize: string;
            lineHeight: string;
            color: string;
        };
    };
    PageResizer: {
        master: string;
        select: string;
    };
    Placeholder: {
        master: string;
    };
    ProgressBar: {
        container: {
            master: string;
            borderWidth: string;
            borderColor: string;
            borderRadius: string;
            overflow: string;
        };
        indexIcon: {
            master: string;
            backgroundColor: string;
            borderWidth: string;
            borderColor: string;
            borderRadius: string;
            afterBorderColor: string;
        };
        textIndex: {
            master: string;
            fontSize: string;
            fontWeight: string;
            lineHeight: string;
            color: string;
            beforeTextColor: string;
            afterTextColor: string;
        };
        Step: {
            master: string;
            innerContainer: string;
            stepContainer: {
                master: string;
                padding: string;
                margin: string;
            };
        };
        DefaultSeparator: {
            master: string;
            rightArrow: {
                master: string;
                color: string;
            };
        };
        icon: {
            color: string;
            size: number;
        };
    };
    RadioGroup: {
        master: string;
        transition: string;
        base: {
            size: string;
            borderColor: string;
            borderRadius: string;
            boxShadow: string;
            backgroundColor: string;
            color: {
                primary: string;
                secondary: string;
                tertiary: string;
                info: string;
                danger: string;
                warning: string;
                success: string;
                white: string;
            };
        };
        input: string;
        Item: {
            disabled: string;
        };
    };
    Select: {
        Button: {
            container: string;
            input: string;
            value: string;
        };
        Clear: {
            base: {
                padding: string;
                margin: string;
            };
            active: string;
        };
        Item: {
            base: {
                master: string;
                padding: string;
                fontSize: string;
                lineHeight: string;
                color: string;
                disabled: string;
                selected: string;
            };
            active: {
                regular: string;
                hovered: string;
            };
            container: string;
            element: string;
            selected: {
                master: string;
                color: string;
                size: string;
            };
        };
        Items: {
            container: string;
            inputContainer: string;
        };
        List: {
            master: string;
            borderRadius: string;
            boxShadow: string;
            inner: {
                margin: string;
                borderRadius: string;
                backgroundColor: string;
                boxShadow: string;
                outline: string;
            };
        };
        Loading: {
            container: string;
            inner: {
                padding: string;
                margin: string;
            };
        };
        Separator: {
            container: string;
            inner: string;
        };
        Select: {
            master: string;
            padding: string;
            borderColor: string;
            boxShadow: string;
            borderRadius: string;
            backgroundColor: string;
            margin: string;
            fontSize: string;
            lineHeight: string;
            error: string;
            disabled: string;
            input: string;
        };
        container: string;
        placeholder: string;
    };
    TreeSelect: {
        Select: {
            base: string;
            active: string;
            disabled: string;
        };
        ValueLabel: {
            base: string;
            disabled: string;
        };
        Clear: {
            base: {
                padding: string;
                margin: string;
            };
            active: string;
        };
        List: {
            master: string;
            borderRadius: string;
            boxShadow: string;
            inner: {
                base: string;
                margin: string;
                borderRadius: string;
                backgroundColor: string;
                boxShadow: string;
                outline: string;
            };
        };
        Item: {
            base: {
                master: string;
                padding: string;
                fontSize: string;
                lineHeight: string;
                color: string;
                hover: string;
            };
            container: string;
            element: string;
            selected: {
                master: string;
                color: string;
                size: string;
            };
        };
        Separator: {
            container: string;
            inner: string;
        };
    };
    SidebarLayout: {
        container: {
            master: string;
            backgroundColor: string;
        };
        master: string;
        padding: string;
        content: {
            master: string;
            padding: string;
        };
    };
    SidebarNavigation: {
        container: {
            master: string;
            dark: string;
            light: string;
            default: string;
            padding: string;
        };
        topContainer: string;
        base: {
            master: string;
            container: string;
            closed: string;
            boxShadow: string;
            borderRadius: string;
            default: string;
            dark: string;
            light: string;
            padding: string;
        };
        navButtons: {
            container: string;
            margin: string;
            size: string;
            hover: string;
            master: string;
            default: string;
            dark: string;
            light: string;
        };
        bottomActions: {
            master: string;
            padding: string;
        };
        logo: {
            master: string;
            withTopRightAction: {
                master: string;
                margin: string;
            };
            withoutTopRightAction: string;
        };
        topRightAction: {
            master: string;
        };
        item: {
            master: string;
            padding: string;
            fontSize: string;
            base: {
                fontWeight: string;
                default: string;
                dark: string;
                light: string;
            };
            active: {
                fontWeight: string;
                default: string;
                dark: string;
                light: string;
            };
            expandable: {
                container: string;
                outerContainer: string;
                subitemsContainer: {
                    padding: string;
                    margin: string;
                    borderRadius: string;
                    boxShadow: string;
                    width: string;
                    default: string;
                    dark: string;
                    light: string;
                };
            };
            inactive: {
                default: string;
                dark: string;
                light: string;
            };
            transition: string;
        };
        icon: {
            master: string;
            color: string;
        };
        dropdownItem: {
            master: string;
            iconWrapper: string;
            padding: string;
            fontSize: string;
            base: {
                fontWeight: string;
                default: string;
                dark: string;
                light: string;
            };
            active: {
                fontWeight: string;
                default: string;
                dark: string;
                light: string;
            };
            transition: string;
        };
    };
    Slider: {
        outerContainer: string;
        innerContainer: string;
        base: string;
        backgroundColor: string;
        Marker: {
            master: string;
            container: string;
            backgroundColor: string;
            markerLabel: string;
            markerNoLabel: string;
            text: string;
        };
        Value: {
            base: string;
            outer: string;
            inner: string;
            colors: string[];
        };
    };
    StackedLayout: {
        master: string;
        backgroundColor: string;
        grayBackgroundColor: string;
        compactPadding: string;
        padding: string;
        contentContainer: string;
        navigationContainer: {
            fixed: string;
            scrolled: string;
        };
        heading: {
            fixed: string;
        };
    };
    StatusButton: {
        icon: {
            size: {
                xs: number;
                sm: number;
                md: number;
                lg: number;
                xl: number;
            };
        };
    };
    Tabs: {
        outerContainer: string;
        innerContainer: string;
        scrollButtons: string;
        withoutScrollButtons: string;
        Tab: {
            base: {
                master: string;
                width: string;
                padding: string;
                borderBottomWidth: string;
                fontWeight: string;
                fontSize: string;
            };
            active: {
                master: string;
                borderColor: string;
                color: string;
            };
            inactive: {
                master: string;
                borderColor: string;
                color: string;
            };
            fullWidth: string;
            noIcon: string;
            withIcon: {
                leading: string;
                trailing: string;
            };
            withScrollButtons: string;
        };
        Icon: {
            base: {
                leading: string;
                trailing: string;
            };
            inactive: string;
            active: string;
        };
    };
    TestUsersPicker: {
        backgroundColor: string;
    };
    Textarea: {
        master: string;
        fontSize: string;
        borderColor: string;
        borderRadius: string;
        padding: string;
        boxShadow: string;
        container: {
            base: string;
            withLabel: string;
        };
        error: {
            borderColor: string;
            color: string;
            placeholder: string;
            boxShadow: string;
            Icon: {
                color: string;
            };
        };
        disabled: string;
    };
    TimePicker: {
        container: string;
        innerContainer: string;
        pickerHeaderContainer: string;
        pickerBodyContainer: string;
        clockContainer: {
            master: string;
            backgroundColor: string;
        };
        clockButtonsContainer: string;
        twentyFourHoursClockContainer: string;
        twentyFourHoursClock: string;
        digitInputContainer: string;
        digitInput: string;
        handContainer: string;
        handline: {
            master: string;
            backgroundColor: string;
        };
        smallHand