import type { CssPositions } from '../../inputs/types';
export declare type CSSVertices = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
export declare type TextDecorationStyleTypes = 'none' | 'underline';
export declare type SelectorsStylesData = {
    backgroundColor?: string;
    borderRadius?: {
        [k in CSSVertices]: string;
    } | string;
    borderColor?: string;
    borderWidth?: string;
    borderStyle?: string;
    color?: string;
    textDecoration?: TextDecorationStyleTypes;
};
export interface StylesData extends SelectorsStylesData {
    typography: {
        font: {
            family: string;
            weight: number;
            size: string;
        };
        lineHeight: string;
        color: string;
        letterSpacing?: string;
    };
    textAlign: string;
    textShadow?: string;
    margin?: CssPositions;
    padding?: CssPositions;
    fontStyle?: string;
    textDecoration?: TextDecorationStyleTypes;
    minWidth?: string;
    hover?: SelectorsStylesData;
    active?: SelectorsStylesData;
}
declare type FlattenedCSSSelectors = {
    color?: string;
    backgroundColor?: string;
    borderStyle?: string;
    borderColor?: string;
    borderWidth?: string;
};
declare type FlattenedMargin = {
    marginRight?: string;
    marginLeft?: string;
    marginBottom?: string;
    marginTop?: string;
};
declare type FlattenedPadding = {
    paddingRight?: string;
    paddingLeft?: string;
    paddingBottom?: string;
    paddingTop?: string;
};
declare type FlattenedBorderRadius = {
    borderTopLeftRadius?: string;
    borderTopRightRadius?: string;
    borderBottomLeftRadius?: string;
    borderBottomRightRadius?: string;
};
declare type TypographyFontFlattened = {
    fontFamily?: string;
    fontWeight?: number;
    fontSize?: string;
};
declare type TypographyFlattened = {
    lineHeight?: string;
    letterSpacing?: string;
    color?: string;
};
export declare type FlattenedStyleData = {
    minHeight?: string;
    minWidth?: string;
    textDecoration?: 'none' | 'underline';
    textAlign?: string;
    fontStyle?: string;
    backgroundColor?: string;
    backgroundSize?: string;
    backgroundImage?: string;
    borderStyle?: string;
    borderColor?: string;
    borderWidth?: string;
    hover?: FlattenedCSSSelectors;
    active?: FlattenedCSSSelectors;
} & FlattenedMargin & FlattenedPadding & FlattenedBorderRadius & TypographyFontFlattened & TypographyFlattened;
export interface ColorStyles {
    colorPrimary: string;
    colorSecondary: string;
    backgroundColorPrimary: string;
    backgroundColorSecondary: string;
    gridOverlayColor: string;
}
export declare type BorderStyleTypes = 'none' | 'solid' | 'dotted';
export interface LayoutStyles {
    padding: CssPositions;
    borderColor: string;
    borderWidth: string;
    borderStyle: BorderStyleTypes;
    backgroundImage: string;
}
export interface PageData {
    colors: ColorStyles;
    layout: LayoutStyles;
}
export interface StyleGuide<S = StylesData, P = PageData> {
    styles: {
        [k: string]: S;
    };
    page: P;
    version: number;
}
export declare type BorderRadius = Partial<{
    [k in CSSVertices]: string;
}> | string;
export declare type OptionalStylesData = Partial<{
    typography: {
        font?: {
            family?: string;
            weight?: number;
            size?: string;
        };
        lineHeight?: string;
        color?: string;
        letterSpacing?: string;
    };
    textAlign?: string;
    margin?: CssPositions;
    padding?: CssPositions;
    fontStyle?: string;
    textDecoration?: string;
    backgroundColor?: string;
    borderColor?: string;
    borderWidth?: string;
    borderRadius?: BorderRadius;
    minWidth?: string;
}>;
export declare type OptionalEntityStylesData = Partial<{
    minHeight?: string;
    minHeigth?: string;
    width?: string;
}>;
export {};