Typography (WIP)

[taggartbg]

• Add @font-face sources and required font files
• Add base styles to theme
• Add styleguide-defined variants

ISSUES:

• Themed.h1 and Themed.h2 simply do not seem to respect the Theme Specification. They get the css rule "css-0" with no styles on it. I moved them to Text Variants, but let me know your thoughts. We can make wrapping components for the primitives and apply the styles with sx, but I was surprised that the Themed component doesn't seem to work.

TODO:

• Merge base branch and re-target

• Figure out the best way to distribute the font files. I see 3 ways we could go with this:

  1. Distribute our /public folder to the npm package, require the consuming package to re-host them
  2. Figure out a way to load them through the module system so that they're caught by postcss (I'm not convinced this will work, but it'd be really nice if it did)
  3. Host the files on a cdn (would need to check the TOS)
     3.5. Does whoever we bought the files from have a public CDN we can use?

  EDIT: Spoke offline, we will have the consuming package source the font files, this is ready-for-review

[taggartbg]

Also TODO: Once our approach to the static files / global styles are finalized, we need update the README for the consuming application