@moderntribe/wme-ui/dist/esm/theme/theme.d.ts

Components and hooks to build the best UX/UI admin wizards

import type React from 'react';
import type { TypographyStyleOptions } from '@mui/material/styles/createTypography';
declare module '@mui/material/styles/createPalette' {
    interface TypographyStyleOptionsExtended extends TypographyStyleOptions {
        pxToRem: (px: number) => number;
    }
    interface Theme {
        typography: TypographyStyleOptionsExtended;
    }
    interface ThemeOptions {
        globalStyles?: {
            menuListItemHeight?: number;
        };
    }
    interface TypeText {
        white?: string;
        placeholder?: string;
        link?: string;
    }
    interface TypeBorder {
        ui?: string;
        layout?: string;
        dark?: string;
    }
    interface PaletteOptions {
        border?: TypeBorder;
    }
    interface Palette {
        border: TypeBorder;
    }
    interface TypeBackground {
        primary?: string;
        secondary?: string;
        hover?: string;
        dark?: string;
        grey?: string;
        disabled?: string;
    }
}
declare module '@mui/material/styles' {
    interface TypographyVariants {
        subtext: React.CSSProperties;
        link: React.CSSProperties;
        taskTitle: React.CSSProperties;
    }
    interface TypographyVariantsOptions {
        subtext?: React.CSSProperties;
        link?: React.CSSProperties;
        taskTitle?: React.CSSProperties;
    }
    interface Theme {
        globalStyles: {
            menuListItemHeight: number;
            menuListItemPadding: number;
            menuPaperWidth: number;
        };
    }
    interface ThemeOptions {
        globalStyles?: {
            menuListItemHeight?: number;
            menuListItemPadding?: number;
            menuPaperWidth?: number;
        };
    }
}
declare module '@mui/material/Typography' {
    interface TypographyPropsVariantOverrides {
        subtext: true;
        link: true;
        taskTitle: true;
        subtitle1: false;
        subtitle2: false;
    }
}
declare const typographyVariants: {
    h1: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    h2: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    h3: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    h4: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    h5: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    body1: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    body2: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    subtext: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    link: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
    taskTitle: {
        fontSize: string;
        lineHeight: number;
        fontWeight: number;
        letterSpacing: string;
    };
};
export type WMEVariants = keyof typeof typographyVariants;
export declare const theme: import("@mui/material/styles").Theme;
export {};
//# sourceMappingURL=theme.d.ts.map