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

Little Spoon theme

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

import primary from "./primary";
import secondary from "./secondary";
declare export { primary, secondary };
declare var _default: {
  primary: {
    button: {
      +xlarge: {
        +letterSpacing: string,
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +large: {
        +letterSpacing: string,
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +medium: {
        +letterSpacing: string,
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +small: {
        +letterSpacing: string,
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      ...
    },
    caption: {
      +caption1: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +medium: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      ...
    },
    family: string,
    paragraph: {
      p0: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      p1: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      xlarge: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      p2: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      large: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      p3: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      medium: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      p4: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      small: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      ...
    },
    weight: {
      +normal: 400,
      +bold: 700,
      ...
    },
    ...
  },
  secondary: {
    display: {
      +display1: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +display2: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      ...
    },
    family: string,
    heading: {
      +h1: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +h2: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +h3: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +h4: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +h5: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +h6: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      +h7: {
        +fontSize: string,
        +lineHeight: string,
        ...
      },
      ...
    },
    weight: {
      +bold: 700,
      +extraBold: 800,
      +black: 900,
      ...
    },
    ...
  },
  ...
};
declare export default typeof _default;