Merge branch 'master' of https://github.com/microsoft/fluentui into r…

…esponsive-charts-v8

.github/ISSUE_TEMPLATE/01-react-components-bug-report.yml

@@ -26,8 +26,15 @@ body:
         - Breadcrumb
         - Button
         - Card
+        - CardFooter
+        - CardHeader
+        - CardPreview
+        - Carousel
+        - CarouselNav
         - Checkbox
         - Combobox
+        - CompoundButton
+        - Counter Badge
         - DataGrid
         - Dialog
         - Divider
@@ -38,14 +45,19 @@ body:
         - Image
         - InfoLabel
         - Input
+        - InteractionTag
         - Label
         - Link
+        - List
         - Menu
+        - MenuButton
+        - MenuList
         - MessageBar
         - Overflow
         - Persona
         - Popover
         - Portal
+        - PresenceBadge
         - ProgressBar
         - RadioGroup
         - Rating
@@ -56,32 +68,37 @@ body:
         - Slider
         - SpinButton
         - Spinner
+        - SplitButton
         - SwatchPicker
         - Switch
-        - Table
         - TabList
+        - Table
         - Tag
+        - TagGroup
         - TagPicker
         - TeachingPopover
         - Text
         - Textarea
         - Toast
+        - ToggleButton
         - Toolbar
         - Tooltip
         - Tree
+        - ColorPicker (Preview)
+        - Nav (Preview)
+        - Virtualizer (Preview)
+        - VirtualizerScrollView (Preview)
+        - VirtualizerScrollViewDynamic (Preview)
         - Calendar (Compat)
         - DatePicker (Compat)
         - TimePicker (Compat)
-        - Carousel (Preview)
-        - List (Preview)
-        - Nav (Preview)
-        - Virtualizer (Preview)
-        - Motion
         - Icons
-        - Theme/Tokens
-        - Utilities (utilities we provide besides Components, e.g. apis from react-utilities)
-        - Migration Shims v0
-        - Migration Shims v8
+        - Migration Shims V0
+        - Migration Shims V8
+        - Motion
+        - Theme
+        - Tokens
+        - Utilities
         - Other...
     validations:
       required: true

.github/workflows/pr-vrt-comment.yml

@@ -4,6 +4,10 @@ on:
     workflows: ['VRT CI']
     types:
       - completed
+    branches:
+      - master
+      # remove following once CRT testing is done
+      - vrt-gha-testing
 
 concurrency:
   # see https://docs.github.com/en/actions/writing-workflows/workflow-syntax-for-github-actions#example-only-cancel-in-progress-jobs-or-runs-for-the-current-workflow

.github/workflows/pr-vrt.yml

@@ -1,6 +1,8 @@
 name: VRT CI
 on:
-  pull_request:
+  # TODO: once testing is done enable pull_request trigger again
+  # pull_request:
+  workflow_dispatch:
 
 concurrency:
   # see https://docs.github.com/en/actions/writing-workflows/workflow-syntax-for-github-actions#example-only-cancel-in-progress-jobs-or-runs-for-the-current-workflow

README.md

@@ -17,8 +17,8 @@ The following table will help you navigate the 3 projects and understand their d
 | **Used By**     | Microsoft 365 | Office | Edge |
 | **Read Me**     | [README.md](/packages/react-components/react-components/README.md) | [README.md](/packages/react/README.md)| [README.md](/packages/web-components/README.md) |
 | **Changelog** | [CHANGELOG.md](/packages/react-components/react-components/CHANGELOG.md) | [CHANGELOG.md](/packages/react/CHANGELOG.md) | [CHANGELOG.md](/packages/web-components/CHANGELOG.md) |
-| **Repo**        | [packages/react-components](/packages/react-components/react-components/CHANGELOG.md) | [./packages/react](/packages/react) | [./packages/web-components](/packages/web-components) |
-| **Quick Start** | [Quick Start](https://react.fluentui.dev/?path=/docs/concepts-developer-quick-start--page) | [Quick Start](https://developer.microsoft.com/en-us/fluentui#/get-started/web) | [See README.md](https://github.com/microsoft/fluentui/tree/master/packages/web-components/README.md) |
+| **Repo**        | [packages/react-components](/packages/react-components/react-components) | [./packages/react](/packages/react) | [./packages/web-components](/packages/web-components) |
+| **Quick Start** | [Quick Start](https://react.fluentui.dev/?path=/docs/concepts-developer-quick-start--docs) | [Quick Start](https://developer.microsoft.com/en-us/fluentui#/get-started/web) | [See README.md](https://github.com/microsoft/fluentui/tree/master/packages/web-components/README.md) |
 | **Docs**        | [https://react.fluentui.dev/](https://react.fluentui.dev/) | [aka.ms/fluentui-react](https://aka.ms/fluentui-react) | [aka.ms/fluentui-web-components](https://aka.ms/fluentui-web-components) |
 | **NPM**         | `@fluentui/react-components` | `@fluentui/react`| `@fluentui/web-components` |
 | **Version**     | [![npm version](https://img.shields.io/npm/v/@fluentui/react-components?style=flat-square)](https://www.npmjs.com/package/@fluentui/react-components) | [![npm version](https://img.shields.io/npm/v/@fluentui/react?style=flat-square)](https://www.npmjs.com/package/@fluentui/react) | [![npm version](https://img.shields.io/npm/v/@fluentui/web-components/beta?style=flat-square)](https://www.npmjs.com/package/@fluentui/web-components/v/3.0.0-beta.15) |

apps/chart-docsite/.eslintrc.json

@@ -4,7 +4,7 @@
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
+    "@typescript-eslint/no-deprecated": "off",
     "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }]
   }
 }

apps/public-docsite-resources/.eslintrc.json

@@ -5,7 +5,7 @@
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/explicit-member-accessibility": "off",
     "@typescript-eslint/member-ordering": "off",
-    "deprecation/deprecation": "off",
-    "no-restricted-globals": "off"
+    "no-restricted-globals": "off",
+    "@typescript-eslint/no-deprecated": "off"
   }
 }

apps/public-docsite-v9/.eslintrc.json

@@ -4,7 +4,7 @@
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
-    "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }]
+    "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }],
+    "@typescript-eslint/no-deprecated": "off"
   }
 }

apps/public-docsite-v9/src/Concepts/Theming.stories.mdx

@@ -22,7 +22,7 @@ No matter what theme is used, the component styles are always the same. The only
 
 Those tokens are resolved to CSS variables. The `FluentProvider` component is responsible for setting the values of the CSS variables in DOM and changing them when the theme changes. When the theme is switched, only the variables are changed, all styles remain the same.
 
-Place a `<FluentProvider />` at the root of your app and pass a theme to the `theme` prop. The provider will render a `div` and set all tokens as CSS variables on that element. The provider also propagates CCS variables to React portals created with [Portal component](?path=/docs/components-portal--default).
+Place a `<FluentProvider />` at the root of your app and pass a theme to the `theme` prop. The provider will render a `div` and set all tokens as CSS variables on that element. The provider also propagates CSS variables to React portals created with [Portal component](?path=/docs/components-portal--default).
 
 ```jsx
 import { FluentProvider, teamsLightTheme } from '@fluentui/react-components';

apps/public-docsite/.eslintrc.json

@@ -3,10 +3,10 @@
   "root": true,
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
-    "deprecation/deprecation": "off",
     "import/no-webpack-loader-syntax": "off", // ok in this project
     "prefer-const": "off",
     "react/jsx-no-bind": "off",
-    "no-restricted-globals": "off"
+    "no-restricted-globals": "off",
+    "@typescript-eslint/no-deprecated": "off"
   }
 }

apps/theming-designer/.eslintrc.json

@@ -3,8 +3,8 @@
   "root": true,
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
-    "deprecation/deprecation": "off",
     "prefer-const": "off",
-    "no-restricted-globals": "off"
+    "no-restricted-globals": "off",
+    "@typescript-eslint/no-deprecated": "off"
   }
 }

apps/vr-tests-react-components/.eslintrc.json

@@ -7,8 +7,8 @@
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/naming-convention": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
     "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }],
-    "@nx/workspace-no-restricted-globals": "off"
+    "@nx/workspace-no-restricted-globals": "off",
+    "@typescript-eslint/no-deprecated": "off"
   }
 }

apps/vr-tests/.eslintrc.json

@@ -4,8 +4,8 @@
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
     "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }],
-    "no-restricted-globals": "off"
+    "no-restricted-globals": "off",
+    "@typescript-eslint/no-deprecated": "off"
   }
 }

azure-pipelines.release.web-components.yml

@@ -69,7 +69,7 @@ extends:
                 displayName: yarn
 
               - script: |
-                  yarn nx run-many -t format:check lint test build -p web-components --nxBail
+                  yarn nx run-many -t format:check lint test build -p tag:web-components --exclude vr-tests-web-components --nxBail
                 displayName: Build, Test, Lint
 
               - script: |

change/@fluentui-eslint-plugin-fa5bccc0-99d9-46ae-8cc6-5fbdd18360cb.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/eslint-plugin",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-1b776c96-e0cd-4c27-a7a5-b8b53dc322d2.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Async dispose to release references",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-accordion-b082df99-c014-4ba8-8523-fdc134b25bcb.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-accordion",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-aria-ece4e8b8-ef6f-487c-a209-1a55c9dc6bfb.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-aria",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-avatar-9cab8d3a-1bcd-4c03-8138-82520de36649.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-avatar",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-color-picker-preview-1411f212-27ea-4335-bcd3-b210359b0bd1.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-color-picker-preview",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-color-picker-preview-c30cb79c-aed3-4e9b-ad55-b1f946c8c691.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: focus jumps to inputY instead of next element",
+  "packageName": "@fluentui/react-color-picker-preview",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-color-picker-preview-d36c4ad2-9cc0-4131-bdee-dd557b75c0bb.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "feat: Added `transparent` option to the AlphaSlider",
+  "packageName": "@fluentui/react-color-picker-preview",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-combobox-6b28f16b-50a6-4ea3-8afc-d21e6b99bc5e.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-combobox",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-components-2c418aac-078d-45dc-ad47-4bf796a2e600.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feature: re-export react-tag-picker context",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-components-8e070f58-09e6-4a66-bd63-bbd13b27db88.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feature: TreeRootReset component",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-components-a1ed2f9c-dd8c-4d5c-82ae-295a90a26772.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-conformance-4944bee5-948a-4649-87a1-8362f68d4635.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-conformance",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-icons-compat-d79ea04c-0316-4c1e-9c1e-96710298947a.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-icons-compat",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-link-3fcc87af-d93e-43d3-8c48-d38b192fd9ac.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: support Enter and Space interaction, if rendered as span",
+  "packageName": "@fluentui/react-link",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-menu-51e8bb80-2224-47a8-8a42-282214bcee42.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-menu",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-message-bar-045b67fd-ae48-4ed9-abbd-669235409ead.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-message-bar",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-motion-32b72aa4-8d6a-42e7-8adc-3d0eb8162c7a.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-motion",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-motion-components-preview-67537ce1-b461-4bec-bbcb-61d9202e6632.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "refactor(Collapse): streamline motion atom functions",
+  "packageName": "@fluentui/react-motion-components-preview",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-motion-components-preview-7795f18a-df86-480a-8546-efca47ef6069.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-motion-components-preview",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-motion-f4c1433b-f36e-4b2c-a9bd-9b16f37489fc.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "feat: add extended support for reduced motion",
+  "packageName": "@fluentui/react-motion",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-popover-02147114-2b1f-427d-a369-c495dcc060f7.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: migrate from deprecation plugin to ts-eslint/no-deprecated rule",
+  "packageName": "@fluentui/react-popover",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}