export declare type Color = string; export declare const template: { green: { dark: string; normal: string; light: string; }; red: { dark: string; normal: string; light: string; }; white: { dark: string; normal: string; }; blue: { dark: string; normal: string; light: string; }; yellow: { dark: string; normal: string; light: string; }; }; interface BasePalette { base: Color; } export declare type LightShade = 'L95' | 'L9' | 'L8' | 'L7' | 'L6' | 'L5' | 'L4' | 'L3' | 'L2' | 'L1'; declare type LightShadeSet = { [shade in LightShade]: Color; }; export declare type DarkShade = 'D1' | 'D2' | 'D3' | 'D4' | 'D5' | 'D6' | 'D7' | 'D8' | 'D9' | 'D95'; declare type DarkShadeSet = { [shade in DarkShade]: Color; }; declare type PaletteShadeSet = LightShadeSet & DarkShadeSet; /** * A basic palette formed by a `base` color plus: * - a number of darker (D1..D95) shades * - a number of lighter (L1..L95) shades */ export declare type ColorPalette = BasePalette & PaletteShadeSet; export declare const brand: ColorPalette; declare type CorePaletteVariant = 'base' | 1 | 2 | 3 | 4; /** * A palette consisting of a `base` and 4 variants */ export declare type CorePalette = { [variant in CorePaletteVariant]: Color; }; interface SemanticColors { lightBackground: Color; darkBackground: Color; alternateBackground: Color; offBackground: Color; textColor: Color; backgroundHoverColor: Color; } export interface CorePaletteMap { primary: CorePalette; secondary: CorePalette; core: SemanticColors; } export declare const light: CorePaletteMap; export declare const dark: CorePaletteMap; /** * A theme agnostic palette consisting of a `base` and 2 variants */ interface AccentPalette extends BasePalette { darker: Color; lighter: Color; } export declare type AccentName = 'dominant' | 'good' | 'aware' | 'bad'; /** * A set of theme-agnostic palettes */ export declare type AccentPaletteMap = { [accent in AccentName]: AccentPalette; }; export declare const colors: { static: { white: string; black: string; transparent: string; }; spectrum: { offblack: ColorPalette; brand: ColorPalette; red: ColorPalette; green: ColorPalette; yellow: ColorPalette; blue: ColorPalette; }; accents: AccentPaletteMap; light: CorePaletteMap; dark: CorePaletteMap; }; export {};