Typography

import typography from "/src/shared/typography";

typography.formMessage
typography.display1
typography.display2
typography.lead
typography.body2
typography.body
typography.blockquote
typography.h1
typography.h2
typography.h3
typography.h4
typography.h5
typography.h6
typography.capitalized
typography.small
typography.tiny
typography.smallLabel
typography.mediumLabel
typography.largeLabel
typography.yaml
typography.tableHeader
typography.cardTitle
typography.dialogHeader
typography.sectionHeader
typography.subsectionHeader
typography.formBody
typography.formValue
typography.formHelp
typography.formMessageError
typography.formMessageWarning
typography.formMessageSuccess


    <ul className={rootCss}>
      {
        Object.entries(typography).map(entry => (
          <li>
            <div className={entry[1]}>typography.{entry[0]}</div>
          </li>
        ))
      }
    </ul>


    <ul className={rootCss}>
      {
        Object.entries(typography).map(entry => (
          <li>
            <div className={entry[1]}>typography.{entry[0]}</div>
          </li>
        ))
      }
    </ul>