import { ColorArguments, Colors, GenerateThemeInput, MappedKey, Opacities, Scale, Shadows, Theme, ThemeType, ZIndex } from "./foundation-types";
/**
 * Color utilities
 */
export declare const opacify: (hexColor: any, opaque?: number) => string;
export declare const darken: (hexColor: any, ration?: number) => string;
export declare const tint: (hexColor: any, ration?: number) => string;
export declare const mix: (mixColor: any) => (baseColor: any, weight?: number) => string;
export declare const isDark: (color: any) => boolean;
export declare const getContrastColor: (color: any) => "lightest" | "darkest";
export declare function modifyAccent(hexColor: any, colorRange: any): any;
/**
 * Color
 */
export declare const opacities: MappedKey<Opacities, number>;
export declare const generateColors: ({ accent, mode, }?: ColorArguments) => Colors;
export declare const colors: Colors;
/**
 * z-index values
 */
export declare const zIndex: MappedKey<ZIndex, number>;
/**
 * Shadows
 */
export declare const shadows: MappedKey<Shadows, string>;
export declare const type: ThemeType;
/**
 * Corner Radius
 */
export declare const radius: number[];
/**
 * Spacing
 */
export declare const spacing: number[];
/**
 * Breakpoints
 */
export declare const breakpointSmall = 764;
export declare const breakpointMedium = 764;
export declare const breakpointLarge = 1100;
export declare const breakpoints: {
    sm: string;
    md: string;
    lg: string;
};
/**
 * Input Sizes
 */
export declare const inputSizes: MappedKey<Scale, number>;
/**
 * Styles
 */
export declare const styles: {
    inlineLink: {
        color: string;
        textDecoration: string;
        borderBottom: string;
        lineHeight: number;
        fontWeight: number;
        display: string;
        transition: string;
        "svg, span": {
            color: string;
        };
        ":hover": {
            color: string;
            backgroundColor: string;
        };
        ":focus-visible": {
            outline: string;
            outlineOffset: string;
            borderRadius: string;
        };
        ":active": {
            color: string;
        };
    };
};
export declare const generateTheme: ({ accent, mode, theme, logo, emotion, }?: GenerateThemeInput) => Theme;
declare const foundations: Theme;
export default foundations;