@littlespoon/theme/lib/colors/index.js.flow

Little Spoon theme

/**
 * Flowtype definitions for index
 * Generated by Flowgen from a Typescript Definition
 * Flowgen v1.21.0
 * @flow
 */

import alert from "./alert";
import primary from "./primary";
import secondary from "./secondary";
import token from "./token";
declare var colors: {
  alert: {
    success: {
      success10: (alpha?: number) => string,
      success20: (alpha?: number) => string,
      success30: (alpha?: number) => string,
      success40: (alpha?: number) => string,
      success50: (alpha?: number) => string,
      ...
    },
    warning: {
      warning10: (alpha?: number) => string,
      warning20: (alpha?: number) => string,
      warning30: (alpha?: number) => string,
      warning40: (alpha?: number) => string,
      warning50: (alpha?: number) => string,
      ...
    },
    critical: {
      critical10: (alpha?: number) => string,
      critical20: (alpha?: number) => string,
      critical30: (alpha?: number) => string,
      critical40: (alpha?: number) => string,
      critical50: (alpha?: number) => string,
      ...
    },
    informative: {
      informative10: (alpha?: number) => string,
      informative20: (alpha?: number) => string,
      informative30: (alpha?: number) => string,
      informative40: (alpha?: number) => string,
      informative50: (alpha?: number) => string,
      ...
    },
    ...
  },
  primary: {
    brand: {
      brand10: (alpha?: number) => string,
      brand20: (alpha?: number) => string,
      brand30: (alpha?: number) => string,
      brand40: (alpha?: number) => string,
      brand50: (alpha?: number) => string,
      brand60: (alpha?: number) => string,
      brand70: (alpha?: number) => string,
      brand80: (alpha?: number) => string,
      brand90: (alpha?: number) => string,
      brand100: (alpha?: number) => string,
      ...
    },
    primaryBlue: {
      blue10: (alpha?: number) => string,
      blue20: (alpha?: number) => string,
      blue30: (alpha?: number) => string,
      blue40: (alpha?: number) => string,
      blue50: (alpha?: number) => string,
      blue60: (alpha?: number) => string,
      blue70: (alpha?: number) => string,
      blue80: (alpha?: number) => string,
      blue90: (alpha?: number) => string,
      blue100: (alpha?: number) => string,
      ...
    },
    ...
  },
  secondary: {
    secondaryDeepGreen: {
      deepGreen10: (alpha?: number) => string,
      deepGreen20: (alpha?: number) => string,
      deepGreen30: (alpha?: number) => string,
      deepGreen40: (alpha?: number) => string,
      deepGreen50: (alpha?: number) => string,
      deepGreen60: (alpha?: number) => string,
      deepGreen70: (alpha?: number) => string,
      deepGreen80: (alpha?: number) => string,
      deepGreen90: (alpha?: number) => string,
      deepGreen100: (alpha?: number) => string,
      ...
    },
    secondaryPurple: {
      purple10: (alpha?: number) => string,
      purple20: (alpha?: number) => string,
      purple30: (alpha?: number) => string,
      purple40: (alpha?: number) => string,
      purple50: (alpha?: number) => string,
      purple60: (alpha?: number) => string,
      purple70: (alpha?: number) => string,
      purple80: (alpha?: number) => string,
      purple90: (alpha?: number) => string,
      purple100: (alpha?: number) => string,
      visitedLinkPurple: (alpha?: number) => string,
      ...
    },
    secondaryGold: {
      gold5: (alpha?: number) => string,
      gold10: (alpha?: number) => string,
      gold20: (alpha?: number) => string,
      gold30: (alpha?: number) => string,
      gold40: (alpha?: number) => string,
      gold50: (alpha?: number) => string,
      gold60: (alpha?: number) => string,
      gold70: (alpha?: number) => string,
      gold80: (alpha?: number) => string,
      gold90: (alpha?: number) => string,
      gold100: (alpha?: number) => string,
      ...
    },
    secondaryBlue: {
      blue10: (alpha?: number) => string,
      blue20: (alpha?: number) => string,
      blue30: (alpha?: number) => string,
      blue40: (alpha?: number) => string,
      blue50: (alpha?: number) => string,
      blue60: (alpha?: number) => string,
      blue70: (alpha?: number) => string,
      blue80: (alpha?: number) => string,
      blue90: (alpha?: number) => string,
      blue100: (alpha?: number) => string,
      ...
    },
    secondaryPeach: {
      peach10: (alpha?: number) => string,
      peach20: (alpha?: number) => string,
      peach30: (alpha?: number) => string,
      peach40: (alpha?: number) => string,
      peach50: (alpha?: number) => string,
      peach60: (alpha?: number) => string,
      peach70: (alpha?: number) => string,
      peach80: (alpha?: number) => string,
      peach90: (alpha?: number) => string,
      peach100: (alpha?: number) => string,
      ...
    },
    secondaryPink: {
      pink10: (alpha?: number) => string,
      pink20: (alpha?: number) => string,
      pink30: (alpha?: number) => string,
      pink40: (alpha?: number) => string,
      pink50: (alpha?: number) => string,
      pink60: (alpha?: number) => string,
      pink70: (alpha?: number) => string,
      pink80: (alpha?: number) => string,
      pink90: (alpha?: number) => string,
      pink100: (alpha?: number) => string,
      ...
    },
    secondaryLimeGreen: {
      limeGreen10: (alpha?: number) => string,
      limeGreen20: (alpha?: number) => string,
      limeGreen30: (alpha?: number) => string,
      limeGreen40: (alpha?: number) => string,
      limeGreen50: (alpha?: number) => string,
      limeGreen60: (alpha?: number) => string,
      limeGreen70: (alpha?: number) => string,
      limeGreen80: (alpha?: number) => string,
      limeGreen90: (alpha?: number) => string,
      limeGreen100: (alpha?: number) => string,
      ...
    },
    secondaryMintGreen: {
      mintGreen10: (alpha?: number) => string,
      mintGreen20: (alpha?: number) => string,
      mintGreen30: (alpha?: number) => string,
      mintGreen40: (alpha?: number) => string,
      mintGreen50: (alpha?: number) => string,
      mintGreen60: (alpha?: number) => string,
      mintGreen70: (alpha?: number) => string,
      mintGreen80: (alpha?: number) => string,
      mintGreen90: (alpha?: number) => string,
      mintGreen100: (alpha?: number) => string,
      ...
    },
    secondaryNeutralGrey: {
      grey5: (alpha?: number) => string,
      grey10: (alpha?: number) => string,
      grey20: (alpha?: number) => string,
      grey30: (alpha?: number) => string,
      grey40: (alpha?: number) => string,
      grey50: (alpha?: number) => string,
      grey60: (alpha?: number) => string,
      grey70: (alpha?: number) => string,
      grey80: (alpha?: number) => string,
      grey90: (alpha?: number) => string,
      grey100: (alpha?: number) => string,
      ...
    },
    ...
  },
  token: {
    brand: string,
    shadeBlack: string,
    shadeWhite: string,
    surfacePrimary: string,
    surfaceSecondary: string,
    surfaceStrong: string,
    surfaceContrast: string,
    surfaceOverlay: string,
    subSurfaceSuccess: string,
    subSurfaceInformative: string,
    subSurfaceCritical: string,
    subSurfaceWarning: string,
    subSurfaceDull: (alpha?: number) => string,
    borderMinimal: string,
    borderSubtle: string,
    borderModerate: string,
    borderBold: string,
    borderContrast: string,
    borderSuccess: string,
    borderInformative: string,
    borderCritical: string,
    borderWarning: string,
    ...
  },
  brand: string,
  shadeBlack: string,
  shadeWhite: string,
  surfacePrimary: string,
  surfaceSecondary: string,
  surfaceStrong: string,
  surfaceContrast: string,
  surfaceOverlay: string,
  subSurfaceSuccess: string,
  subSurfaceInformative: string,
  subSurfaceCritical: string,
  subSurfaceWarning: string,
  subSurfaceDull: (alpha?: number) => string,
  borderMinimal: string,
  borderSubtle: string,
  borderModerate: string,
  borderBold: string,
  borderContrast: string,
  borderSuccess: string,
  borderInformative: string,
  borderCritical: string,
  borderWarning: string,
  pink10: (alpha?: number) => string,
  pink20: (alpha?: number) => string,
  pink30: (alpha?: number) => string,
  pink40: (alpha?: number) => string,
  pink50: (alpha?: number) => string,
  pink60: (alpha?: number) => string,
  pink70: (alpha?: number) => string,
  pink80: (alpha?: number) => string,
  pink90: (alpha?: number) => string,
  pink100: (alpha?: number) => string,
  peach10: (alpha?: number) => string,
  peach20: (alpha?: number) => string,
  peach30: (alpha?: number) => string,
  peach40: (alpha?: number) => string,
  peach50: (alpha?: number) => string,
  peach60: (alpha?: number) => string,
  peach70: (alpha?: number) => string,
  peach80: (alpha?: number) => string,
  peach90: (alpha?: number) => string,
  peach100: (alpha?: number) => string,
  grey5: (alpha?: number) => string,
  grey10: (alpha?: number) => string,
  grey20: (alpha?: number) => string,
  grey30: (alpha?: number) => string,
  grey40: (alpha?: number) => string,
  grey50: (alpha?: number) => string,
  grey60: (alpha?: number) => string,
  grey70: (alpha?: number) => string,
  grey80: (alpha?: number) => string,
  grey90: (alpha?: number) => string,
  grey100: (alpha?: number) => string,
  mintGreen10: (alpha?: number) => string,
  mintGreen20: (alpha?: number) => string,
  mintGreen30: (alpha?: number) => string,
  mintGreen40: (alpha?: number) => string,
  mintGreen50: (alpha?: number) => string,
  mintGreen60: (alpha?: number) => string,
  mintGreen70: (alpha?: number) => string,
  mintGreen80: (alpha?: number) => string,
  mintGreen90: (alpha?: number) => string,
  mintGreen100: (alpha?: number) => string,
  limeGreen10: (alpha?: number) => string,
  limeGreen20: (alpha?: number) => string,
  limeGreen30: (alpha?: number) => string,
  limeGreen40: (alpha?: number) => string,
  limeGreen50: (alpha?: number) => string,
  limeGreen60: (alpha?: number) => string,
  limeGreen70: (alpha?: number) => string,
  limeGreen80: (alpha?: number) => string,
  limeGreen90: (alpha?: number) => string,
  limeGreen100: (alpha?: number) => string,
  gold5: (alpha?: number) => string,
  gold10: (alpha?: number) => string,
  gold20: (alpha?: number) => string,
  gold30: (alpha?: number) => string,
  gold40: (alpha?: number) => string,
  gold50: (alpha?: number) => string,
  gold60: (alpha?: number) => string,
  gold70: (alpha?: number) => string,
  gold80: (alpha?: number) => string,
  gold90: (alpha?: number) => string,
  gold100: (alpha?: number) => string,
  deepGreen10: (alpha?: number) => string,
  deepGreen20: (alpha?: number) => string,
  deepGreen30: (alpha?: number) => string,
  deepGreen40: (alpha?: number) => string,
  deepGreen50: (alpha?: number) => string,
  deepGreen60: (alpha?: number) => string,
  deepGreen70: (alpha?: number) => string,
  deepGreen80: (alpha?: number) => string,
  deepGreen90: (alpha?: number) => string,
  deepGreen100: (alpha?: number) => string,
  blue10: (alpha?: number) => string,
  blue20: (alpha?: number) => string,
  blue30: (alpha?: number) => string,
  blue40: (alpha?: number) => string,
  blue50: (alpha?: number) => string,
  blue60: (alpha?: number) => string,
  blue70: (alpha?: number) => string,
  blue80: (alpha?: number) => string,
  blue90: (alpha?: number) => string,
  blue100: (alpha?: number) => string,
  brand10: (alpha?: number) => string,
  brand20: (alpha?: number) => string,
  brand30: (alpha?: number) => string,
  brand40: (alpha?: number) => string,
  brand50: (alpha?: number) => string,
  brand60: (alpha?: number) => string,
  brand70: (alpha?: number) => string,
  brand80: (alpha?: number) => string,
  brand90: (alpha?: number) => string,
  brand100: (alpha?: number) => string,
  warning10: (alpha?: number) => string,
  warning20: (alpha?: number) => string,
  warning30: (alpha?: number) => string,
  warning40: (alpha?: number) => string,
  warning50: (alpha?: number) => string,
  success10: (alpha?: number) => string,
  success20: (alpha?: number) => string,
  success30: (alpha?: number) => string,
  success40: (alpha?: number) => string,
  success50: (alpha?: number) => string,
  informative10: (alpha?: number) => string,
  informative20: (alpha?: number) => string,
  informative30: (alpha?: number) => string,
  informative40: (alpha?: number) => string,
  informative50: (alpha?: number) => string,
  critical10: (alpha?: number) => string,
  critical20: (alpha?: number) => string,
  critical30: (alpha?: number) => string,
  critical40: (alpha?: number) => string,
  critical50: (alpha?: number) => string,
  ...
};
declare export { alert, primary, secondary, token };
export type Color = $Keys<typeof colors>;
declare export default typeof colors;