import { CSSProp } from 'styled-components';
export declare namespace Theme {
    type ColorType = 'primary' | 'secondary' | 'bright' | 'tint' | 'none' | 'support' | 'supplement' | 'error' | 'default';
    type GlobalStyleType = string;
    type TypeBreakpoint = 'min-width' | 'max-width';
    interface GetBreakpointFunc {
        (type: Theme.TypeBreakpoint): string;
    }
    type TypeSpan = {
        [key: string]: number;
    } | number;
    interface LayoutInterface {
        [key: string]: {
            columns: number;
            gutter?: number;
            margin?: number;
            max?: number;
            min?: number;
        };
    }
    type Spacing = number;
    interface BreakpointsInterface {
        mobileS: GetBreakpointFunc;
        mobileM: GetBreakpointFunc;
        mobileL: GetBreakpointFunc;
        tabletS: GetBreakpointFunc;
        tabletM: GetBreakpointFunc;
        laptop: GetBreakpointFunc;
        laptopM: GetBreakpointFunc;
        laptopL: GetBreakpointFunc;
        desktop: GetBreakpointFunc;
        desktopL: GetBreakpointFunc;
    }
    interface GridInterface {
        xLarge: LayoutInterface;
        large: LayoutInterface;
        big: LayoutInterface;
        medium: LayoutInterface;
        small: LayoutInterface;
    }
    interface PaletteInterface {
        light?: string;
        dark?: string;
        main: string;
    }
    interface SupportPaletteInterface {
        valid: string;
        invalid: string;
        focus: string;
    }
    interface SupplementPaletteInterface {
        purple: string;
        pink: string;
        orange: string;
        yellow: string;
        lightgreen: string;
        darkgreen: string;
        lightblue: string;
    }
    type Tint = {
        level1: string;
        level2: string;
        level3: string;
        level4: string;
        level5: string;
        level6: string;
        level7: string;
    };
    interface ColorTypeInterface {
        primary: PaletteInterface;
        secondary: PaletteInterface;
        error: PaletteInterface;
        tint: Tint;
        support: SupportPaletteInterface;
        supplement: SupplementPaletteInterface;
        bright: PaletteInterface;
    }
    interface ColorSubtypeInterface extends Tint, PaletteInterface, SupportPaletteInterface {
    }
    type TypographyElementStyle = {
        fontWeight: 400 | 500 | 700 | 'inherit';
        fontSize: CSSProp;
        lineHeight: number | CSSProp;
        letterSpacing: CSSProp;
        marginBottom: CSSProp;
        /**
         * @deprecated Use your own custom style rules
         */
        color: CSSProp;
    };
    interface TypographyType extends Partial<TypographyElementStyle> {
        breakpoints?: {
            [key in keyof BreakpointsInterface]?: Partial<TypographyElementStyle>;
        };
    }
    interface TypographyElements {
        h1: TypographyType;
        h2: TypographyType;
        h3: TypographyType;
        h4: TypographyType;
        h5: TypographyType;
        h6: TypographyType;
        p: TypographyType;
        li: TypographyType;
        a: TypographyType;
        em: TypographyType;
        small: TypographyType;
        span: TypographyType;
    }
    interface TypographyInterface extends Partial<TypographyElements> {
        fontFamily?: string;
        fontSize?: string;
    }
    interface ThemeInterface {
        breakpoints: Partial<BreakpointsInterface>;
        colors: Partial<ColorTypeInterface>;
        globalStyle: Partial<GlobalStyleType>;
        typography: Partial<TypographyInterface>;
        layouts: Partial<LayoutInterface>;
        maxGridWidth: number;
        maxContainerWidth: number;
        spacing: Spacing;
    }
}
//# sourceMappingURL=Theme.d.ts.map