@makeen.io/material-ui-kit/distr/themes/default.d.ts

Makeen UI components kit. Based on material-ui.

import { PaletteColorOptions, Theme } from "@material-ui/core/styles";
import { CommonColors, Palette, PaletteColor } from "@material-ui/core/styles/createPalette";
declare type ICustomPaletteColorOptions = {
    border: string;
} | PaletteColorOptions;
declare type ColorsType = {
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
    1000?: string;
    1100?: string;
};
declare type TagColorType = {
    backgroundColor: string;
    backgroundColorOnHover: string;
    backgroundColorOnPressed: string;
    color: string;
};
declare type BannerColor = {
    backgroundColor: string;
    borderColor?: string;
    textColor: string;
};
declare type BannerColors = {
    basic: BannerColor;
    primary: BannerColor;
    success: BannerColor;
    info: BannerColor;
    warning: BannerColor;
    danger: BannerColor;
};
export declare type ButtonColorType = {
    backgroundColor: string;
    backgroundColorOnHover: string;
    backgroundColorOnPressed: string;
    color: string;
    iconColor?: string;
    boxShadowColor?: string;
    labelOpacity?: number;
};
export declare type ButtonSizeType = {
    fontSize: string;
    iconFontSize: string;
    iconHeight: string;
    iconWidth: string;
    iconLineHeight: string;
    lineHeight: string;
    padding: string;
    paddingFromIcon: string;
    paddingWithLeftIcon: string;
    paddingWithRightIcon: string;
    squarePadding: string;
    squareWidth: string;
};
export declare type InfoCard = {
    backgroundColor: string;
    borderColor: string;
    iconColor: string;
    textColor: string;
};
export declare type FrameSize = {
    borderRadius: string;
    width: string;
    height: string;
    padding: string;
    screenPadding: string;
    screenBorderRadius: string;
    cameraSize: string;
    topBangsPadding: string;
};
export interface ISizes {
    button: {
        giant: ButtonSizeType;
        large: ButtonSizeType;
        medium: ButtonSizeType;
        small: ButtonSizeType;
        tiny: ButtonSizeType;
    };
    frame: {
        smartphone: FrameSize;
        tablet: FrameSize;
    };
    imagePickerDefaultSize: {
        width: string;
        height: string;
        borderRadius: string;
        closeIconSize: string;
    };
    snackbar: {
        fontSize: string;
    };
    contentBox: {
        defaultPaddings: string;
        defaultWidth: string;
    };
    formFooter: {
        marginTop: string;
        fontSize: string;
    };
    questionCard: {
        actionItem: {
            fontSize: string;
            lineHeight: number | string;
            iconSize: number;
            marginLeft: string;
            marginRight: string;
        };
        actions: {
            height: string;
            left: {
                padding: string;
            };
            padding: string;
            right: {
                padding: string;
            };
        };
        content: {
            padding: string;
        };
        iconButton: {
            marginLeft: string;
            marginRight: string;
            marginTop: string;
            marginBottom: string;
        };
    };
}
declare type StatusColors = {
    basic: string;
    primary: string;
    success: string;
    info: string;
    warning: string;
    danger: string;
};
declare type ExtendedPaletteColor = PaletteColor & {
    tabs: PaletteColorOptions & {
        border?: string;
    };
};
export interface IExtendedPaletteOptions extends Palette {
    common: CommonColors & {
        whiteShade1: string;
        grey: string;
    };
    info: ExtendedPaletteColor;
    secondary: ExtendedPaletteColor;
    primary: ExtendedPaletteColor;
    success: ExtendedPaletteColor;
    warning: ExtendedPaletteColor;
    error: ExtendedPaletteColor;
    disabled: PaletteColorOptions;
    simple: PaletteColorOptions;
    simpleLabel: PaletteColorOptions;
    tertiary: ICustomPaletteColorOptions;
    quaternary: PaletteColorOptions;
    secondaryLight: PaletteColor;
    greenLight: PaletteColorOptions;
    infoInvert: PaletteColorOptions;
    infoLight: PaletteColorOptions;
    infoWarning: PaletteColorOptions;
    deprecated: PaletteColorOptions;
    tangerine: PaletteColorOptions;
    errorInvert: {
        contrastText: string;
    };
    simpleQuaternary: PaletteColorOptions;
    solidSuccess: PaletteColorOptions;
    solidWarning: PaletteColorOptions;
    solidPrimary: PaletteColorOptions;
    solidTangerine: PaletteColorOptions;
    solidInfoLight: PaletteColorOptions;
    fabArrowDark: PaletteColorOptions;
    drawer: {
        foreground: string;
        background: string;
        titleColor: string;
        titleFontSize: string;
    };
    BannerColors: BannerColors;
    StepItem: {
        activeText: string;
        activeBackground: string;
        disabledBackground: string;
        disabledText: string;
        disabledBox: string;
        activeSuccess: string;
        disabledBasic: string;
    };
    RawColorPicker: {
        borderColor: string;
        titleColor: string;
    };
    Select: {
        defaultText: string;
        filledText: string;
        defaultBorder: string;
        activeBorder: string;
        successBorder: string;
        errorBorder: string;
        ghostBorder: string;
        menuItemColor: string;
    };
    InfoCard: InfoCard;
    TagColors: {
        basic: TagColorType;
        success: TagColorType;
        info: TagColorType;
        danger: TagColorType;
        control: TagColorType;
        primary: TagColorType;
    };
    sidebar: {
        main: string;
        active: string;
        background: string;
        contentBackground: string;
    };
    logo: PaletteColorOptions;
    colors: {
        basic: ColorsType;
        primary: ColorsType;
        success: ColorsType;
        info: ColorsType;
        warning: ColorsType;
        danger: ColorsType;
    };
    mainButtonColors: {
        info: ButtonColorType;
        primary: ButtonColorType;
    };
    lightButtonColors: {
        basic: ButtonColorType;
        success: ButtonColorType;
        info: ButtonColorType;
        danger: ButtonColorType;
        control: ButtonColorType;
        primary: ButtonColorType;
    };
    ghostButtonColors: {
        basic: ButtonColorType;
        success: ButtonColorType;
        info: ButtonColorType;
        danger: ButtonColorType;
        control: ButtonColorType;
        primary: ButtonColorType;
    };
    outlineButtonColors: ButtonColorType;
    disabledButtonColors: ButtonColorType;
    inputColors: {
        disabledColor: string;
        disabledBackgroundColor: string;
        focusedColor: string;
        focusedOutlinedBorderColor: string;
        outlinedBorderColor: string;
    };
    controlPrimaryBackgroundColor: string;
    controlPrimaryColor: string;
    controlSecondaryColor: string;
    controlSecondaryBackgroundColor: string;
    controlFillColor: string;
    controlLabelColor: string;
    labelColorPrimary: string;
    labelColorSecondary: string;
    status: StatusColors;
    frame: {
        blankContentColor: string;
        outerBorderColor: string;
        innerBorderColor: string;
        highlightBorderColor: string;
        glowBorderColor: string;
        deviceColor: string;
        contentBackgroundColor: string;
        glowBackgroundColor: string;
    };
    imagePickerBackgroundColor: string;
    imagePickerCloseIconColor: string;
    snackbar: {
        backgroundColor: string;
        textColor: string;
    };
    vyooStartTemplate: {
        headerBackgroundColor: string;
        contentBackgroundColor: string;
    };
    contentBox: {
        backgroundColor: string;
        borderColor: string;
    };
    formFooterTextColor: string;
}
export declare const colorPalette: IExtendedPaletteOptions;
export declare const sizes: ISizes;
export interface IExtendedTheme extends Theme {
    palette: IExtendedPaletteOptions;
    sizes: ISizes;
}
declare const _default: IExtendedTheme;
export default _default;