import { Font } from "styled-components";
import { ColorPalette } from "@ledgerhq/ui-shared";
export type screensBreakpoints = "sm" | "md" | "lg" | "xl" | "xxl";
export declare const breakpoints: Record<screensBreakpoints, string>;
export declare const space: number[];
export type TextVariants = "h1" | "h1Inter" | "h2" | "h2Inter" | "h3" | "h3Inter" | "h4" | "h4Inter" | "h5" | "h5Inter" | "large" | "largeLineHeight" | "body" | "bodyLineHeight" | "paragraph" | "paragraphLineHeight" | "small" | "extraSmall" | "tiny" | "micro" | "subtitle";
export type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;
export declare const fontSizes: ThemeScale<number, TextVariants>;
export declare const radii: number[];
export declare const shadows: string[];
export declare const zIndexes: number[];
export declare const fontFamilies: {
    Inter: {
        ExtraLight: {
            weight: number;
            style: string;
        };
        Light: {
            weight: number;
            style: string;
        };
        Regular: {
            weight: number;
            style: string;
        };
        Medium: {
            weight: number;
            style: string;
        };
        SemiBold: {
            weight: number;
            style: string;
        };
        Bold: {
            weight: number;
            style: string;
        };
        ExtraBold: {
            weight: number;
            style: string;
        };
    };
    Alpha: {
        Medium: {
            weight: number;
            style: string;
        };
    };
};
declare const transition: (properties?: string[], duration?: string, easing?: string) => import("styled-components").FlattenSimpleInterpolation;
declare const animations: {
    fadeIn: () => import("styled-components").FlattenSimpleInterpolation;
    fadeOut: () => import("styled-components").FlattenSimpleInterpolation;
    fadeInGrowX: () => import("styled-components").FlattenSimpleInterpolation;
    fadeInUp: () => import("styled-components").FlattenSimpleInterpolation;
};
declare const overflow: {
    x: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    y: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    yAuto: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    xy: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    trackSize: number;
};
interface DefaultTheme {
    theme: "dark" | "light";
    animations: typeof animations;
    transition: typeof transition;
    overflow: typeof overflow;
    sizes: {
        topBarHeight: number;
        sideBarWidth: number;
        drawer: {
            side: {
                big: {
                    width: number;
                };
                small: {
                    width: number;
                };
            };
            popin: {
                min: {
                    height: number;
                    width: number;
                };
                max: {
                    height: number;
                    width: number;
                };
            };
        };
    };
    radii: number[];
    fontFamilies: Record<string, Record<string, Font>>;
    fontSizes: number[];
    space: number[];
    shadows: string[];
    colors: ColorPalette & {
        /**
         * @deprecated Do not use the .palette prefix anymore!
         */
        palette: ColorPalette;
    };
    fontWeights: Record<string, string>;
    breakpoints: Record<screensBreakpoints, string>;
    zIndexes: number[];
}
declare const theme: DefaultTheme;
export default theme;
export type Theme = DefaultTheme;
//# sourceMappingURL=theme.d.ts.map