@voiceiq/web-components
Version:
VoiceIQ Web Component library
146 lines (145 loc) • 3.96 kB
TypeScript
declare type HexColour = string;
declare type RGBColour = string;
declare type Colour = HexColour | RGBColour;
export interface PrimaryColourSet {
normal: Colour;
hovered: Colour;
pressed: Colour;
disabled: Colour;
inverseHovered: Colour;
inversePressed: Colour;
hoverBackground: Colour;
}
export interface ColourPalettePrimaryA extends PrimaryColourSet {
}
export interface ColourPalettePrimaryB extends PrimaryColourSet {
}
export interface ColourPaletteDanger extends PrimaryColourSet {
}
export interface SecondaryColourSet {
normal: Colour;
hovered: Colour;
pressed: Colour;
background: Colour;
}
export interface ColourPaletteSecondary {
Red: SecondaryColourSet;
Orange: SecondaryColourSet;
Yellow: SecondaryColourSet;
Green: SecondaryColourSet;
Teal: SecondaryColourSet;
Blue: SecondaryColourSet;
DarkBlue: SecondaryColourSet;
Indigo: SecondaryColourSet;
Purple: SecondaryColourSet;
DarkGrey: SecondaryColourSet;
Navigation: SecondaryColourSet;
}
export interface ColourPaletteAuxiliary {
navigation: Colour;
drawer: Colour;
shadow: Colour;
snackbar: Colour;
successForeground: Colour;
successBackground: Colour;
dangerForeground: Colour;
dangerBackground: Colour;
}
export interface ColourPaletteDivider {
dark: Colour;
light: Colour;
primary: Colour;
secondary: Colour;
}
export interface ColourPaletteTypography {
title: Colour;
active: Colour;
input: Colour;
system: Colour;
label: Colour;
disabled: Colour;
prompt: Colour;
light: Colour;
primary: Colour;
secondary: Colour;
danger: Colour;
navigation: Colour;
black: Colour;
}
export interface IconographyColourSet {
normal: Colour;
hovered: Colour;
pressed: Colour;
}
export interface ColourPaletteIconography {
Primary: IconographyColourSet;
Secondary: IconographyColourSet;
Dark: IconographyColourSet;
Light: IconographyColourSet;
Danger: IconographyColourSet;
Close: IconographyColourSet;
Default: IconographyColourSet;
}
export interface ColourPaletteBorders {
light: Colour;
dark: Colour;
}
export interface ColourPaletteBackgrounds {
white: Colour;
page: Colour;
button: Colour;
field: Colour;
row: Colour;
pageHeader: Colour;
tooltip: Colour;
lightMenuItem: Colour;
lightMenuItemHovered: Colour;
dangerMenuItem: Colour;
dangerMenuItemHovered: Colour;
primary: Colour;
secondary: Colour;
danger: Colour;
}
export interface ShadowColourSet {
normal: Colour;
hovered: Colour;
pressed: Colour;
}
export interface ShadowColourPalette {
Regular: ShadowColourSet;
Inverse: ShadowColourSet;
}
export interface ColourPaletteSpecialCase {
accordionAlt: Colour;
interactionForegroundOffState: Colour;
interactionBackgroundOffState: Colour;
disabledInteractionForeground: Colour;
disabledInteractionBackground: Colour;
}
export interface NotificationBadgePalette {
default: Colour;
primary: Colour;
action: Colour;
danger: Colour;
}
export interface CompleteColourPalette {
PrimaryA: ColourPalettePrimaryA;
PrimaryB: ColourPalettePrimaryB;
Danger: ColourPaletteDanger;
Secondary: ColourPaletteSecondary;
Auxiliary: ColourPaletteAuxiliary;
Divider: ColourPaletteDivider;
Typography: ColourPaletteTypography;
Iconography: ColourPaletteIconography;
Borders: ColourPaletteBorders;
Shadows: ShadowColourPalette;
Backgrounds: ColourPaletteBackgrounds;
SpecialCase: ColourPaletteSpecialCase;
NotificationBadge: NotificationBadgePalette;
}
/**
* All Colours
* @type {CompleteColourPalette}
*/
declare const Colours: CompleteColourPalette;
export default Colours;