example with USWDS

[thescientist13]

Overview

Per ProjectEvergreen/greenwood#523 wanted to get an example of USWDS working with Greenwood. The intent isn't to merge this PR, but rather provide an example and demonstration for how to add it to a Greenwood project.

Steps

For the most part, I just followed the Getting started for developers for the SASS setup, and then got the code from the Accordion docs for the demo

1. Install uswds package

   npm install uswds

2. Created a uswds-settings.scss as required, with default settings
3. Renamed theme.css -> theme.scss and added the needed code from uswds

   // Include a USWDS settings file (required)
   @import "./uswds-settings.scss";
   
   // Point to the USWDS source code (required)
   @import "../../node_modules/uswds/dist/scss/stylesheets/uswds.scss";

4. Changed index.html to point to theme.scss
5. Added Accordion demo code
6. Loaded USWDS JavaScript code before closing </body> tag

Left some feedback for the team here - uswds/uswds#4433

Notes

1. Had to create a custom SASS plugin for Greenwood, should try and publish that as a standalone plugin
2. Technically using either of these variants (or at least .scss) isn't supported in Greenwood (yet) for the build command, so will make a note to add support for this

   <link rel="stylesheet" href="./styles/theme.scss"/>
   
   <!-- also support this as well? -->
   <script type="module" src="/components/footer.ts"/>

[thescientist13]

FWIW, USWDS 3.0 has been released.
https://designsystem.digital.gov/whats-new/updates/2022/04/28/introducing-uswds-3-0/