import { Theme } from '@emotion/react';

declare const darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
/**
 * In general human readable colors are represented as
 * [colorName][colorLightness 1-100][alpha 1-100]. For example:
 * red with 42 lightness and 10 alpha is red4210.
 */
declare const baseColors: {
    readonly "white-90": "#ffffffe5";
    readonly "white-80": "#ffffffcc";
    readonly "white-70": "#ffffffb2";
    readonly "white-60": "#ffffff99";
    readonly "white-50": "#ffffff80";
    readonly "white-40": "#ffffff66";
    readonly "white-30": "#ffffff4d";
    readonly "white-20": "#ffffff33";
    readonly "white-10": "#ffffff1a";
    readonly "white-04": "#ffffff0a";
    readonly "black-90": "#000000e5";
    readonly "black-80": "#000000cc";
    readonly "black-70": "#000000b2";
    readonly "black-60": "#00000099";
    readonly "black-50": "#00000080";
    readonly "black-40": "#00000066";
    readonly "black-30": "#0000004d";
    readonly "black-20": "#00000033";
    readonly "black-10": "#0000001a";
    readonly "black-04": "#0000000a";
    readonly "gray-040": "#fafaf9";
    readonly "gray-050": "#f8f8f7";
    readonly "gray-090": "#eeeeec";
    readonly "gray-100": "#f0f0ee";
    readonly "gray-200": "#deded9";
    readonly "gray-210": "#dfdfdd";
    readonly "gray-250": "#d6d6d4";
    readonly "gray-275": "#c9cac7";
    readonly "gray-300": "#c1c0b8";
    readonly "gray-400": "#989898";
    readonly "gray-500": "#7c7c7c";
    readonly "gray-600": "#656565";
    readonly "gray-700": "#464646";
    readonly "gray-800": "#3d3d3d";
    readonly "gray-900": "#282828";
    readonly "gray-950": "#1a1a1a";
    readonly "green-50": "#f0fdf7";
    readonly "green-100": "#dbfdee";
    readonly "green-200": "#b9f9dc";
    readonly "green-300": "#82f3c1";
    readonly "green-400": "#45e39e";
    readonly "green-500": "#1ccb7e";
    readonly "green-600": "#11a967";
    readonly "green-700": "#118453";
    readonly "green-800": "#136844";
    readonly "green-900": "#12553a";
    readonly "green-950": "#042f1e";
    readonly "pink-050": "#fff2fb";
    readonly "pink-100": "#ffe3f9";
    readonly "pink-200": "#ffc6f3";
    readonly "pink-300": "#ff99e5";
    readonly "pink-400": "#ff5dd4";
    readonly "pink-500": "#ff21cc";
    readonly "pink-600": "#ff00d4";
    readonly "pink-700": "#cf00a7";
    readonly "pink-800": "#a90087";
    readonly "pink-900": "#89066c";
    readonly "pink-950": "#5e004a";
    readonly success: "#17C27C";
    readonly green: "#46ac4a";
    readonly green10: "#e6f4e6";
    readonly green33: "#179257";
    readonly green35: "#19981E";
    readonly green37: "#179A1C";
    readonly blue10: "#E4EFFB";
    readonly blue43: "#145BC6";
    readonly blue22: "#0E2E60";
    readonly blue39: "#0068C9";
    readonly blue37: "#21529c";
    readonly blue50: "#2483D1";
    readonly blue58: "#28BFFF";
    readonly blue32: "#0052A4";
    readonly blue90: "#0C3C6F";
    readonly blue60: "#4CA1E7";
    readonly grayBlue5: "#0c0d0f";
    readonly grayBlue9: "#16171A";
    readonly grayBlue10: "#14161D";
    readonly grayBlue12: "#2D2E34";
    readonly grayBlue14: "#3A3B41";
    readonly grayBlue18: "#21283a";
    readonly grayBlue32: "#4F5156";
    readonly grayBlue43: "#686A72";
    readonly grayBlue45: "#676F80";
    readonly grayBlue57: "#8B8E98";
    readonly grayBlue67: "#9BA7B9";
    readonly grayBlue69: "#A6A9BA";
    readonly grayBlue78: "#C0C6CE";
    readonly grayBlue80: "#C0C9D6";
    readonly grayBlue88: "#DEDFE4";
    readonly grayBlue92: "#E1EBF5";
    readonly grayBlue93: "#E6EEF6";
    readonly grayBlue94: "#EBEEF2";
    readonly grayBlue95: "#F2F3F5";
    readonly grayBlue96: "#F2F5F7";
    readonly purple10: "#e6e8f8";
    readonly purple43: "#820AD1";
    readonly purple55: "#8B38DE";
    readonly purple60: "#7366c5";
    readonly red50: "#E31A1A";
    readonly red42a10: "#D800271A";
    readonly red42a20: "#D800272D";
    readonly red42a30: "#D800273F";
    readonly errorText: "#E41C1B";
    readonly errorBackground: "#FEE2E1";
    readonly primary: "#FFF14E";
    readonly warning: "#FFF14E";
    readonly warningYellow: "#E08A00";
    readonly warningText: "#BB6B01";
    readonly warningText2: "#E09000";
    readonly warningBackground: "#FBEECB";
    readonly warningBackground2: "#FFFDEA";
    readonly warningBackgroundHover: "#F5F2E0";
    readonly warningBackgroundActive: "#E5E4D3";
    readonly danger: "#FD2C0F";
    readonly secondary: string;
    readonly gray: "#242526";
    readonly grayhover: "#2D2E30";
    readonly grayactive: "#38393B";
    readonly gray2: "#6D7685";
    readonly gray3: "#D9DBDF";
    readonly gray4: "#B6BAC3";
    readonly gray6: "#8E95A2";
    readonly gray7: "#FFFFFF9C";
    readonly gray70: "#ffffff70";
    readonly gray75: "#4A4E5A";
    readonly gray75hover: "#535762";
    readonly gray75active: "#5C606B";
    readonly transparent: "transparent";
    readonly transparenta02: "#00000005";
    readonly transparenta08: "#00000014";
    readonly black: string;
    readonly gray5: string;
    readonly gray10: string;
    readonly gray15: string;
    readonly gray20: string;
    readonly gray25: string;
    readonly gray30: string;
    readonly gray35: string;
    readonly gray40: string;
    readonly gray50: string;
    readonly gray60: string;
    readonly gray80: string;
    readonly gray85: string;
    readonly gray90: string;
    readonly gray91: string;
    readonly gray95: string;
    readonly gray97: string;
    readonly gray98: string;
    readonly gray99: string;
    readonly white: string;
    readonly white21: string;
};
declare const colors: { [K in keyof typeof baseColors]: string; };
type ColorKey = keyof typeof colors;
declare function isColorKey(key: string): key is ColorKey;
declare function hcNeutralFromBg(bgHex: string, defaultHex?: string, altHex?: string): string;
declare function luminance(r: number, g: number, b: number): number;
type RGB = [number, number, number];
declare function contrast(rgb1: RGB, rgb2: RGB): number;
declare function componentToHex(c: number): string;
declare function rgbToHex(r: number, g: number, b: number): string;
declare function hexToRGB(hex: string): RGB;
declare function hexToRGBAStr(hex: string, alpha: number): string;
type ThemeProp = {
    theme: Theme;
};
type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;

export { type ColorKey, type ThemeProp, type WithTheme, colors, componentToHex, contrast, darkGradient, hcNeutralFromBg, hexToRGB, hexToRGBAStr, isColorKey, luminance, rgbToHex };
