Merge branch 'master' into slider-readonly

.github/CODEOWNERS

@@ -24,7 +24,6 @@ build/ @janechu @nicholasrice @chrisdholt @awentzel @EisenbergEffect
 /specs/ @EisenbergEffect @chrisdholt @janechu @nicholasrice
 
 # Sites
-/sites/fast-color-explorer/ @nicholasrice @janechu @bheston
 /sites/website/ @awentzel @chrisdholt @falkicon @EisenbergEffect
 
 # Package specific owners
@@ -40,4 +39,7 @@ build/ @janechu @nicholasrice @chrisdholt @awentzel @EisenbergEffect
 
 # Web components
 /packages/web-components/fast-element/ @EisenbergEffect @chrisdholt @janechu @nicholasrice
-/packages/web-components/fast-foundation/ @EisenbergEffect @chrisdholt @nicholasrice
+/packages/web-components/fast-foundation/ @EisenbergEffect @chrisdholt @bheston @scomea @radium-v @kingoftac
+
+# the change directory has no owners
+/change/

.github/workflows/cd-deploy-www-production.yml

@@ -19,7 +19,7 @@ jobs:
       uses: actions/checkout@master
 
     - name: Install Lerna
-      run: yarn global add lerna
+      run: yarn global add lerna@5.5.2
 
     - name: Install package dependencies / prepare workspaces
       run: yarn install --frozen-lockfile

.github/workflows/cd-deploy-www-staging.yml

@@ -41,7 +41,7 @@ jobs:
       uses: actions/checkout@master
 
     - name: Install Lerna
-      run: yarn global add lerna
+      run: yarn global add lerna@5.5.2
 
     - name: Install package dependencies / prepare workspaces
       run: yarn install --frozen-lockfile

.github/workflows/cd-release-npm.yml

@@ -22,7 +22,7 @@ jobs:
         token: ${{ secrets.GH_TOKEN }}
 
     - name: Add or Update packages
-      run: sudo yarn global add lerna
+      run: sudo yarn global add lerna@5.5.2
 
     - name: Set Git User
       run: |

.github/workflows/ci-validate-pr.yml

@@ -58,19 +58,5 @@ jobs:
     - name: Testing unit tests
       run: yarn lerna run test --stream
 
-    - name: Collect and upload code coverage to Code Climate
-      uses: paambaati/[email protected]
-      env:
-        CC_TEST_REPORTER_ID: 08a773cb4ea5811add5a45e12873e5cd2634c005568705cc37abfd5217617a32
-        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      with:
-        coverageCommand: yarn lerna run coverage
-        coverageLocations: |
-          ${{github.workspace}}/packages/tooling/fast-figma-plugin-msft/coverage/lcov.info:lcov
-          ${{github.workspace}}/packages/utilities/fast-animation/coverage/lcov.info:lcov
-          ${{github.workspace}}/packages/utilities/fast-colors/coverage/lcov.info:lcov
-          ${{github.workspace}}/packages/utilities/fast-eslint-rules/coverage/lcov.info:lcov
-        debug: false
-
     - name: Testing final validation
       run: yarn test:validation

.github/workflows/testing/ci-daily-local.yml

@@ -17,7 +17,7 @@ jobs:
         sudo apt-get update
         sudo apt-get install yarn
         sudo yarn global upgrade typescript
-        sudo yarn global add lerna
+        sudo yarn global add lerna@5.5.2
 
     - name: Install package dependencies / prepare workspaces
       run: yarn install --frozen-lockfile
@@ -27,14 +27,3 @@ jobs:
 
     - name: Testing units
       run: lerna run test --stream
-
-    - name: Collect and upload code coverage to Code Climate
-      uses: paambaati/[email protected]
-      env:
-        CC_TEST_REPORTER_ID: 08a773cb4ea5811add5a45e12873e5cd2634c005568705cc37abfd5217617a32
-      with:
-        coverageCommand: lerna run coverage
-        coverageLocations: |
-          ${{github.workspace}}/packages/utilities/fast-animation/coverage/lcov.info:lcov
-          ${{github.workspace}}/packages/utilities/fast-colors/coverage/lcov.info:lcov
-        debug: true

CONTRIBUTING.md

@@ -19,7 +19,7 @@ npm install -g yarn
 The second tool you'll need is Lerna, which can be installed with this command:
 
 ```bash
-yarn global add lerna
+yarn global add lerna@5.5.2
 ```
 
 :::important

change/@microsoft-fast-foundation-015b56ec-8d8e-4573-9572-9822996f1245.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "comparisons to document.activeElement consider shadowRoot",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}

change/@microsoft-fast-foundation-27c7d069-c14a-43a7-a6f6-6b060a2fe5d1.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Additional design token test cases",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@microsoft-fast-foundation-775d9d2b-f1b0-48d0-a75a-83f738bd0ea8.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update Badge and Breadcrumb templates (https://github.com/microsoft/fast/pull/6797)",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}

change/@microsoft-fast-foundation-879984ab-c986-4ae7-93f2-bbebf4530962.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: allow tabs `setTabs` method to be extended",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}

examples/todo-app/src/todo-app.template.ts

@@ -1,5 +1,5 @@
 import { html, repeat } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way";
+import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
 import type { TodoApp } from "./todo-app.js";
 import type { Todo } from "./todo-list.js";
 import "./todo-form.js";

examples/todo-app/src/todo-form.template.ts

@@ -1,12 +1,10 @@
 import { html } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way";
+import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
 import type { TodoForm } from "./todo-form.js";
 
 export const template = html<TodoForm>`
     <form @submit=${x => x.submitTodo()}>
         <input type="text" :value=${twoWay(x => x.description, "input")} />
-        <button type="submit" ?disabled=${x => !x.description}>
-            Add Todo
-        </button>
+        <button type="submit" ?disabled=${x => !x.description}>Add Todo</button>
     </form>
 `;

examples/todo-app/src/todo-list.ts

@@ -1,6 +1,6 @@
 import { Observable, observable, volatile } from "@microsoft/fast-element";
-import { Context } from "@microsoft/fast-element/context";
-import { reactive } from "@microsoft/fast-element/state";
+import { Context } from "@microsoft/fast-element/context.js";
+import { reactive } from "@microsoft/fast-element/state.js";
 
 export type Todo = { description: string; done: boolean };
 export type TodoListFilter = "all" | "active" | "completed";

lerna.json

@@ -1,7 +1,6 @@
 {
   "packages": [
-    "packages/**/*",
-    "sites/fast-color-explorer"
+    "packages/**/*"
   ],
   "version": "independent",
   "npmClient": "yarn",