theme.d.ts

export declare const Theme: {
  zIndex: {
    alert: number
    dialog: number
    mesosphere: number
    modal: number
    navigationBar: number
    popover: number
    root: number
    stratosphere: number
    thermosphere: number
    tooltip: number
  }
  button: {
    baseActiveOpacity: number
    baseBorderRadius: number
    baseMinHeight: number
    baseTextColor: string
    baseTextFontSize: number
    baseTextFontWeight: string
    baseTextPaddingX: number
    primaryBackgroundColor: string
    primaryBackgroundColorAaa: string
    primaryBackgroundColorActive: string
    primaryBackgroundColorActiveAaa: string
    primaryBackgroundColorHover: string
    primaryBackgroundColorHoverAaa: string
    primaryBorderRadius: string
    primaryTextColor: string
    secondaryBackgroundColor: string
    secondaryBackgroundColorAaa: string
    secondaryBackgroundColorActive: string
    secondaryBackgroundColorActiveAaa: string
    secondaryBackgroundColorHover: string
    secondaryBackgroundColorHoverAaa: string
    secondaryBorderColor: string
    secondaryBorderWidth: number
    secondaryTextColor: string
    tertiaryBackgroundColor: string
    tertiaryBackgroundColorActive: string
    tertiaryBackgroundColorHover: string
    tertiaryTextColor: string
  }
  text: {
    blockquote: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: string
      letterSpacing: number
      lineHeight: number
    }
    body: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: string
      letterSpacing: number
      lineHeight: string
    }
    caption: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: number
      letterSpacing: number
      lineHeight: number
    }
    heading1: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: string
      letterSpacing: number
      lineHeight: number
    }
    heading2: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: string
      letterSpacing: number
      lineHeight: number
    }
    heading3: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: string
      letterSpacing: number
      lineHeight: number
    }
    heading4: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: string
      letterSpacing: number
      lineHeight: number
    }
    monospace: {
      color: string
      fontFamily: string
      fontSize: string
      fontWeight: string
      lineHeight: number
    }
    size: {
      '1': number
      '2': number
      '3': number
      '4': number
      '5': number
      '6': number
      '7': number
      '8': number
      '9': number
      '10': number
      '11': number
      '12': number
      '13': number
      '14': number
    }
    smallcaps: {
      color: string
      fontFamily: string
      fontSize: number
      fontWeight: string
      letterSpacing: number
      lineHeight: number
      variant: string
    }
  }
  boxShadow: {
    buttonRaised: string
    buttonRaisedActive: string
    buttonRaisedHover: string
  }
  color: {
    calciumBlue100: string
    calciumBlue300: string
    calciumBlue500: string
    calciumBlue700: string
    calciumBlue900: string
    carbonGray100: string
    carbonGray300: string
    carbonGray500: string
    carbonGray700: string
    carbonGray900: string
    hydrogenGreen100: string
    hydrogenGreen300: string
    hydrogenGreen500: string
    hydrogenGreen700: string
    hydrogenGreen900: string
    ironRed100: string
    ironRed300: string
    ironRed500: string
    ironRed700: string
    ironRed900: string
    magnesiumPink100: string
    magnesiumPink300: string
    magnesiumPink500: string
    magnesiumPink700: string
    magnesiumPink900: string
    nitrogenPurple100: string
    nitrogenPurple300: string
    nitrogenPurple500: string
    nitrogenPurple700: string
    nitrogenPurple900: string
    oxygenBlue100: string
    oxygenBlue300: string
    oxygenBlue500: string
    oxygenBlue700: string
    oxygenBlue900: string
    phosphorousOrange100: string
    phosphorousOrange300: string
    phosphorousOrange500: string
    phosphorousOrange700: string
    phosphorousOrange900: string
  }
  size: {
    navigationBarHeight: number
  }
  border: {
    radiusButton: number
    radiusCard: number
    radiusControl: number
    radiusMessageBubble: number
    radiusNone: number
    radiusTooltip: number
    widthHairline: number
    widthMedium: number
    widthSlab: number
    widthThick: number
    widthThin: number
  }
  space: {
    space0: number
    space1: number
    space2: number
    space3: number
    space4: number
    space5: number
    space6: number
    space7: number
    space8: number
    space9: number
  }
}