UNPKG

@voiceiq/web-components

Version:

VoiceIQ Web Component library

146 lines (145 loc) 3.96 kB
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;