@vimeo/iris/color/colors.d.ts

Vimeo Design System

export interface Color {
    (grade: number): string;
}
export declare enum Colors {
    Red = "#E22B12",
    Blue = "#00adef",
    Green = "#28A878",
    Yellow = "#ffb21e",
    Slate = "#657987",
    Grayscale = "#666666",
    black = "#000000",
    white = "#FFFFFF",
    Fuschia = "#ED72C2",
    Cerise = "#FF6678",
    Vermilion = "#E75A32",
    Peridot = "#9DB753",
    Cerulean = "#008285",
    Lapis = "#4B7AC2",
    Amethyst = "#8697FB",
    Taupe = "#BBA69C",
    Violet = "#743ED9"
}
export declare const black = "#000000";
export declare const white = "#FFFFFF";
export declare const red: Color;
export declare const yellow: Color;
export declare const green: Color;
export declare const blue: Color;
export declare const slate: Color;
export declare const grayscale: Color;
export declare const fuschia: Color;
export declare const cerise: Color;
export declare const vermilion: Color;
export declare const peridot: Color;
export declare const cerulean: Color;
export declare const lapis: Color;
export declare const amethyst: Color;
export declare const taupe: Color;
export declare const violet: Color;
export declare const irisColor: (color: any, grade: number, grayscale?: boolean) => any;
export declare function irisDarken({ color, grade, grayscale }: {
    color: any;
    grade: any;
    grayscale?: boolean;
}): any;
export declare function irisLighten({ color, grade, grayscale }: {
    color: any;
    grade: any;
    grayscale?: boolean;
}): any;
export declare function baseHue(color: any, grade?: number, effect?: string): number;
export declare function baseSaturate(color: any, grade?: number, effect?: string): number;