Added an adaptive UI package containing color utilities, design token…

…s, and patterns (#39)

# Pull Request

## 📖 Description

<!--- Provide some background and a description of your work. -->
This work adds a private package to assist in revving the CLI and it includes the following work for use by the components:
- Design tokens
- Color utilities
- Component style patterns

It also speeds up the build by using the static generated storybook files to run on playwright.

### 🎫 Issues

<!---
List and link relevant issues here using the keyword "closes"
if this PR will close an issue, eg. closes #411
-->
Continues work on #31

## 👩‍💻 Reviewer Notes

<!---
Provide some notes for reviewers to help them provide targeted feedback and testing.
-->
The files should be very similar to what was in `@microsoft/fast-components`, with a few fixes to integrate into the CLI.

## ✅ Checklist

### General

<!--- Review the list and put an x in the boxes that apply. -->

- [ ] I have added tests for my changes.
- [x] I have tested my changes.
- [ ] I have updated the project documentation to reflect my changes.

## ⏭ Next Steps

<!---
If there is relevant follow-up work to this PR, please list any existing issues or provide brief descriptions of what you would like to do next.
-->
- Begin adding components

change/@microsoft-fast-cli-3436a9b0-c573-4307-96eb-220046c67fdd.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Updated playwright to use a statically served version of storybook",
+  "packageName": "@microsoft/fast-cli",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

packages/adaptive-ui/.eslintignore

@@ -0,0 +1,20 @@
+# Never lint webpack files
+webpack.*.js
+
+# Never lint test files
+*.spec.ts
+
+# don't lint storybook
+.storybook
+
+# don't lint stories
+*.stories.ts
+
+# Never lint node_modules
+node_modules
+
+# Never lint build output
+dist
+
+# Never lint coverage output
+coverage

packages/adaptive-ui/.eslintrc.cjs

@@ -0,0 +1,79 @@
+module.exports = {
+    root: true,
+    parser: "@typescript-eslint/parser",
+    plugins: ["@typescript-eslint", "import"],
+    extends: [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/eslint-recommended",
+        "plugin:@typescript-eslint/recommended",
+        "prettier",
+    ],
+    rules: {
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-empty-interface": [
+            "error",
+            {
+                allowSingleExtends: true,
+            },
+        ],
+        "import/order": "error",
+        "sort-imports": [
+            "error",
+            {
+                ignoreCase: true,
+                ignoreDeclarationSort: true,
+            },
+        ],
+        "import/extensions": ["error", "always"],
+        "comma-dangle": "off",
+        "@typescript-eslint/typedef": [
+            "error",
+            {
+                arrowParameter: false,
+                arrayDestructuring: true,
+                parameter: true,
+                propertyDeclaration: true,
+                memberVariableDeclaration: true,
+                variableDeclarationIgnoreFunction: true,
+                variableDeclaration: false,
+            },
+        ],
+        "@typescript-eslint/explicit-function-return-type": "error",
+        "@typescript-eslint/camelcase": "off",
+        "@typescript-eslint/naming-convention": [
+            "error",
+            {
+                selector: "default",
+                format: ["UPPER_CASE", "camelCase", "PascalCase"],
+                leadingUnderscore: "allow",
+            },
+            {
+                selector: "property",
+                format: null, // disable for property names because of our foo__expanded convention for JSS
+                // TODO: I think we can come up with a regex that ignores variables with __ in them
+            },
+            {
+                selector: "variable",
+                format: null, // disable for variable names because of our foo__expanded convention for JSS
+                // TODO: I think we can come up with a regex that ignores variables with __ in them
+            },
+            {
+                selector: "objectLiteralMethod",
+                format: null, // disable for file names
+            }
+        ],
+        "@typescript-eslint/no-inferrable-types": "off",
+        "no-prototype-builtins": "off",
+        "no-fallthrough": "off",
+        "no-unexpected-multiline": "off",
+        "@typescript-eslint/no-unused-vars": ["warn", { args: "none" }],
+        "@typescript-eslint/no-explicit-any": "off",
+    },
+    settings: {
+        "import/resolver": {
+            node: {
+                extensions: [".js", ".ts"]
+            }
+        }
+    },
+};

packages/adaptive-ui/README.md

@@ -0,0 +1,3 @@
+# Description
+
+This is the temporary location for Adaptive UI styles. Do not publish.