Create style guide basics

[claireolmstead]

Goal

The goal of this PR is to create a package we can release to setup the basics of our style guide.

Closes #1

Discussion

Currently the components are loading into /src in the package, so you have to reference that path when importing a component. Is there a way to avoid that?

Checklist

• [x] Created Buttons
• [x] Created Typography
• [x] Created tailwind.config
• [x] Created tailwind classes and initial styles

How To Test the Changes

1. Create package
2. Install package
3. Use package

[JoeCap08055]

Great work!

Am I right in assuming that a consumer of the package would not be interested in the Storybook UI (that's more for exploring the styles in this repo)? And that the consumer is really mostly interested in the base component/color/font definitions? If that's true, it might be best to separate that out into separate packages, so that the published package only contains the core components and not the Storybook UI. Take a look at the SIWF repository; that's also a Vite/Svelte project with separate packages; some of which are published & some that aren't.

If that's the route we think we want to go, I'd be okay with merging this & make that the subject of a subsequent issue/PR.

[JoeCap08055]

Great work!

Am I right in assuming that a consumer of the package would not be interested in the Storybook UI (that's more for exploring the styles in this repo)? And that the consumer is really mostly interested in the base component/color/font definitions? If that's true, it might be best to separate that out into separate packages, so that the published package only contains the core components and not the Storybook UI. Take a look at the SIWF repository; that's also a Vite/Svelte project with separate packages; some of which are published & some that aren't.

If that's the route we think we want to go, I'd be okay with merging this & make that the subject of a subsequent issue/PR.

Linked to #13