Merge branch 'master' into storybook-nav-organization

Author: micahgodbolt

.github/CODEOWNERS

@@ -132,7 +132,7 @@ common/_common.scss @microsoft/cxe-red @phkuo
 ## vNext packages
 packages/react-components/keyboard-keys @microsoft/teams-prg
 packages/react-components/react-accordion @microsoft/cxe-coastal
-packages/react-components/react-avatar @microsoft/cxe-red @behowell @khmakoto
+packages/react-components/react-avatar @microsoft/cxe-red @behowell @khmakoto @sopranopillow
 packages/react-components/react-badge @microsoft/teams-prg @microsoft/cxe-red @behowell
 packages/react-components/react-button @microsoft/cxe-red @khmakoto
 packages/react-components/react-card @microsoft/cxe-prg

.github/ISSUE_TEMPLATE/convergence_epic.md

@@ -8,50 +8,41 @@ These issues are used by core contributors to track the list of items that shoul
 completed as part of converging a component. More info can be found here: https://github.com/microsoft/fluentui/wiki/Component-Convergence-Guide
 -->
 
-# Preparation:
+## Preparation:
 
-- [ ] Started prep
-- [ ] Open UI Research complete
+- [ ] Open UI Research
   - [link to https://open-ui.org/]
-- [ ] Comparison on v8 and v0 complete
-- [ ] Gather open GitHub issues related to component
-- [ ] react-\* package scaffolded
-  - [link to package]
+- [ ] Open GitHub issues related to component
+  - [link to each issue]
+- [ ] react-\* package scaffolded with the right ownership in CODEOWNERS
+  - [link to package / PR]
 - [ ] Component Spec authored and reviewed
-  - [link to spec in component package]
-- [ ] **Deliverable:** Reviewed component spec
+  - [link to spec in component package / PR]
 
-# Implementation
+## Implementation
 
 [link to react-* package folder]
 
-- [ ] Started impl
-- [ ] Implement component
-- [ ] Add storybook stories
-- [ ] Using hooks
-- [ ] Using makeStyles
-- [ ] Respects Figma tokens (and using provider)
-- [ ] Respects API principles, shorthands and slots handling
-- [ ] No dependency on v0/v7
-- [ ] Add tests - Conformance, Unit, and VR
+- [ ] Component implementation
+  - [link(s) to component implementation related PRs]
+- [ ] Storybook stories
+  - [link(s) to stories PRs]
+- [ ] Add tests: Conformance, Unit, and VR -- add PRs to all
   - [ ] Bundle size fixtures
   - [ ] Conformance tests
   - [ ] Unit tests
   - [ ] VR tests
   - [ ] Accessibility behavior tests
   - [ ] Create an issue and run [manual accessibility tests](https://github.com/microsoft/fluentui/wiki/Manual-Accessibility-Review-Checklist): (issue link)
-- [ ] Write README.md covering basic usage
-- [ ] Write initial MIGRATION.md guide (include v8 and v0)
-- [ ] Set component ownership in CODEOWNERS
-- [ ] **Deliverable:** Experimental component ready for partner use, component re-exported in `react-components`
+  - [ ] Performance test scenario
+- [ ] README.md covering basic usage
+- [ ] MIGRATION.md guide (include v8 and v0)
 
-# Validation
+## Validation
 
-- [ ] Started validating
 - [ ] Add and validate in UI Builder
 - [ ] Add and validate in docs site
 - [ ] Validate with token pipeline
 - [ ] Validate in product
 - [ ] Finalize migration guide
   - [ ] Author codemods
-- [ ] **Deliverable:** Preview component ready for broader/3rd party use

.github/workflows/create-milestone.yml

@@ -0,0 +1,22 @@
+name: Create milestone
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 0 1 * *'
+
+jobs:
+  create-milestone:
+    name: Create this month's milestone
+    runs-on: ubuntu-latest
+    steps:
+      - name: Create milestone
+        run: |
+          month=$(date +"%B")
+          quarter=$(date +"%q")
+          year=$(date +"%Y")
+          title="${month} Project Cycle Q${quarter} ${year}"
+          echo "Using title '${title}'"
+          gh api --method POST repos/microsoft/fluentui/milestones -f title="${title}"
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.storybook/preview.js

@@ -46,8 +46,8 @@ export const parameters = {
       'react-scripts': 'latest',
     },
     optionalDependencies: {
-      '@fluentui/react-components': 'rc', // necessary for FluentProvider
-      '@fluentui/react-icons': 'beta',
+      '@fluentui/react-components': '^9.0.0', // necessary for FluentProvider
+      '@fluentui/react-icons': 'latest',
     },
     indexTsx: dedent`
           import * as ReactDOM from 'react-dom';

apps/perf-test-react-components/CHANGELOG.json

@@ -1,6 +1,66 @@
 {
   "name": "@fluentui/perf-test-react-components",
   "entries": [
+    {
+      "date": "Tue, 28 Jun 2022 17:39:54 GMT",
+      "tag": "@fluentui/perf-test-react-components_v9.0.0-rc.0",
+      "version": "9.0.0-rc.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test-react-components",
+            "comment": "Bump @fluentui/react-avatar to v9.0.1",
+            "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test-react-components",
+            "comment": "Bump @fluentui/react-button to v9.0.1",
+            "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test-react-components",
+            "comment": "Bump @fluentui/react-provider to v9.0.1",
+            "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 28 Jun 2022 15:14:23 GMT",
+      "tag": "@fluentui/perf-test-react-components_v9.0.0-rc.0",
+      "version": "9.0.0-rc.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test-react-components",
+            "comment": "Bump @fluentui/react-avatar to v9.0.0",
+            "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test-react-components",
+            "comment": "Bump @fluentui/react-button to v9.0.0",
+            "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test-react-components",
+            "comment": "Bump @fluentui/react-provider to v9.0.0",
+            "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test-react-components",
+            "comment": "Bump @fluentui/react-theme to v9.0.0",
+            "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 23 Jun 2022 14:25:31 GMT",
       "tag": "@fluentui/perf-test-react-components_v9.0.0-rc.0",

apps/perf-test-react-components/CHANGELOG.md

@@ -1,11 +1,34 @@
 # Change Log - @fluentui/perf-test-react-components
 
-This log was last generated on Thu, 23 Jun 2022 14:25:31 GMT and should not be manually modified.
+This log was last generated on Tue, 28 Jun 2022 17:39:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
 ## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test-react-components_v9.0.0-rc.0)
 
+Tue, 28 Jun 2022 17:39:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test-react-components_v9.0.0-rc.0..@fluentui/perf-test-react-components_v9.0.0-rc.0)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.0.1 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
+- Bump @fluentui/react-button to v9.0.1 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
+- Bump @fluentui/react-provider to v9.0.1 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
+
+## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test-react-components_v9.0.0-rc.0)
+
+Tue, 28 Jun 2022 15:14:23 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test-react-components_v9.0.0-rc.0..@fluentui/perf-test-react-components_v9.0.0-rc.0)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
+- Bump @fluentui/react-button to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
+- Bump @fluentui/react-provider to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
+- Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
+
+## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test-react-components_v9.0.0-rc.0)
+
 Thu, 23 Jun 2022 14:25:31 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test-react-components_v9.0.0-rc.0..@fluentui/perf-test-react-components_v9.0.0-rc.0)
 

apps/perf-test-react-components/package.json

@@ -15,11 +15,12 @@
     "@fluentui/eslint-plugin": "*"
   },
   "dependencies": {
-    "@griffel/core": "1.4.0",
-    "@fluentui/react-avatar": "^9.0.0-rc.13",
-    "@fluentui/react-button": "^9.0.0-rc.14",
-    "@fluentui/react-provider": "^9.0.0-rc.14",
-    "@fluentui/react-theme": "^9.0.0-rc.10",
+    "@griffel/core": "^1.4.1",
+    "@fluentui/react-avatar": "^9.0.1",
+    "@fluentui/react-button": "^9.0.1",
+    "@fluentui/react-provider": "^9.0.1",
+    "@fluentui/react-spinbutton": "9.0.0-beta.16",
+    "@fluentui/react-theme": "^9.0.0",
     "@fluentui/scripts": "^1.0.0",
     "@microsoft/load-themed-styles": "^1.10.26",
     "flamegrill": "0.2.0",

apps/perf-test-react-components/src/scenarios/SpinButton.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SpinButton } from '@fluentui/react-spinbutton';
+import { FluentProvider } from '@fluentui/react-provider';
+import { webLightTheme } from '@fluentui/react-theme';
+
+const Scenario = () => <SpinButton defaultValue={0} min={0} max={0} />;
+
+Scenario.decorator = (props: { children: React.ReactNode }) => (
+  <FluentProvider theme={webLightTheme}>{props.children}</FluentProvider>
+);
+
+export default Scenario;

apps/perf-test/CHANGELOG.json

@@ -1,6 +1,81 @@
 {
   "name": "@fluentui/perf-test",
   "entries": [
+    {
+      "date": "Fri, 08 Jul 2022 07:36:29 GMT",
+      "tag": "@fluentui/perf-test_v1.0.0",
+      "version": "1.0.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test",
+            "comment": "Bump @fluentui/react to v8.79.0",
+            "commit": "7a1737f0db893a5c623c30d81745f8e41c9ef79b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 07 Jul 2022 07:37:21 GMT",
+      "tag": "@fluentui/perf-test_v1.0.0",
+      "version": "1.0.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test",
+            "comment": "Bump @fluentui/react to v8.78.1",
+            "commit": "63ab03fa7a9b3d02204147ea5356b8f78751df42"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 06 Jul 2022 07:38:24 GMT",
+      "tag": "@fluentui/perf-test_v1.0.0",
+      "version": "1.0.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test",
+            "comment": "Bump @fluentui/react to v8.78.0",
+            "commit": "33c89d8c4bfcd1b50a7aa23e70eedde6e9cb08df"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 30 Jun 2022 07:40:48 GMT",
+      "tag": "@fluentui/perf-test_v1.0.0",
+      "version": "1.0.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test",
+            "comment": "Bump @fluentui/react to v8.77.3",
+            "commit": "c0c292a7f35103752b40f2872d31e83b77f7a053"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 28 Jun 2022 07:39:04 GMT",
+      "tag": "@fluentui/perf-test_v1.0.0",
+      "version": "1.0.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/perf-test",
+            "comment": "Bump @fluentui/react to v8.77.2",
+            "commit": "b10503dfbec04dd309a44cffecbcf47456b4ee1f"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 24 Jun 2022 07:43:32 GMT",
       "tag": "@fluentui/perf-test_v1.0.0",

apps/perf-test/CHANGELOG.md

@@ -1,11 +1,56 @@
 # Change Log - @fluentui/perf-test
 
-This log was last generated on Fri, 24 Jun 2022 07:43:32 GMT and should not be manually modified.
+This log was last generated on Fri, 08 Jul 2022 07:36:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
 ## [1.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test_v1.0.0)
 
+Fri, 08 Jul 2022 07:36:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test_v1.0.0..@fluentui/perf-test_v1.0.0)
+
+### Minor changes
+
+- Bump @fluentui/react to v8.79.0 ([PR #23823](https://github.com/microsoft/fluentui/pull/23823) by beachball)
+
+## [1.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test_v1.0.0)
+
+Thu, 07 Jul 2022 07:37:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test_v1.0.0..@fluentui/perf-test_v1.0.0)
+
+### Patches
+
+- Bump @fluentui/react to v8.78.1 ([PR #23812](https://github.com/microsoft/fluentui/pull/23812) by beachball)
+
+## [1.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test_v1.0.0)
+
+Wed, 06 Jul 2022 07:38:24 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test_v1.0.0..@fluentui/perf-test_v1.0.0)
+
+### Minor changes
+
+- Bump @fluentui/react to v8.78.0 ([PR #23806](https://github.com/microsoft/fluentui/pull/23806) by beachball)
+
+## [1.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test_v1.0.0)
+
+Thu, 30 Jun 2022 07:40:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test_v1.0.0..@fluentui/perf-test_v1.0.0)
+
+### Patches
+
+- Bump @fluentui/react to v8.77.3 ([PR #23768](https://github.com/microsoft/fluentui/pull/23768) by beachball)
+
+## [1.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test_v1.0.0)
+
+Tue, 28 Jun 2022 07:39:04 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test_v1.0.0..@fluentui/perf-test_v1.0.0)
+
+### Patches
+
+- Bump @fluentui/react to v8.77.2 ([PR #23683](https://github.com/microsoft/fluentui/pull/23683) by beachball)
+
+## [1.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test_v1.0.0)
+
 Fri, 24 Jun 2022 07:43:32 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test_v1.0.0..@fluentui/perf-test_v1.0.0)
 

apps/perf-test/package.json

@@ -15,7 +15,7 @@
     "@fluentui/eslint-plugin": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.77.1",
+    "@fluentui/react": "^8.79.0",
     "@fluentui/scripts": "^1.0.0",
     "@microsoft/load-themed-styles": "^1.10.26",
     "flamegrill": "0.2.0",