import type { ColorGetter } from "@metabase/embedding-sdk-react/dist/frontend/src/metabase/visualizations/types";
import type { ColorPalette } from "./types";
export declare const ACCENT_COUNT = 8;
export declare const colors: {
    brand: string;
    summarize: string;
    filter: string;
    accent0: string;
    accent1: string;
    accent2: string;
    accent3: string;
    accent4: string;
    accent5: string;
    accent6: string;
    accent7: string;
    "accent-gray": string;
    "accent-gray-light": string;
    "accent-gray-dark": string;
    "admin-navbar": string;
    white: string;
    success: string;
    danger: string;
    error: string;
    warning: string;
    "text-dark": string;
    "text-medium": string;
    "text-light": string;
    "text-white": string;
    "bg-black": string;
    "bg-dark": string;
    "bg-medium": string;
    "bg-light": string;
    "bg-white": string;
    "bg-yellow": string;
    "bg-night": string;
    "bg-error": string;
    shadow: string;
    border: string;
    "saturated-blue": string;
    "saturated-green": string;
    "saturated-purple": string;
    "saturated-red": string;
    "saturated-yellow": string;
};
export declare const originalColors: {
    brand: string;
    summarize: string;
    filter: string;
    accent0: string;
    accent1: string;
    accent2: string;
    accent3: string;
    accent4: string;
    accent5: string;
    accent6: string;
    accent7: string;
    "accent-gray": string;
    "accent-gray-light": string;
    "accent-gray-dark": string;
    "admin-navbar": string;
    white: string;
    success: string;
    danger: string;
    error: string;
    warning: string;
    "text-dark": string;
    "text-medium": string;
    "text-light": string;
    "text-white": string;
    "bg-black": string;
    "bg-dark": string;
    "bg-medium": string;
    "bg-light": string;
    "bg-white": string;
    "bg-yellow": string;
    "bg-night": string;
    "bg-error": string;
    shadow: string;
    border: string;
    "saturated-blue": string;
    "saturated-green": string;
    "saturated-purple": string;
    "saturated-red": string;
    "saturated-yellow": string;
};
export declare const aliases: Record<string, (palette: ColorPalette) => string>;
/**
 * @deprecated use CSS variables instead where possible,
 * i.e. `var(--mb-color-text-light)`.
 *
 * When the hex values are needed, use the themeColor function
 * from Mantine's theme, i.e. `theme.fn.themeColor("text-light")`
 */
export declare function color(colorName: keyof ColorPalette, palette?: ColorPalette): string;
export declare function color(color: string, palette?: ColorPalette): string;
/**
 * @deprecated use the color-mix method with CSS variables instead
 * where possible, i.e. `color-mix(in srgb, var(--mb-color-bg-light), transparent 10%)`
 *
 * When the hex values are needed, use the themeColor function
 * from Mantine's theme, i.e. `alpha(theme.fn.themeColor("text-light"), 0.1)`
 */
export declare const alpha: (c: string, a: number) => string;
/**
 * @deprecated use the color-mix method with CSS variables instead
 * where possible, i.e. `color-mix(in srgb, var(--mb-color-text-light), white 10%)`
 *
 * When the hex values are needed, use the themeColor function
 * from Mantine's theme, i.e. `lighten(theme.fn.themeColor("text-light"), 0.1)`
 */
export declare const lighten: (c: string, f?: number) => string;
/**
 * @deprecated use the color-mix method with CSS variables instead
 * where possible, i.e. `color-mix(in srgb, var(--mb-color-text-light), black 10%)`
 *
 * When the hex values are needed, use the themeColor function
 * from Mantine's theme, i.e. `darken(theme.fn.themeColor("text-light"), 0.1)`
 */
export declare const darken: (c: string, f?: number) => string;
export declare const tint: (c: string, f?: number) => string;
export declare const shade: (c: string, f?: number) => string;
export declare const hueRotate: (c: string) => number;
export declare const isLight: (c: string) => boolean;
export declare const isDark: (c: string) => boolean;
/**
 * Lighten or darken the color, based on whether it's dark or light.
 * Can be used for deriving hover or highlight colors.
 **/
export declare const adjustBrightness: (c: string, lightenBy?: number, darkenBy?: number) => string;
export declare const getFocusColor: (colorName: string, palette?: ColorPalette) => string;
export declare const getTextColorForBackground: (backgroundColor: string, getColor?: ColorGetter) => string;
