Merge branch 'master' into feat/drawer-header

* master:
  applying package updates
  fix: dont ignore lib, lib-commonjs and lib-amd files (microsoft#27736)
  Add DraggableZone into export map (microsoft#27569)
  Add export for FolderCover.scss (microsoft#27507)
  applying package updates
  Add filetype icon for Microsoft Designer (microsoft#27724)
  ci: add build task back as lint pre-requirement to unblock temporarily import plugin lint rule (microsoft#27729)
  fix(react-charting): add missing dependency to fix lint violations during release (microsoft#27728)
  Added partition for controlled overflow menu (microsoft#27520)
  Azure Theme 8.0: Tag Button variant for DefaultButton and PrimaryButton (microsoft#27186)
  Azure Theme 8.0 dropdown fix for high contrast themes (microsoft#27346)
  chore: enable TS intellisense in cross library projects for better/consistent DX (microsoft#26605)
  chore: enforce files naming to use .styles.ts [cxe-red files] (microsoft#27710)
  chore(v0): enable emit only dts and use new conformance test API to narrow down TS Program (microsoft#27686)
  codeowner update (microsoft#27719)
  Tag/TagButton init component setup (microsoft#27102)

.github/CODEOWNERS

@@ -225,7 +225,7 @@ packages/react-components/react-tree @microsoft/teams-prg
 packages/react-components/react-virtualizer @microsoft/xc-uxe @Mitch-At-Work
 packages/react-components/react-skeleton @microsoft/cxe-red
 packages/tokens @microsoft/teams-prg
-packages/react-components/react-tags @microsoft/cxe-coastal @TristanWatanabe
+packages/react-components/react-tags @microsoft/cxe-coastal @YuanboXue-Amber
 packages/react-components/react-data-grid-react-window @microsoft/teams-prg
 packages/react-components/react-migration-v0-v9 @microsoft/teams-prg
 packages/react-components/react-datepicker-compat @microsoft/cxe-red @sopranopillow @khmakoto

apps/perf-test/package.json

@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@fluentui/scripts-perf-test-flamegrill": "*",
-    "@fluentui/example-data": "^8.4.7",
-    "@fluentui/react": "^8.108.2",
+    "@fluentui/example-data": "^8.4.8",
+    "@fluentui/react": "^8.109.0",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/public-docsite-resources/package.json

@@ -27,22 +27,22 @@
     "update-snapshots": "just-scripts jest -u"
   },
   "devDependencies": {
-    "@fluentui/api-docs": "^8.2.7",
+    "@fluentui/api-docs": "^8.2.8",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/scripts-monorepo": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.108.2",
+    "@fluentui/react": "^8.109.0",
     "@fluentui/react-examples": "^8.34.4",
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/azure-themes": "^8.5.83",
-    "@fluentui/react-docsite-components": "^8.12.2",
-    "@fluentui/font-icons-mdl2": "^8.5.13",
-    "@fluentui/set-version": "^8.2.6",
-    "@fluentui/theme-samples": "^8.7.79",
-    "@fluentui/react-monaco-editor": "^1.7.79",
+    "@fluentui/azure-themes": "^8.6.1",
+    "@fluentui/react-docsite-components": "^8.12.4",
+    "@fluentui/font-icons-mdl2": "^8.5.15",
+    "@fluentui/set-version": "^8.2.8",
+    "@fluentui/theme-samples": "^8.7.81",
+    "@fluentui/react-monaco-editor": "^1.7.81",
     "office-ui-fabric-core": "^11.0.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/public-docsite-v9/.storybook/fix-title.js

@@ -1,6 +1,11 @@
 const fs = require('fs');
 const path = require('path');
 
+/**
+ *
+ * @param {string} filePath
+ * @param {string} title
+ */
 function fixTitle(filePath, title) {
   const htmlDocumentPath = path.resolve(__dirname, filePath);
   const htmlDocument = fs.readFileSync(htmlDocumentPath, 'utf-8');

apps/public-docsite-v9/.storybook/main.js

@@ -1,16 +1,9 @@
-// @ts-check
-
-const {
-  getPackageStoriesGlob,
-  createPathAliasesConfig,
-  registerTsPaths,
-  rules,
-  registerRules,
-} = require('@fluentui/scripts-storybook');
+const path = require('path');
+const { getPackageStoriesGlob, registerTsPaths, rules, registerRules } = require('@fluentui/scripts-storybook');
 
 const rootMain = require('../../../.storybook/main');
 
-const { tsConfigAllPath } = createPathAliasesConfig();
+const tsConfigAllPath = path.join(__dirname, '../../../tsconfig.base.all.json');
 
 module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript'|'babel'>} */ ({
   ...rootMain,

apps/public-docsite-v9/.storybook/preview.js

@@ -1,6 +1,8 @@
+import * as rootPreview from '../../../.storybook/preview';
+
 import { FluentDocsContainer } from '../src/DocsComponents/FluentDocsContainer.stories';
 import { FluentDocsPage } from '../src/DocsComponents/FluentDocsPage.stories';
-import * as rootPreview from '../../../.storybook/preview';
+
 import './docs-root-v9.css';
 
 /** @type {NonNullable<import('@storybook/react').Story['decorators']>} */

apps/public-docsite-v9/.storybook/theme.js

@@ -1,4 +1,5 @@
 import { create } from '@storybook/theming';
+
 import logo from '../public/fluentui-logo.svg';
 
 /**

apps/public-docsite-v9/.storybook/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "types": ["node", "static-assets", "storybook__addons"]
+  },
+  "include": ["*.js"]
+}

apps/public-docsite-v9/package.json

@@ -12,6 +12,7 @@
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
+    "type-check": "just-scripts type-check",
     "start": "yarn storybook:docs",
     "storybook": "start-storybook --port 3000 --no-manager-cache",
     "storybook:docs": "yarn storybook --docs"
@@ -25,7 +26,7 @@
     "@fluentui/react-datepicker-compat": "^0.0.1",
     "@fluentui/react-migration-v8-v9": "^9.2.10",
     "@fluentui/react-migration-v0-v9": "9.0.0-alpha.0",
-    "@fluentui/react": "^8.108.2",
+    "@fluentui/react": "^8.109.0",
     "@fluentui/react-northstar": "^0.66.4",
     "@fluentui/react-icons-northstar": "^0.66.4",
     "@fluentui/react-components": "^9.19.1",

apps/public-docsite-v9/tsconfig.app.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "ES2019",
+    "noEmit": false,
+    "outDir": "lib",
+    "jsx": "react",
+    "sourceMap": true,
+    "types": ["webpack-env"]
+  },
+  "include": ["src"]
+}

apps/public-docsite-v9/tsconfig.json

@@ -1,21 +1,23 @@
 {
+  "extends": "../../tsconfig.base.all.json",
   "compilerOptions": {
-    "target": "es5",
-    "outDir": "lib",
-    "module": "commonjs",
-    "jsx": "react",
-    "declaration": true,
-    "sourceMap": true,
+    "module": "ESNext",
+    "target": "ES2019",
     "noEmit": true,
     "experimentalDecorators": true,
     "noUnusedLocals": true,
-    "forceConsistentCasingInFileNames": true,
     "strictNullChecks": true,
     "noImplicitAny": true,
-    "moduleResolution": "node",
-    "preserveConstEnums": true,
-    "skipLibCheck": true,
-    "types": ["webpack-env", "@storybook/react"]
+    "types": ["webpack-env"]
   },
-  "include": ["src"]
+  "include": [],
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./.storybook/tsconfig.json"
+    }
+  ]
 }

apps/public-docsite/package.json

@@ -23,29 +23,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/common-styles": "^1.2.22",
+    "@fluentui/common-styles": "^1.2.24",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-monaco-editor": "^1.7.79",
+    "@fluentui/react-monaco-editor": "^1.7.81",
     "write-file-webpack-plugin": "^4.1.0",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/font-icons-mdl2": "^8.5.13",
+    "@fluentui/font-icons-mdl2": "^8.5.15",
     "@fluentui/public-docsite-resources": "^8.1.41",
-    "@fluentui/public-docsite-setup": "^0.3.18",
-    "@fluentui/react": "^8.108.2",
-    "@fluentui/react-docsite-components": "^8.12.2",
+    "@fluentui/public-docsite-setup": "^0.3.19",
+    "@fluentui/react": "^8.109.0",
+    "@fluentui/react-docsite-components": "^8.12.4",
     "@fluentui/react-examples": "^8.34.4",
-    "@fluentui/react-experiments": "^8.14.74",
-    "@fluentui/fluent2-theme": "^8.107.3",
-    "@fluentui/react-file-type-icons": "^8.8.13",
-    "@fluentui/react-icons-mdl2": "^1.3.37",
-    "@fluentui/react-icons-mdl2-branded": "^1.2.38",
-    "@fluentui/set-version": "^8.2.6",
-    "@fluentui/theme": "^2.6.25",
-    "@fluentui/theme-samples": "^8.7.79",
-    "@fluentui/utilities": "^8.13.9",
+    "@fluentui/react-experiments": "^8.14.76",
+    "@fluentui/fluent2-theme": "^8.107.5",
+    "@fluentui/react-file-type-icons": "^8.8.15",
+    "@fluentui/react-icons-mdl2": "^1.3.39",
+    "@fluentui/react-icons-mdl2-branded": "^1.2.40",
+    "@fluentui/set-version": "^8.2.8",
+    "@fluentui/theme": "^2.6.27",
+    "@fluentui/theme-samples": "^8.7.81",
+    "@fluentui/utilities": "^8.13.11",
     "@microsoft/load-themed-styles": "^1.10.26",
     "office-ui-fabric-core": "^11.0.0",
     "react": "17.0.2",

apps/react-18-tests-v8/package.json

@@ -21,8 +21,8 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.108.2",
-    "@fluentui/react-hooks": "^8.6.20",
+    "@fluentui/react": "^8.109.0",
+    "@fluentui/react-hooks": "^8.6.22",
     "@types/react": "18.0.14",
     "@types/react-dom": "18.0.6",
     "react": "18.2.0",

apps/ssr-tests/package.json

@@ -13,7 +13,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/react": "^8.108.2",
+    "@fluentui/react": "^8.109.0",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@types/mocha": "7.0.2",
     "@fluentui/public-docsite-resources": "^8.1.41",

apps/stress-test/package.json

@@ -10,7 +10,7 @@
     "type-check": "tsc -b tsconfig.type.json"
   },
   "dependencies": {
-    "@fluentui/react": "^8.108.2",
+    "@fluentui/react": "^8.109.0",
     "@fluentui/react-components": "^9.19.1",
     "@fluentui/react-icons": "^2.0.196",
     "@fluentui/web-components": "^2.5.14",

apps/stress-test/webpack/webpack.config.ts

@@ -2,7 +2,7 @@ import * as path from 'path';
 import { fileURLToPath } from 'url';
 import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { registerTsPaths, createPathAliasesConfig, rules } from '@fluentui/scripts-storybook';
+import { registerTsPaths, rules } from '@fluentui/scripts-storybook';
 import { configurePages } from './pageConfig.js';
 import { configureGriffel } from './griffelConfig.js';
 import * as WebpackDevServer from 'webpack-dev-server';
@@ -12,7 +12,7 @@ const enabledReactProfiling = true;
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
-const { tsConfigAllPath } = createPathAliasesConfig();
+const tsConfigAllPath = path.join(__dirname, '../../../tsconfig.base.all.json');
 
 type WebpackArgs = {
   mode: 'production' | 'development' | 'none';

apps/theming-designer/package.json

@@ -19,13 +19,13 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.108.2",
-    "@fluentui/merge-styles": "^8.5.7",
-    "@fluentui/react-docsite-components": "^8.12.2",
-    "@fluentui/foundation-legacy": "^8.2.33",
-    "@fluentui/scheme-utilities": "^8.3.26",
-    "@fluentui/set-version": "^8.2.6",
-    "@fluentui/font-icons-mdl2": "^8.5.13",
+    "@fluentui/react": "^8.109.0",
+    "@fluentui/merge-styles": "^8.5.9",
+    "@fluentui/react-docsite-components": "^8.12.4",
+    "@fluentui/foundation-legacy": "^8.2.35",
+    "@fluentui/scheme-utilities": "^8.3.28",
+    "@fluentui/set-version": "^8.2.8",
+    "@fluentui/font-icons-mdl2": "^8.5.15",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/ts-minbar-test-react/package.json

@@ -5,7 +5,7 @@
   "description": "Testing Fluent UI React compatibility with Typescript 3.9",
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react": "^8.108.2"
+    "@fluentui/react": "^8.109.0"
   },
   "scripts": {
     "type-check": "tsc -p .",

apps/vr-tests/package.json

@@ -20,12 +20,12 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/example-data": "^8.4.7",
-    "@fluentui/font-icons-mdl2": "^8.5.13",
-    "@fluentui/react": "^8.108.2",
-    "@fluentui/react-experiments": "^8.14.74",
-    "@fluentui/react-hooks": "^8.6.20",
-    "@fluentui/react-icons-mdl2": "^1.3.37",
+    "@fluentui/example-data": "^8.4.8",
+    "@fluentui/font-icons-mdl2": "^8.5.15",
+    "@fluentui/react": "^8.109.0",
+    "@fluentui/react-experiments": "^8.14.76",
+    "@fluentui/react-hooks": "^8.6.22",
+    "@fluentui/react-icons-mdl2": "^1.3.39",
     "@fluentui/storybook": "^1.0.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",

azure-pipelines.yml

@@ -31,7 +31,8 @@ jobs:
       - script: |
           yarn nx workspace-lint
           yarn nx run @fluentui/nx-workspace-tools:check-graph
-        displayName: NX workspace lint
+          yarn nx workspace-generator tsconfig-base-all --verify
+        displayName: Workspace lint
 
       - script: |
           # @fluentui/api-docs is used within apps/public-docsite-resources/just.config.ts, thus it needs to be build in advance

change/@fluentui-react-avatar-4dcc2dda-2c06-40ae-a470-fe31e7e590c0.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: move makeStyles() calls to .styles.ts files",
+  "packageName": "@fluentui/react-avatar",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-badge-4331f494-c456-4abe-979c-b6b951160968.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: move makeStyles() calls to .styles.ts files",
+  "packageName": "@fluentui/react-badge",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-button-4dd3c0d3-ef8c-4cad-9037-d02351896796.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: move makeStyles() calls to .styles.ts files",
+  "packageName": "@fluentui/react-button",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-checkbox-320896ab-38af-4156-89fe-216ef2406e87.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: move makeStyles() calls to .styles.ts files",
+  "packageName": "@fluentui/react-checkbox",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-datepicker-compat-6171355b-d1b3-4486-9dd1-60593ea037f8.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: move makeStyles() calls to .styles.ts files",
+  "packageName": "@fluentui/react-datepicker-compat",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-field-0ba2564a-2a43-4917-badc-1b34a24559b6.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: move makeStyles() calls to .styles.ts files",
+  "packageName": "@fluentui/react-field",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}