Chore/design system poc

[thescientist13]

Related Issue

Setting up a PR to demo out a few potential workflows for implementing and maintaining a design system, and the stack I would like to evaluate:

• Lit for Web Component library
• Storybook for developing the design system itself
• Modern Web Test Runner tests
• Typescript???

Home Page

Storybook

Open to suggestions and feedback! 👀

Summary of Changes

1. Added Lit and created a very simple footer component
2. Added [@web/test-runner`(https://modern-web.dev/docs/test-runner/overview/) for BDD and browser based unit testing
3. Added Storybook scaffolding for components and design system
4. Introduced theming through use of CSS Custom Properties (e.g. variables)

TODO

1. Validate testing works in CI
2. Explore Storybook for a design system / component library management
3. Ideally would be nice to get this all using CSS Variables 🙌
4. Explore using TypeScript? (would need a custom Greenwood plugin for this) 👀 🤞 - see migrate (back) to TypeScript #6
5. (nice to have) Storybook + Bundless / Web Dev Server 🥺

[netlify]

✔️ Deploy Preview for practical-fermat-fa2c48 ready!

🔨 Explore the source changes: 4b275e6

🔍 Inspect the deploy log: https://app.netlify.com/sites/practical-fermat-fa2c48/deploys/60e0d52f4f1a5f000796749e

😎 Browse the preview: https://deploy-preview-4--practical-fermat-fa2c48.netlify.app/