synapse-react-client/dist/theme/typography/Typography.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

const i = ["DM Sans", "sans-serif"].join(","), n = [
  "Menlo",
  "Courier New",
  "Courier",
  "monospace"
].join(","), e = {
  fontStyle: "normal",
  letterSpacing: "0px"
}, o = (t) => ({
  fontFamily: i,
  headline1: {
    ...e,
    fontSize: "24px",
    fontWeight: 700,
    lineHeight: "28px"
  },
  headline2: {
    ...e,
    fontSize: "20px",
    fontWeight: 400,
    lineHeight: "24px"
  },
  headline3: {
    ...e,
    fontSize: "18px",
    fontWeight: 700,
    lineHeight: "20px"
  },
  body1: {
    ...e,
    fontSize: "16px",
    fontWeight: 400,
    lineHeight: "24px"
  },
  body1Italic: {
    ...e,
    fontSize: "16px",
    fontWeight: 400,
    lineHeight: "24px",
    fontStyle: "italic"
  },
  body2: {
    ...e,
    fontSize: "12px",
    fontWeight: 400,
    lineHeight: "24px"
  },
  breadcrumb1: {
    ...e,
    fontSize: "14px",
    fontWeight: 400,
    lineHeight: "16px"
  },
  breadcrumb2: {
    ...e,
    fontSize: "14px",
    fontWeight: 700,
    lineHeight: "16px"
  },
  smallText1: {
    ...e,
    fontSize: "14px",
    fontWeight: 400,
    lineHeight: "16px"
  },
  smallText2: {
    ...e,
    fontSize: "14px",
    fontWeight: 700,
    lineHeight: "16px"
  },
  smallLink: {
    ...e,
    fontSize: "14px",
    fontWeight: 900,
    lineHeight: "16px"
  },
  label: {
    ...e,
    fontSize: "14px",
    fontWeight: 700,
    lineHeight: "16px"
  },
  buttonLink: {
    ...e,
    fontSize: "16px",
    fontWeight: 900,
    lineHeight: "20px"
  },
  hintText: {
    ...e,
    fontSize: "16px",
    fontWeight: 400,
    lineHeight: "24px"
  },
  sectionTitle: {
    ...e,
    fontSize: "21px",
    fontWeight: 700,
    lineHeight: "25px",
    textTransform: "uppercase"
  },
  subsectionHeader: {
    ...e,
    fontSize: "18px",
    fontWeight: 700,
    lineHeight: "21px"
  },
  dataFieldKey: {
    ...e,
    fontSize: "14px",
    fontWeight: 400,
    lineHeight: "16px",
    color: t.grey[700],
    textTransform: "uppercase"
  },
  monospace: {
    ...e,
    fontFamily: n,
    fontSize: "13px"
  }
});
export {
  i as defaultFontFamily,
  n as monospaceFontFamily,
  o as typographyOptions
};
//# sourceMappingURL=Typography.js.map