diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json
index 763bd7bf6fbb8..a5f1300f6d1a6 100644
--- a/apps/perf-test-react-components/package.json
+++ b/apps/perf-test-react-components/package.json
@@ -19,14 +19,14 @@
   },
   "dependencies": {
     "@fluentui/scripts-perf-test-flamegrill": "*",
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-button": "^9.3.16",
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-infobutton": "9.0.0-beta.34",
-    "@fluentui/react-persona": "^9.2.15",
-    "@fluentui/react-provider": "^9.7.2",
-    "@fluentui/react-spinbutton": "^9.2.16",
-    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-button": "^9.3.17",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-infobutton": "9.0.0-beta.35",
+    "@fluentui/react-persona": "^9.2.16",
+    "@fluentui/react-provider": "^9.7.3",
+    "@fluentui/react-spinbutton": "^9.2.17",
+    "@fluentui/react-theme": "^9.1.9",
     "@griffel/core": "^1.11.0",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json
index 4b514f6143bc6..32c74b596f3e8 100644
--- a/apps/perf-test/package.json
+++ b/apps/perf-test/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "@fluentui/scripts-perf-test-flamegrill": "*",
     "@fluentui/example-data": "^8.4.11",
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json
index 96bcfb8acfe8b..249e3299c3c15 100644
--- a/apps/public-docsite-resources/package.json
+++ b/apps/public-docsite-resources/package.json
@@ -27,22 +27,22 @@
     "update-snapshots": "just-scripts jest -u"
   },
   "devDependencies": {
-    "@fluentui/api-docs": "^8.2.10",
+    "@fluentui/api-docs": "^8.2.11",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/scripts-monorepo": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/react-examples": "^8.34.4",
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/azure-themes": "^8.6.16",
-    "@fluentui/react-docsite-components": "^8.12.21",
-    "@fluentui/font-icons-mdl2": "^8.5.21",
+    "@fluentui/azure-themes": "^8.6.18",
+    "@fluentui/react-docsite-components": "^8.12.24",
+    "@fluentui/font-icons-mdl2": "^8.5.22",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/theme-samples": "^8.7.95",
-    "@fluentui/react-monaco-editor": "^1.7.98",
+    "@fluentui/theme-samples": "^8.7.97",
+    "@fluentui/react-monaco-editor": "^1.7.101",
     "office-ui-fabric-core": "^11.0.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
index a6f71366556b4..acdcb7daeb81d 100644
--- a/apps/public-docsite-v9/package.json
+++ b/apps/public-docsite-v9/package.json
@@ -23,13 +23,13 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-datepicker-compat": "^0.1.5",
-    "@fluentui/react-migration-v8-v9": "^9.2.16",
-    "@fluentui/react-migration-v0-v9": "^9.0.2",
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react-datepicker-compat": "^0.1.6",
+    "@fluentui/react-migration-v8-v9": "^9.3.0",
+    "@fluentui/react-migration-v0-v9": "^9.0.3",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/react-northstar": "^0.66.4",
     "@fluentui/react-icons-northstar": "^0.66.4",
-    "@fluentui/react-components": "^9.21.0",
+    "@fluentui/react-components": "^9.22.0",
     "@fluentui/react-storybook-addon": "9.0.0-rc.1",
     "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0",
     "@fluentui/theme-designer": "^9.0.0",
diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts
index b297debd8eb93..9f574e1c723c7 100644
--- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts
+++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts
@@ -135,6 +135,8 @@ export const alias = {
   colorCompoundBrandForeground1Pressed: 'brand[60]',
   colorBrandForeground1: 'brand[80]',
   colorBrandForeground2: 'brand[70]',
+  colorBrandForeground2Hover: 'brand[60]',
+  colorBrandForeground2Pressed: 'brand[30]',
   colorNeutralForeground1Static: 'grey[14]',
   colorNeutralForegroundInverted: 'white',
   colorNeutralForegroundInvertedHover: 'white',
@@ -204,6 +206,8 @@ export const alias = {
   colorCompoundBrandBackgroundPressed: 'brand[60]',
   colorBrandBackgroundStatic: 'brand[80]',
   colorBrandBackground2: 'brand[160]',
+  colorBrandBackground2Hover: 'brand[150]',
+  colorBrandBackground2Pressed: 'brand[130]',
   colorBrandBackgroundInverted: 'white',
   colorBrandBackgroundInvertedHover: 'brand[160]',
   colorBrandBackgroundInvertedPressed: 'brand[140]',
@@ -218,6 +222,7 @@ export const alias = {
   colorNeutralStroke1Selected: 'grey[74]',
   colorNeutralStroke2: 'grey[88]',
   colorNeutralStroke3: 'grey[94]',
+  colorNeutralStrokeSubtle: 'grey[88]',
   colorNeutralStrokeOnBrand: 'white',
   colorNeutralStrokeOnBrand2: 'white',
   colorNeutralStrokeOnBrand2Hover: 'white',
@@ -225,6 +230,8 @@ export const alias = {
   colorNeutralStrokeOnBrand2Selected: 'white',
   colorBrandStroke1: 'brand[80]',
   colorBrandStroke2: 'brand[140]',
+  colorBrandStroke2Hover: 'brand[120]',
+  colorBrandStroke2Pressed: 'brand[80]',
   colorCompoundBrandStroke: 'brand[80]',
   colorCompoundBrandStrokeHover: 'brand[70]',
   colorCompoundBrandStrokePressed: 'brand[60]',
diff --git a/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts b/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts
index 554cd05a74ce2..c1d96fd6ced19 100644
--- a/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts
+++ b/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts
@@ -47,6 +47,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorCompoundBrandForeground1Pressed: palette.themeDark,
     colorBrandForeground1: palette.themePrimary,
     colorBrandForeground2: palette.themeDarkAlt,
+    colorBrandForeground2Hover: palette.themeDarkAlt,
+    colorBrandForeground2Pressed: palette.themeDarkAlt,
     colorNeutralForeground1Static: palette.neutralPrimary,
     colorNeutralForegroundInverted: palette.white,
     colorNeutralForegroundInvertedHover: palette.white,
@@ -123,6 +125,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorCompoundBrandBackgroundPressed: palette.themeDark,
     colorBrandBackgroundStatic: palette.themePrimary,
     colorBrandBackground2: palette.themeLighterAlt,
+    colorBrandBackground2Hover: palette.themeLighterAlt,
+    colorBrandBackground2Pressed: palette.themeLighterAlt,
     colorBrandBackgroundInverted: palette.white,
     colorBrandBackgroundInvertedHover: palette.themeLighterAlt,
     colorBrandBackgroundInvertedPressed: palette.themeLight,
@@ -137,6 +141,7 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorNeutralStroke1Selected: palette.neutralTertiaryAlt,
     colorNeutralStroke2: palette.neutralQuaternaryAlt,
     colorNeutralStroke3: palette.neutralLighter,
+    colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,
     colorNeutralStrokeOnBrand: palette.white,
     colorNeutralStrokeOnBrand2: palette.white,
     colorNeutralStrokeOnBrand2Hover: palette.white,
@@ -144,6 +149,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorNeutralStrokeOnBrand2Selected: palette.white,
     colorBrandStroke1: palette.themePrimary,
     colorBrandStroke2: palette.themeLight,
+    colorBrandStroke2Hover: palette.themeLight,
+    colorBrandStroke2Pressed: palette.themeLight,
     colorCompoundBrandStroke: palette.themePrimary,
     colorCompoundBrandStrokeHover: palette.themeDarkAlt,
     colorCompoundBrandStrokePressed: palette.themeDark,
diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json
index dafb2140289d7..d64eaf156b283 100644
--- a/apps/public-docsite/package.json
+++ b/apps/public-docsite/package.json
@@ -23,29 +23,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/common-styles": "^1.2.30",
+    "@fluentui/common-styles": "^1.2.31",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-monaco-editor": "^1.7.98",
+    "@fluentui/react-monaco-editor": "^1.7.101",
     "write-file-webpack-plugin": "^4.1.0",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/font-icons-mdl2": "^8.5.21",
+    "@fluentui/font-icons-mdl2": "^8.5.22",
     "@fluentui/public-docsite-resources": "^8.1.41",
     "@fluentui/public-docsite-setup": "^0.3.21",
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/react-docsite-components": "^8.12.21",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/react-docsite-components": "^8.12.24",
     "@fluentui/react-examples": "^8.34.4",
-    "@fluentui/react-experiments": "^8.14.90",
-    "@fluentui/fluent2-theme": "^8.107.21",
-    "@fluentui/react-file-type-icons": "^8.9.0",
-    "@fluentui/react-icons-mdl2": "^1.3.45",
-    "@fluentui/react-icons-mdl2-branded": "^1.2.46",
+    "@fluentui/react-experiments": "^8.14.92",
+    "@fluentui/fluent2-theme": "^8.107.23",
+    "@fluentui/react-file-type-icons": "^8.9.2",
+    "@fluentui/react-icons-mdl2": "^1.3.46",
+    "@fluentui/react-icons-mdl2-branded": "^1.2.47",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/theme": "^2.6.32",
-    "@fluentui/theme-samples": "^8.7.95",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/theme": "^2.6.33",
+    "@fluentui/theme-samples": "^8.7.97",
+    "@fluentui/utilities": "^8.13.17",
     "@microsoft/load-themed-styles": "^1.10.26",
     "office-ui-fabric-core": "^11.0.0",
     "react": "17.0.2",
diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json
index 2d855717d1fe0..99555140327c2 100644
--- a/apps/react-18-tests-v8/package.json
+++ b/apps/react-18-tests-v8/package.json
@@ -21,8 +21,8 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/react-hooks": "^8.6.27",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/react-hooks": "^8.6.28",
     "@types/react": "18.0.14",
     "@types/react-dom": "18.0.6",
     "react": "18.2.0",
diff --git a/apps/react-18-tests-v9/package.json b/apps/react-18-tests-v9/package.json
index 422bf827527b4..9baf6757ff033 100644
--- a/apps/react-18-tests-v9/package.json
+++ b/apps/react-18-tests-v9/package.json
@@ -19,7 +19,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.21.0",
+    "@fluentui/react-components": "^9.22.0",
     "@types/react": "18.0.14",
     "@types/react-dom": "18.0.6",
     "react": "18.2.0",
diff --git a/apps/recipes-react-components/package.json b/apps/recipes-react-components/package.json
index d6a9cd9624221..e783564d578ee 100644
--- a/apps/recipes-react-components/package.json
+++ b/apps/recipes-react-components/package.json
@@ -16,10 +16,10 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.21.0",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-provider": "^9.7.2",
+    "@fluentui/react-components": "^9.22.0",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-provider": "^9.7.3",
     "@fluentui/react-storybook-addon": "9.0.0-rc.1",
     "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0",
     "@griffel/react": "^1.5.7",
diff --git a/apps/ssr-tests-v9/package.json b/apps/ssr-tests-v9/package.json
index 4a5b6ccb4bbb7..9991faa10ca83 100644
--- a/apps/ssr-tests-v9/package.json
+++ b/apps/ssr-tests-v9/package.json
@@ -18,7 +18,7 @@
     "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.21.0"
+    "@fluentui/react-components": "^9.22.0"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json
index 9063d5ebd8f2d..04ffbcb6ecb85 100644
--- a/apps/ssr-tests/package.json
+++ b/apps/ssr-tests/package.json
@@ -13,7 +13,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@types/mocha": "7.0.2",
     "@fluentui/public-docsite-resources": "^8.1.41",
diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json
index 69eb8e8002889..eb1c872b4f50f 100644
--- a/apps/stress-test/package.json
+++ b/apps/stress-test/package.json
@@ -10,9 +10,9 @@
     "type-check": "tsc -b tsconfig.type.json"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/react-components": "^9.21.0",
-    "@fluentui/react-icons": "^2.0.196",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/react-components": "^9.22.0",
+    "@fluentui/react-icons": "^2.0.203",
     "@fluentui/web-components": "^2.5.15",
     "@microsoft/fast-element": "^1.11.1",
     "afterframe": "1.0.2",
diff --git a/apps/test-bundles/just.config.ts b/apps/test-bundles/just.config.ts
index be622350d1468..73a68e195f033 100644
--- a/apps/test-bundles/just.config.ts
+++ b/apps/test-bundles/just.config.ts
@@ -1,14 +1,35 @@
-import { preset, task, resolveCwd } from '@fluentui/scripts-tasks';
+import * as path from 'path';
+import { preset, task, series } from '@fluentui/scripts-tasks';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - parallel-webpack has no types
 import { run } from 'parallel-webpack';
 
+import { bundleSizeCollect } from './scripts/bundle-size-collect';
+import { mergeBundleSizes } from './scripts/merge-bundlesizes';
+
 preset();
 
 // This pacakge doesn't currently have any files that are included in the eslint task
 // (it only runs on src, not config files)
 task('code-style', 'prettier');
 
+task('bundle-size-collect', () => {
+  const packageName = process.env.PACKAGE ?? '';
+  bundleSizeCollect({ packageName });
+});
+
 task('bundle', done => {
-  run(resolveCwd('webpack.config.js'), {}, done);
+  const configPath = path.join(__dirname, 'webpack.config.js');
+  const options = {};
+  run(configPath, options, done);
 });
+
+task('bundle-size-merge', () => {
+  const root = path.join(__dirname, 'dist');
+  mergeBundleSizes(
+    [path.join(root, 'react/bundlesize.json'), path.join(root, 'react-northstar/bundlesize.json')],
+    path.join(root, 'bundlesizes.json'),
+  );
+});
+
+task('bundle-size', series('bundle', 'bundle-size-collect'));
diff --git a/apps/test-bundles/package.json b/apps/test-bundles/package.json
index 7058fe4196c35..6218993d71f9d 100644
--- a/apps/test-bundles/package.json
+++ b/apps/test-bundles/package.json
@@ -5,14 +5,13 @@
   "private": true,
   "license": "MIT",
   "scripts": {
-    "bundle:size": "just-scripts bundle",
+    "bundle-size-auditor": "just-scripts bundle-size",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
     "just": "just-scripts"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "parallel-webpack": "^2.6.0",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"
   }
diff --git a/apps/test-bundles/scripts/bundle-size-collect.ts b/apps/test-bundles/scripts/bundle-size-collect.ts
new file mode 100644
index 0000000000000..3128e8a100ceb
--- /dev/null
+++ b/apps/test-bundles/scripts/bundle-size-collect.ts
@@ -0,0 +1,40 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+/**
+ *
+ * collates bundle size information from minified files in apps/test-bundles/dist/<packageName> and writes to apps/test-bundles/dist/<packageName>/bundlesizes.json.
+ *
+ * It is uploaded as an artifact by the build definition in Azure Dev Ops and used to compare baseline and PR file size information which gets reported by Size Auditor
+ */
+export function bundleSizeCollect(config: { packageName: string; filename?: string }) {
+  const { packageName, filename: outputFilename = 'bundlesize.json' } = config;
+
+  if (!packageName) {
+    throw new Error('🚨 No packageName provided! Set it via env variable name "PACKAGE"');
+  }
+
+  const distRoot = path.join(__dirname, '../dist', packageName.replace('@fluentui/', ''));
+
+  const sizes: Record<string, number> = {};
+
+  const items = fs.readdirSync(distRoot);
+  items.forEach(item => {
+    const file = path.join(distRoot, item);
+
+    const isMinifiedJavascriptFile = item.match(/.min.js$/);
+    if (isMinifiedJavascriptFile) {
+      sizes[getComponentName(item)] = getFilesizeInBytes(file);
+    }
+  });
+
+  fs.writeFileSync(path.join(distRoot, outputFilename), JSON.stringify({ sizes }));
+
+  function getFilesizeInBytes(fileName: string) {
+    return fs.statSync(fileName).size;
+  }
+
+  function getComponentName(fileName: string) {
+    return path.basename(fileName, '.min.js');
+  }
+}
diff --git a/apps/test-bundles/scripts/merge-bundlesizes.ts b/apps/test-bundles/scripts/merge-bundlesizes.ts
new file mode 100644
index 0000000000000..3c1b484b44f5e
--- /dev/null
+++ b/apps/test-bundles/scripts/merge-bundlesizes.ts
@@ -0,0 +1,14 @@
+import * as fs from 'fs';
+
+export function mergeBundleSizes(configPaths: string[], mergeConfigPath: string) {
+  const result: { sizes: { [entryName: string]: number } } = {
+    sizes: {},
+  };
+
+  configPaths.forEach(configPath => {
+    const json = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+    Object.assign(result.sizes, json.sizes);
+  });
+
+  fs.writeFileSync(mergeConfigPath, JSON.stringify(result));
+}
diff --git a/apps/test-bundles/webpack.config.js b/apps/test-bundles/webpack.config.js
index c8ad3119a3440..958f7f341c40d 100644
--- a/apps/test-bundles/webpack.config.js
+++ b/apps/test-bundles/webpack.config.js
@@ -1,3 +1,5 @@
+/* eslint-disable no-shadow */
+
 // @ts-check
 const {
   buildEntries,
@@ -8,21 +10,38 @@ const {
   createEntry,
 } = require('./webpackUtils');
 
-const packageName = process.env.PACKAGE;
+/**
+ *
+ * @param {string} packageName
+ * @returns
+ */
+function getEntries(packageName) {
+  if (packageName === '@fluentui/react-northstar') {
+    createFluentNorthstarFixtures();
+    const entries = buildEntries('@fluentui/react-northstar');
+    return entries;
+  }
+
+  if (packageName === '@fluentui/react') {
+    createFluentReactFixtures();
+    createEntry('@fluentui/keyboard-key');
+
+    const entries = buildEntries('@fluentui/react');
+    entries['keyboard-key'] = buildEntry('@fluentui/keyboard-key');
+    return entries;
+  }
+
+  console.error('🚨 packageName needs to be one of `@fluentui/react` or `@fluentui/react-northstar`!');
+  process.exit(1);
+}
 
-let entries;
-if (packageName === '@fluentui/react-northstar') {
-  createFluentNorthstarFixtures();
-  entries = buildEntries('@fluentui/react-northstar');
-} else if (packageName === '@fluentui/react') {
-  createFluentReactFixtures();
-  createEntry('@fluentui/keyboard-key');
+const packageName = process.env.PACKAGE ?? '';
 
-  entries = buildEntries('@fluentui/react');
-  entries['keyboard-key'] = buildEntry('@fluentui/keyboard-key');
-} else {
-  console.error('🚨 No packageName provided!');
+if (!packageName) {
+  console.error('🚨 No packageName provided! Set it via env variable name "PACKAGE"');
   process.exit(1);
 }
+const entries = getEntries(packageName);
+const config = createWebpackConfig(entries, packageName);
 
-module.exports = createWebpackConfig(entries, packageName);
+module.exports = config;
diff --git a/apps/test-bundles/webpackUtils.js b/apps/test-bundles/webpackUtils.js
index f4f997b155309..c76868a36092e 100644
--- a/apps/test-bundles/webpackUtils.js
+++ b/apps/test-bundles/webpackUtils.js
@@ -7,7 +7,14 @@ const TerserPlugin = require('terser-webpack-plugin');
 
 const FIXTURE_PATH = 'temp/fixtures/';
 
+/**
+ *
+ * @param {{[entryName:string]:{entryPath:string, includeStats:boolean}}} entries
+ * @param {string} packageName
+ * @returns
+ */
 function createWebpackConfig(entries, packageName) {
+  const normalizedPkgName = packageName.replace('@fluentui/', '');
   return Object.keys(entries).map(entryName => {
     /** @type {BundleAnalyzerPlugin.Options} */
     let anaylizerPluginOptions = {
@@ -53,6 +60,10 @@ function createWebpackConfig(entries, packageName) {
         entry: {
           [entryName]: entryPath,
         },
+        output: {
+          filename: `[name].min.js`,
+          path: path.resolve(__dirname, 'dist', normalizedPkgName),
+        },
         externals: {
           react: 'React',
           'react-dom': 'ReactDOM',
@@ -130,6 +141,9 @@ function createFluentReactFixtures() {
   });
 }
 
+/**
+ * @param {string} packageName
+ */
 function createEntry(packageName) {
   try {
     // import everything from a single package
@@ -145,11 +159,13 @@ function createEntry(packageName) {
 /**
  * Build webpack entries from created fixtures.
  *
+ * @param {string} packageName
+ * @param {{[entryName:string]:{entryPath:string, includeStats:boolean}}} [entries]
  * @param {boolean} [includeStats] - Stats are generated and used by the size auditor report
- * to check more details on what caused the bundle size change. Due to stats generation being slow,
- * and therefore slowing down CI significantly, setting this to true to avoid stats generation.
- * If bundle size is changed unexpectedly, developers can drill down deeper on the problem by
- * locally running bundle tests.
+to check more details on what caused the bundle size change. Due to stats generation being slow,
+and therefore slowing down CI significantly, setting this to true to avoid stats generation.
+If bundle size is changed unexpectedly, developers can drill down deeper on the problem by
+locally running bundle tests.
  */
 function buildEntries(packageName, entries = {}, includeStats = true) {
   const folderName = getFolderName(packageName);
@@ -169,6 +185,8 @@ function buildEntries(packageName, entries = {}, includeStats = true) {
 
 /**
  * Build entries for single fixture with top level import.
+ * @param {string} packageName
+ * @param {boolean} [includeStats]
  */
 function buildEntry(packageName, includeStats = true) {
   const folderName = getFolderName(packageName);
@@ -179,6 +197,9 @@ function buildEntry(packageName, includeStats = true) {
   };
 }
 
+/**
+ * @param {string} packageName
+ */
 function getFolderName(packageName) {
   return packageName.replace('@fluentui/', '');
 }
diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json
index 3989bc6af739e..78d9c32d50bcc 100644
--- a/apps/theming-designer/package.json
+++ b/apps/theming-designer/package.json
@@ -19,13 +19,13 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/merge-styles": "^8.5.12",
-    "@fluentui/react-docsite-components": "^8.12.21",
-    "@fluentui/foundation-legacy": "^8.2.41",
-    "@fluentui/scheme-utilities": "^8.3.33",
+    "@fluentui/react-docsite-components": "^8.12.24",
+    "@fluentui/foundation-legacy": "^8.2.42",
+    "@fluentui/scheme-utilities": "^8.3.34",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/font-icons-mdl2": "^8.5.21",
+    "@fluentui/font-icons-mdl2": "^8.5.22",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/apps/ts-minbar-test-react-components/package.json b/apps/ts-minbar-test-react-components/package.json
index 53f10b8774cea..0b69d156c7bed 100644
--- a/apps/ts-minbar-test-react-components/package.json
+++ b/apps/ts-minbar-test-react-components/package.json
@@ -5,7 +5,7 @@
   "description": "Testing Fluent UI React Components compatibility with Typescript 3.9",
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-components": "^9.21.0"
+    "@fluentui/react-components": "^9.22.0"
   },
   "scripts": {
     "type-check": "tsc -p .",
diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json
index dd9030354c1df..e4f0d79d01275 100644
--- a/apps/ts-minbar-test-react/package.json
+++ b/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.110.2"
+    "@fluentui/react": "^8.110.4"
   },
   "scripts": {
     "type-check": "tsc -p .",
diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json
index fce94cc864414..1663e438832c7 100644
--- a/apps/vr-tests-react-components/package.json
+++ b/apps/vr-tests-react-components/package.json
@@ -20,48 +20,49 @@
     "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
-    "@fluentui/react-accordion": "^9.1.16",
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-badge": "^9.1.15",
-    "@fluentui/react-button": "^9.3.16",
-    "@fluentui/react-card": "^9.0.14",
-    "@fluentui/react-checkbox": "^9.1.17",
-    "@fluentui/react-combobox": "^9.4.0",
-    "@fluentui/react-datepicker-compat": "^0.1.5",
-    "@fluentui/react-dialog": "^9.5.9",
-    "@fluentui/react-divider": "^9.2.15",
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-image": "^9.1.12",
-    "@fluentui/react-infobutton": "9.0.0-beta.34",
-    "@fluentui/react-input": "^9.4.16",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-link": "^9.0.42",
-    "@fluentui/react-menu": "^9.7.16",
-    "@fluentui/react-persona": "^9.2.15",
-    "@fluentui/react-popover": "^9.6.0",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-progress": "^9.1.16",
-    "@fluentui/react-provider": "^9.7.2",
-    "@fluentui/react-radio": "^9.1.17",
-    "@fluentui/react-select": "^9.1.16",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-skeleton": "^9.0.4",
-    "@fluentui/react-slider": "^9.1.17",
-    "@fluentui/react-spinner": "^9.2.2",
-    "@fluentui/react-spinbutton": "^9.2.16",
+    "@fluentui/react-accordion": "^9.1.17",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-badge": "^9.1.16",
+    "@fluentui/react-button": "^9.3.17",
+    "@fluentui/react-card": "^9.0.15",
+    "@fluentui/react-checkbox": "^9.1.18",
+    "@fluentui/react-combobox": "^9.4.1",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-datepicker-compat": "^0.1.6",
+    "@fluentui/react-dialog": "^9.5.10",
+    "@fluentui/react-divider": "^9.2.16",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-image": "^9.1.13",
+    "@fluentui/react-infobutton": "9.0.0-beta.35",
+    "@fluentui/react-input": "^9.4.17",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-link": "^9.0.43",
+    "@fluentui/react-menu": "^9.8.0",
+    "@fluentui/react-persona": "^9.2.16",
+    "@fluentui/react-popover": "^9.7.0",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-positioning": "^9.7.0",
+    "@fluentui/react-progress": "^9.1.17",
+    "@fluentui/react-provider": "^9.7.3",
+    "@fluentui/react-radio": "^9.1.18",
+    "@fluentui/react-select": "^9.1.17",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-skeleton": "^9.0.5",
+    "@fluentui/react-slider": "^9.1.18",
+    "@fluentui/react-spinner": "^9.2.3",
+    "@fluentui/react-spinbutton": "^9.2.17",
     "@fluentui/react-storybook-addon": "9.0.0-rc.1",
     "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0",
-    "@fluentui/react-switch": "^9.1.17",
-    "@fluentui/react-tabs": "^9.3.17",
-    "@fluentui/react-table": "^9.3.0",
-    "@fluentui/react-text": "^9.3.12",
-    "@fluentui/react-textarea": "^9.3.16",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-tooltip": "^9.2.16",
-    "@fluentui/react-toolbar": "^9.1.17",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-switch": "^9.1.18",
+    "@fluentui/react-tabs": "^9.3.18",
+    "@fluentui/react-table": "^9.4.0",
+    "@fluentui/react-text": "^9.3.13",
+    "@fluentui/react-textarea": "^9.3.17",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-tooltip": "^9.2.17",
+    "@fluentui/react-toolbar": "^9.1.18",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx b/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx
index 289dad4e6b0ca..46fb0e07605fd 100644
--- a/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx
@@ -7,6 +7,7 @@ import {
   PositioningImperativeRef,
 } from '@fluentui/react-positioning';
 import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
 import { useMergedRefs } from '@fluentui/react-utilities';
 import { tokens } from '@fluentui/react-theme';
 import { storiesOf } from '@storybook/react';
@@ -833,6 +834,163 @@ const ScrollJump: React.FC = () => {
   );
 };
 
+//
+//
+//
+
+const Context = createContext<
+  | {
+      containerRef: React.RefObject<HTMLDivElement>;
+      targetRef: React.RefObject<HTMLDivElement>;
+      open: boolean;
+      setOpen: (open: boolean) => void;
+    }
+  | undefined
+>(undefined);
+
+const Controller: React.FC<React.PropsWithChildren<{}>> = props => {
+  const [open, setOpen] = React.useState(false);
+  const children = React.Children.toArray(props.children);
+
+  const { containerRef, targetRef } = usePositioning({
+    position: 'above',
+    align: 'center',
+  });
+
+  React.useEffect(() => {
+    if (open) {
+      const scrollY = window.scrollY;
+      const button = containerRef.current?.querySelector('button');
+
+      button.focus();
+
+      setTimeout(() => {
+        const element = document.querySelector<HTMLElement>(
+          scrollY === window.scrollY ? '#test-passed' : '#test-failed',
+        );
+
+        if (element) {
+          element.style.setProperty('display', 'block');
+          element.setAttribute('id', 'test-completed');
+        }
+      }, 500);
+    }
+  }, [containerRef, open]);
+
+  return (
+    <Context.Provider value={{ setOpen, containerRef, targetRef, open }}>
+      {children[0]}
+      {open && children[1]}
+    </Context.Provider>
+  );
+};
+
+const Target: React.FC = props => {
+  const open = useContextSelector(Context, v => v!.open);
+  const setOpen = useContextSelector(Context, v => v!.setOpen);
+  const targetRef = useContextSelector(Context, v => v!.targetRef);
+
+  return React.cloneElement(props.children as React.ReactElement, {
+    'aria-expanded': `${open}`,
+    onClick: () => setOpen(true),
+    ref: targetRef,
+  });
+};
+
+const Container: React.FC = props => {
+  const containerRef = useContextSelector(Context, v => v!.containerRef);
+
+  return ReactDOM.createPortal(
+    <div style={{ position: 'absolute', left: 0, top: 0, right: 0, zIndex: 1000 }}>
+      <div ref={containerRef} style={{ background: 'white', padding: 20, border: '5px solid blue' }}>
+        {props.children}
+      </div>
+    </div>,
+    document.body,
+  );
+};
+
+const ScrollJumpContext = () => {
+  return (
+    <>
+      <div
+        style={{
+          position: 'fixed',
+          top: 10,
+          left: 100,
+          right: 100,
+
+          background: 'white',
+        }}
+      >
+        <p style={{ fontWeight: 20, border: '8px dotted magenta', padding: 10, margin: 0 }}>
+          This example simulates a scroll jump on autofocus when opening a floating element. The example uses a layout
+          effect to focus on the content of the floating box before usePopper is called. This results in the focus
+          executing before the layout effect to position the floating is executed. The scroll jump is fixed internally
+          in usePositioning by using position: fixed on the floating element before it is first positioned.
+        </p>
+        <div
+          id="test-failed"
+          style={{
+            border: '8px dotted magenta',
+            borderTop: 'none',
+            padding: 10,
+            fontSize: 20,
+            color: 'red',
+            display: 'none',
+          }}
+        >
+          Test failed, scroll jump occurred 💥
+        </div>
+        <div
+          id="test-passed"
+          style={{
+            border: '8px dotted magenta',
+            borderTop: 'none',
+            padding: 10,
+            fontSize: 20,
+            color: 'green',
+            display: 'none',
+          }}
+        >
+          Test passed ✅
+        </div>
+      </div>
+
+      <div
+        style={{
+          display: 'flex',
+          flexDirection: 'column',
+          background: 'repeating-linear-gradient(45deg, transparent, transparent 10px, #ccc 10px, #ccc 20px)',
+        }}
+      >
+        <div style={{ background: 'white', border: '4px dotted green', margin: 10, padding: 40 }}>
+          <div
+            style={{
+              display: 'flex',
+
+              background:
+                'repeating-linear-gradient(135deg, transparent, transparent 15px, #0f6cbd 10px, #0f6cbd 20px)',
+              margin: 30,
+              height: '100vh',
+            }}
+          />
+
+          <Controller>
+            <Target>
+              <button id="target">Popover trigger</button>
+            </Target>
+
+            <Container>
+              <button>Action</button>
+            </Container>
+          </Controller>
+        </div>
+      </div>
+    </>
+  );
+};
+
 storiesOf('Positioning', module)
   .addDecorator(story => (
     <div
@@ -889,15 +1047,28 @@ storiesOf('Positioning', module)
     { includeRtl: true },
   );
 
-storiesOf('Positioning (no decorator)', module).addStory('scroll jumps', () => (
-  <StoryWright
-    steps={new Steps()
-      .focus('#target')
-      .click('#target')
-      .wait('#test-completed')
-      .snapshot('positions without scroll jump')
-      .end()}
-  >
-    <ScrollJump />
-  </StoryWright>
-));
+storiesOf('Positioning (no decorator)', module)
+  .addStory('scroll jumps', () => (
+    <StoryWright
+      steps={new Steps()
+        .focus('#target')
+        .click('#target')
+        .wait('#test-completed')
+        .snapshot('positions without scroll jump')
+        .end()}
+    >
+      <ScrollJump />
+    </StoryWright>
+  ))
+  .addStory('scroll jumps (with context usage)', () => (
+    <StoryWright
+      steps={new Steps()
+        .focus('#target')
+        .click('#target')
+        .wait('#test-completed')
+        .snapshot('positions without scroll jump')
+        .end()}
+    >
+      <ScrollJumpContext />
+    </StoryWright>
+  ));
diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json
index 15b8f6e37abac..c0f92c6fd1e0d 100644
--- a/apps/vr-tests/package.json
+++ b/apps/vr-tests/package.json
@@ -21,11 +21,11 @@
   },
   "dependencies": {
     "@fluentui/example-data": "^8.4.11",
-    "@fluentui/font-icons-mdl2": "^8.5.21",
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/react-experiments": "^8.14.90",
-    "@fluentui/react-hooks": "^8.6.27",
-    "@fluentui/react-icons-mdl2": "^1.3.45",
+    "@fluentui/font-icons-mdl2": "^8.5.22",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/react-experiments": "^8.14.92",
+    "@fluentui/react-hooks": "^8.6.28",
+    "@fluentui/react-icons-mdl2": "^1.3.46",
     "@fluentui/storybook": "^1.0.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/azure-pipelines.bundlesize.yml b/azure-pipelines.bundlesize.yml
index 4ca4867581948..bd3a39f59bd16 100644
--- a/azure-pipelines.bundlesize.yml
+++ b/azure-pipelines.bundlesize.yml
@@ -12,7 +12,7 @@ variables:
   - template: .devops/templates/variables.yml
 
 jobs:
-  - job: bundlesize
+  - job: bundle_size
     workspace:
       clean: all
     pool: '1ES-Host-Ubuntu'
@@ -53,7 +53,7 @@ jobs:
 
       - template: .devops/templates/cleanup.yml
 
-  - job: build_react
+  - job: bundle_size_auditor
     workspace:
       clean: all
     timeoutInMinutes: 75
@@ -66,110 +66,39 @@ jobs:
           filePath: yarn-ci.sh
         displayName: yarn
 
-      - script: yarn build --to @fluentui/react @fluentui/keyboard-key
-        displayName: yarn build to @fluentui/react
+      - script: yarn build --to @fluentui/react @fluentui/keyboard-key @fluentui/react-northstar
+        displayName: build @fluentui/react, @fluentui/react-northstar
 
-      - script: yarn workspace @fluentui/test-bundles bundle:size
-        displayName: yarn bundle @fluentui/test-bundles
+      - script: yarn workspace @fluentui/test-bundles bundle-size-auditor
+        displayName: create @fluentui/react bundle-size entries
         env:
           PACKAGE: '@fluentui/react'
 
-      - script: yarn bundlesizecollect
-        displayName: 'Collate Bundle Size Information'
-
-      - task: PublishBuildArtifacts@1
-        displayName: 'Publish Bundle Size information to Azure Dev Ops Artifacts'
-        inputs:
-          PathtoPublish: 'apps/test-bundles/dist/bundlesize.json'
-          ArtifactName: bundlesize-react
-
-      - task: PublishBuildArtifacts@1
-        displayName: 'Publish Artifact dist folder upon build for debug'
-        inputs:
-          PathtoPublish: 'apps/test-bundles/dist'
-          ArtifactName: distdrop-react
-
-      - template: .devops/templates/cleanup.yml
-
-  - job: build_northstar
-    workspace:
-      clean: all
-    timeoutInMinutes: 75
-    pool: '1ES-Host-Ubuntu'
-    steps:
-      - template: .devops/templates/tools.yml
-
-      - task: Bash@3
-        inputs:
-          filePath: yarn-ci.sh
-        displayName: yarn
-
-      - script: yarn build --to @fluentui/react-northstar
-        displayName: yarn build to @fluentui/react-northstar
-
-      - script: yarn workspace @fluentui/test-bundles bundle:size
-        displayName: yarn bundle @fluentui/test-bundles
+      - script: yarn workspace @fluentui/test-bundles bundle-size-auditor
+        displayName: create @fluentui/react-northstar bundle-size entries
         env:
           PACKAGE: '@fluentui/react-northstar'
 
-      - script: yarn bundlesizecollect
-        displayName: 'Collate Bundle Size Information'
+      - script: yarn workspace @fluentui/test-bundles just-scripts bundle-size-merge
+        displayName: 'Merge @fluentui/react, @fluentui/react-northstar to bundlesizes.json'
 
       - task: PublishBuildArtifacts@1
-        displayName: 'Publish Bundle Size information to Azure Dev Ops Artifacts'
+        displayName: 'Publish Merged Bundle Size information'
         inputs:
-          PathtoPublish: 'apps/test-bundles/dist/bundlesize.json'
-          ArtifactName: bundlesize-northstar
+          PathtoPublish: 'apps/test-bundles/dist/bundlesizes.json'
 
       - task: PublishBuildArtifacts@1
         displayName: 'Publish Artifact dist folder upon build for debug'
         inputs:
           PathtoPublish: 'apps/test-bundles/dist'
-          ArtifactName: distdrop-northstar
+          ArtifactName: distdrop
 
       - template: .devops/templates/cleanup.yml
 
-  - job: merge
-    pool: '1ES-Host-Ubuntu'
-    dependsOn:
-      - build_northstar
-      - build_react
-    steps:
-      - checkout: none
-
-      - task: DownloadPipelineArtifact@2
-        displayName: 'Download Pipeline Artifact: @fluentui/react'
-        inputs:
-          artifactName: 'bundlesize-react'
-          targetPath: '$(Build.ArtifactStagingDirectory)/react'
-
-      - task: DownloadPipelineArtifact@2
-        displayName: 'Download Pipeline Artifact: @fluentui/react-northstar'
-        inputs:
-          artifactName: 'bundlesize-northstar'
-          targetPath: '$(Build.ArtifactStagingDirectory)/react-northstar'
-
-      - script: 'sudo apt-get install jq'
-        displayName: 'Install jq'
-
-      - script: jq -c -s 'reduce .[] as $item ({}; . * $item)' $(Build.ArtifactStagingDirectory)/react-northstar/bundlesize.json $(Build.ArtifactStagingDirectory)/react/bundlesize.json > $(Build.ArtifactStagingDirectory)/bundlesizes.json
-        displayName: 'Merge @fluentui/react, @fluentui/react-components & @fluentui/react-northstar to bundlesizes.json'
-
-      - task: PublishBuildArtifacts@1
-        displayName: 'Publish Merged Bundle Size information'
-        inputs:
-          PathtoPublish: '$(Build.ArtifactStagingDirectory)/bundlesizes.json'
-
-      - task: PublishBuildArtifacts@1
-        displayName: 'Publish Artifact dist folder upon build for debug'
-        inputs:
-          PathtoPublish: '$(Build.ArtifactStagingDirectory)'
-          ArtifactName: distdrop
-
   - job: lightrail
     pool: server
     dependsOn:
-      - merge
+      - bundle_size_auditor
     steps:
       - task: odefun.odsp-lightrail-tasks-partner.odsp-lightrail-tasks-SizeAuditorWorker.SizeAuditorWorker@0
         displayName: 'Size Auditor Check on LightRail'
diff --git a/change/@fluentui-keyboard-keys-589c6e0c-8c91-4202-8310-113c77e80d35.json b/change/@fluentui-keyboard-keys-589c6e0c-8c91-4202-8310-113c77e80d35.json
deleted file mode 100644
index af319374e5e11..0000000000000
--- a/change/@fluentui-keyboard-keys-589c6e0c-8c91-4202-8310-113c77e80d35.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "none",
-  "comment": "chore: re-generate api.md - api extractor regression",
-  "packageName": "@fluentui/keyboard-keys",
-  "email": "martinhochel@microsoft.com",
-  "dependentChangeType": "none"
-}
diff --git a/change/@fluentui-react-avatar-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json b/change/@fluentui-react-avatar-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json
deleted file mode 100644
index a146adcf6616f..0000000000000
--- a/change/@fluentui-react-avatar-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: Do not render the image when src prop is undefined.",
-  "packageName": "@fluentui/react-avatar",
-  "email": "esteban.230@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-combobox-a0ef5216-e89a-420a-9879-ec97275c3f1f.json b/change/@fluentui-react-combobox-a0ef5216-e89a-420a-9879-ec97275c3f1f.json
deleted file mode 100644
index 16795bd7a133e..0000000000000
--- a/change/@fluentui-react-combobox-a0ef5216-e89a-420a-9879-ec97275c3f1f.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: Option's checkIcon adds provided className at the end to avoid overrides.",
-  "packageName": "@fluentui/react-combobox",
-  "email": "esteban.230@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-components-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json b/change/@fluentui-react-components-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json
deleted file mode 100644
index 4ac7839ee23d9..0000000000000
--- a/change/@fluentui-react-components-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "minor",
-  "comment": "[FEATURE] Imperative scrolling functionality for react-virtualizer",
-  "packageName": "@fluentui/react-components",
-  "email": "mifraser@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-data-grid-react-window-9216b207-e3ef-40d2-814b-9e6f2267d335.json b/change/@fluentui-react-data-grid-react-window-9216b207-e3ef-40d2-814b-9e6f2267d335.json
deleted file mode 100644
index 1cd494249a19a..0000000000000
--- a/change/@fluentui-react-data-grid-react-window-9216b207-e3ef-40d2-814b-9e6f2267d335.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "Fixed an issue where columns would overflow when resizableColumns is on",
-  "packageName": "@fluentui/react-data-grid-react-window",
-  "email": "jirivyhnalek@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-datepicker-compat-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json b/change/@fluentui-react-datepicker-compat-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json
deleted file mode 100644
index a2be4b6320f6c..0000000000000
--- a/change/@fluentui-react-datepicker-compat-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "feat: Add null to value prop for controlled cases to work correctly.",
-  "packageName": "@fluentui/react-datepicker-compat",
-  "email": "esteban.230@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-dialog-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json b/change/@fluentui-react-dialog-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json
deleted file mode 100644
index e02cb92c33a98..0000000000000
--- a/change/@fluentui-react-dialog-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion.",
-  "packageName": "@fluentui/react-dialog",
-  "email": "derdem@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-infobutton-674485ad-8621-45a2-92ab-bc4d3a6b9004.json b/change/@fluentui-react-infobutton-674485ad-8621-45a2-92ab-bc4d3a6b9004.json
deleted file mode 100644
index f63fe406c3b87..0000000000000
--- a/change/@fluentui-react-infobutton-674485ad-8621-45a2-92ab-bc4d3a6b9004.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "chore: Create InfoTip component.",
-  "packageName": "@fluentui/react-infobutton",
-  "email": "esteban.230@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-infobutton-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json b/change/@fluentui-react-infobutton-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json
deleted file mode 100644
index aea65f213eb6f..0000000000000
--- a/change/@fluentui-react-infobutton-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "chore: Rename InfoTip to InfoIcon to better align with InfoButton.",
-  "packageName": "@fluentui/react-infobutton",
-  "email": "esteban.230@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-menu-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json b/change/@fluentui-react-menu-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json
deleted file mode 100644
index c162ed2b48561..0000000000000
--- a/change/@fluentui-react-menu-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "minor",
-  "comment": "feat: Add slide and fade in animation on open",
-  "packageName": "@fluentui/react-menu",
-  "email": "lingfangao@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-popover-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json b/change/@fluentui-react-popover-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json
deleted file mode 100644
index 131891cd55f8f..0000000000000
--- a/change/@fluentui-react-popover-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "minor",
-  "comment": "feat: Add slide and fade in animation on open",
-  "packageName": "@fluentui/react-popover",
-  "email": "lingfangao@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-positioning-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json b/change/@fluentui-react-positioning-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json
deleted file mode 100644
index eccf2373c1d45..0000000000000
--- a/change/@fluentui-react-positioning-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "minor",
-  "comment": "feat: Implement shared styles for slide animations",
-  "packageName": "@fluentui/react-positioning",
-  "email": "lingfangao@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-skeleton-50b8d438-835e-41ee-8cd3-503f3a0282d5.json b/change/@fluentui-react-skeleton-50b8d438-835e-41ee-8cd3-503f3a0282d5.json
deleted file mode 100644
index e8630b63c960b..0000000000000
--- a/change/@fluentui-react-skeleton-50b8d438-835e-41ee-8cd3-503f3a0282d5.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: Add reduced motion styling for Skeleton",
-  "packageName": "@fluentui/react-skeleton",
-  "email": "ololubek@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-table-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json b/change/@fluentui-react-table-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json
deleted file mode 100644
index 7d35c863072a4..0000000000000
--- a/change/@fluentui-react-table-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "minor",
-  "comment": "DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props",
-  "packageName": "@fluentui/react-table",
-  "email": "jirivyhnalek@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-utilities-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json b/change/@fluentui-react-utilities-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json
deleted file mode 100644
index 43f7648afbb42..0000000000000
--- a/change/@fluentui-react-utilities-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: getNativeElementProps should support animation event handlers",
-  "packageName": "@fluentui/react-utilities",
-  "email": "lingfangao@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-virtualizer-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json b/change/@fluentui-react-virtualizer-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json
deleted file mode 100644
index afe6c2a1cd744..0000000000000
--- a/change/@fluentui-react-virtualizer-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "feature: Add scrollTo index hook and callbacks, isScrolling flag",
-  "packageName": "@fluentui/react-virtualizer",
-  "email": "mifraser@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/lage.config.js b/lage.config.js
index 77ac03ddcbefa..0459542313df5 100644
--- a/lage.config.js
+++ b/lage.config.js
@@ -9,6 +9,7 @@ module.exports = {
     lint: ['build'],
     clean: [],
     test: ['build'],
+    'generate-api': ['^generate-api'],
     'test-ssr': [],
     'type-check': ['build'],
     'code-style': [],
diff --git a/package.json b/package.json
index 64bf873bd30f6..350c8b50eb709 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,6 @@
     "buildto": "lage build --verbose --to",
     "buildto:lerna": "node ./scripts/executors/buildTo.js",
     "bundle": "lage bundle --verbose",
-    "bundlesizecollect": "node ./scripts/generators/bundle-size-collect",
     "change": "beachball change --no-commit",
     "check:change": "beachball check",
     "check:modified-files": "node -r ./scripts/ts-node/register ./scripts/executors/check-for-modified-files",
@@ -87,7 +86,7 @@
     "@ctrl/tinycolor": "3.3.4",
     "@cypress/react": "5.12.4",
     "@cypress/webpack-dev-server": "1.8.3",
-    "@fluentui/react-icons": "^2.0.196",
+    "@fluentui/react-icons": "^2.0.203",
     "@griffel/babel-preset": "1.4.13",
     "@griffel/eslint-plugin": "^1.2.0",
     "@griffel/jest-serializer": "1.1.9",
@@ -96,9 +95,9 @@
     "@griffel/webpack-loader": "2.1.13",
     "@jest/reporters": "29.5.0",
     "@mdx-js/loader": "1.6.22",
-    "@microsoft/api-extractor": "7.28.7",
-    "@microsoft/api-extractor-model": "7.22.2",
-    "@microsoft/tsdoc": "0.14.2",
+    "@microsoft/api-extractor": "7.31.2",
+    "@microsoft/api-extractor-model": "7.24.2",
+    "@microsoft/tsdoc": "0.14.1",
     "@microsoft/eslint-plugin-sdl": "0.1.9",
     "@microsoft/load-themed-styles": "1.10.26",
     "@microsoft/loader-load-themed-styles": "2.0.17",
@@ -287,6 +286,7 @@
     "node-polyfill-webpack-plugin": "1.0.2",
     "nx": "15.6.3",
     "p-queue": "6.6.2",
+    "parallel-webpack": "2.6.0",
     "parse-diff": "0.7.1",
     "path-browserify": "1.0.1",
     "plop": "2.6.0",
@@ -344,7 +344,7 @@
     "tsconfig-paths": "4.1.0",
     "tsconfig-paths-webpack-plugin": "4.0.0",
     "tslib": "2.4.1",
-    "typescript": "4.6.4",
+    "typescript": "4.7.4",
     "vinyl": "2.2.0",
     "vrscreenshotdiff": "0.0.17",
     "webpack": "5.83.1",
diff --git a/packages/api-docs/CHANGELOG.json b/packages/api-docs/CHANGELOG.json
index aaba8a5db1ab7..9afdf7303673e 100644
--- a/packages/api-docs/CHANGELOG.json
+++ b/packages/api-docs/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/api-docs",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:38 GMT",
+      "tag": "@fluentui/api-docs_v8.2.11",
+      "version": "8.2.11",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/api-docs",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: bump api-extractor-model to support typescript 4.7"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 07:38:38 GMT",
       "tag": "@fluentui/api-docs_v8.2.10",
diff --git a/packages/api-docs/CHANGELOG.md b/packages/api-docs/CHANGELOG.md
index 13d580b344aab..e87521e0d3f24 100644
--- a/packages/api-docs/CHANGELOG.md
+++ b/packages/api-docs/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/api-docs
 
-This log was last generated on Wed, 31 May 2023 07:38:38 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/api-docs_v8.2.11)
+
+Mon, 19 Jun 2023 07:36:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/api-docs_v8.2.10..@fluentui/api-docs_v8.2.11)
+
+### Patches
+
+- chore: bump api-extractor-model to support typescript 4.7 ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
 ## [8.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/api-docs_v8.2.10)
 
 Wed, 31 May 2023 07:38:38 GMT 
diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json
index 8412a41cac627..2cba1f40399b2 100644
--- a/packages/api-docs/package.json
+++ b/packages/api-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/api-docs",
-  "version": "8.2.10",
+  "version": "8.2.11",
   "description": "Transforms API Extractor .api.json files into .page.json files",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@microsoft/api-extractor-model": "7.17.1",
+    "@microsoft/api-extractor-model": "7.24.2",
     "@microsoft/tsdoc": "0.14.1",
     "fs-extra": "^8.1.0"
   }
diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json
index 6e0e60d503c5d..b927b1640b23e 100644
--- a/packages/azure-themes/CHANGELOG.json
+++ b/packages/azure-themes/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "@fluentui/azure-themes",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/azure-themes_v8.6.18",
+      "version": "8.6.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/azure-themes",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/azure-themes_v8.6.17",
+      "version": "8.6.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/azure-themes",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/azure-themes_v8.6.16",
diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md
index 73011bb596583..abe862903324d 100644
--- a/packages/azure-themes/CHANGELOG.md
+++ b/packages/azure-themes/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/azure-themes
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.6.18](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.18)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.6.17..@fluentui/azure-themes_v8.6.18)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.6.17](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.17)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.6.16..@fluentui/azure-themes_v8.6.17)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [8.6.16](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.16)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json
index 19df38b354cb5..1c7766c27a964 100644
--- a/packages/azure-themes/package.json
+++ b/packages/azure-themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/azure-themes",
-  "version": "8.6.16",
+  "version": "8.6.18",
   "description": "Azure themes for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/set-version": "^8.2.11",
     "tslib": "^2.1.0"
   }
diff --git a/packages/common-styles/CHANGELOG.json b/packages/common-styles/CHANGELOG.json
index ed45c76bd8b13..e637ad1d598fb 100644
--- a/packages/common-styles/CHANGELOG.json
+++ b/packages/common-styles/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/common-styles",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/common-styles_v1.2.31",
+      "version": "1.2.31",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/common-styles",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/common-styles_v1.2.30",
diff --git a/packages/common-styles/CHANGELOG.md b/packages/common-styles/CHANGELOG.md
index 8e959cf58fc43..68ad6bab946f4 100644
--- a/packages/common-styles/CHANGELOG.md
+++ b/packages/common-styles/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/common-styles
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.2.31](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.31)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/common-styles_v1.2.30..@fluentui/common-styles_v1.2.31)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [1.2.30](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.30)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/common-styles/package.json b/packages/common-styles/package.json
index 1c3243a0eb45c..c25522346b5f0 100644
--- a/packages/common-styles/package.json
+++ b/packages/common-styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/common-styles",
-  "version": "1.2.30",
+  "version": "1.2.31",
   "description": "Common style definitions for Fluent UI React components",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
     "office-ui-fabric-core": "^11.0.0"
   },
   "devDependencies": {
-    "@fluentui/style-utilities": "^8.9.14",
+    "@fluentui/style-utilities": "^8.9.15",
     "@fluentui/scripts-tasks": "*"
   }
 }
diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json
index 9d2fd82c7f871..9011324ff41eb 100644
--- a/packages/cra-template/CHANGELOG.json
+++ b/packages/cra-template/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "@fluentui/cra-template",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/cra-template_v8.4.98",
+      "version": "8.4.98",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/cra-template",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/cra-template_v8.4.97",
+      "version": "8.4.97",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/cra-template",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/cra-template_v8.4.96",
diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md
index 58de51af53e18..0bb365ac2de94 100644
--- a/packages/cra-template/CHANGELOG.md
+++ b/packages/cra-template/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/cra-template
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.4.98](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.98)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.97..@fluentui/cra-template_v8.4.98)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.4.97](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.97)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.96..@fluentui/cra-template_v8.4.97)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [8.4.96](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.96)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json
index 4ca0e228332c3..2943032449a80 100644
--- a/packages/cra-template/package.json
+++ b/packages/cra-template/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/cra-template",
-  "version": "8.4.96",
+  "version": "8.4.98",
   "description": "Create React App template for Fluent UI React (@fluentui/react)",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
     "template.json"
   ],
   "devDependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/scripts-projects-test": "*",
     "@fluentui/scripts-monorepo": "*"
   }
diff --git a/packages/date-time-utilities/CHANGELOG.json b/packages/date-time-utilities/CHANGELOG.json
index e7eb6b912f13b..549f79230d29f 100644
--- a/packages/date-time-utilities/CHANGELOG.json
+++ b/packages/date-time-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/date-time-utilities",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/date-time-utilities_v8.5.13",
+      "version": "8.5.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/date-time-utilities",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 07:38:40 GMT",
       "tag": "@fluentui/date-time-utilities_v8.5.12",
diff --git a/packages/date-time-utilities/CHANGELOG.md b/packages/date-time-utilities/CHANGELOG.md
index a3da418aade91..f41629e5e918e 100644
--- a/packages/date-time-utilities/CHANGELOG.md
+++ b/packages/date-time-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/date-time-utilities
 
-This log was last generated on Wed, 31 May 2023 07:38:40 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.5.13](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.13)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/date-time-utilities_v8.5.12..@fluentui/date-time-utilities_v8.5.13)
+
+### Patches
+
+- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
 ## [8.5.12](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.12)
 
 Wed, 31 May 2023 07:38:40 GMT 
diff --git a/packages/date-time-utilities/etc/date-time-utilities.api.md b/packages/date-time-utilities/etc/date-time-utilities.api.md
index 0da93885a90d4..af45071f1a444 100644
--- a/packages/date-time-utilities/etc/date-time-utilities.api.md
+++ b/packages/date-time-utilities/etc/date-time-utilities.api.md
@@ -96,13 +96,13 @@ export const formatMonthDayYear: (date: Date, strings: IDateGridStrings) => stri
 export const formatMonthYear: (date: Date, strings: IDateGridStrings) => string;
 
 // @public
-export const formatTimeString: (date: Date, showSeconds?: boolean | undefined, useHour12?: boolean | undefined) => string;
+export const formatTimeString: (date: Date, showSeconds?: boolean, useHour12?: boolean) => string;
 
 // @public
 export const formatYear: (date: Date) => string;
 
 // @public
-export const getBoundedDateRange: (dateRange: Date[], minDate?: Date | undefined, maxDate?: Date | undefined) => Date[];
+export const getBoundedDateRange: (dateRange: Date[], minDate?: Date, maxDate?: Date) => Date[];
 
 // @public
 export const getDateFromTimeSelection: (useHour12: boolean, dateStartAnchor: Date, selectedTime: string) => Date;
diff --git a/packages/date-time-utilities/package.json b/packages/date-time-utilities/package.json
index a7a05877e05af..1509bde4beee3 100644
--- a/packages/date-time-utilities/package.json
+++ b/packages/date-time-utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/date-time-utilities",
-  "version": "8.5.12",
+  "version": "8.5.13",
   "description": "Date-time utilities",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json
index 2e589e65bc1b4..7550ed9225d4b 100644
--- a/packages/fluent2-theme/CHANGELOG.json
+++ b/packages/fluent2-theme/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "@fluentui/fluent2-theme",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/fluent2-theme_v8.107.23",
+      "version": "8.107.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/fluent2-theme",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/fluent2-theme_v8.107.22",
+      "version": "8.107.22",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/fluent2-theme",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 09 Jun 2023 07:33:46 GMT",
       "tag": "@fluentui/fluent2-theme_v8.107.21",
diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md
index 1fd0ff5aa5a3f..eacffc9d73db2 100644
--- a/packages/fluent2-theme/CHANGELOG.md
+++ b/packages/fluent2-theme/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/fluent2-theme
 
-This log was last generated on Fri, 09 Jun 2023 07:33:46 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.107.23](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.23)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.22..@fluentui/fluent2-theme_v8.107.23)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.107.22](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.22)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.21..@fluentui/fluent2-theme_v8.107.22)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [8.107.21](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.21)
 
 Fri, 09 Jun 2023 07:33:46 GMT 
diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json
index df19ad5bc7307..a873d99d56abb 100644
--- a/packages/fluent2-theme/package.json
+++ b/packages/fluent2-theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/fluent2-theme",
-  "version": "8.107.21",
+  "version": "8.107.23",
   "description": "A Fluent2 theme for Fluent UI React 8.x",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/set-version": "^8.2.11",
     "tslib": "^2.1.0"
   }
diff --git a/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx b/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx
index f3aee1fa8c450..05015b944fb9c 100644
--- a/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx
+++ b/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx
@@ -99,7 +99,7 @@ export const Portal: React.FC<PortalProps> & FluentComponentStaticProps<PortalPr
 
   const renderPortal = (): JSX.Element | undefined => {
     const contentToRender = childrenExist(children) ? children : content;
-    const focusTrapZoneProps = (_.keys(trapFocus).length && trapFocus) || {};
+    const focusTrapZoneProps = typeof trapFocus === 'boolean' ? {} : trapFocus;
     return (
       open && (
         <Ref innerRef={portalRef}>
diff --git a/packages/font-icons-mdl2/CHANGELOG.json b/packages/font-icons-mdl2/CHANGELOG.json
index 88a4231a8ab48..5fa706ce096cd 100644
--- a/packages/font-icons-mdl2/CHANGELOG.json
+++ b/packages/font-icons-mdl2/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/font-icons-mdl2",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/font-icons-mdl2_v8.5.22",
+      "version": "8.5.22",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/font-icons-mdl2",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/font-icons-mdl2",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/font-icons-mdl2_v8.5.21",
diff --git a/packages/font-icons-mdl2/CHANGELOG.md b/packages/font-icons-mdl2/CHANGELOG.md
index f713c64d3d4c3..87836b0c4bf1b 100644
--- a/packages/font-icons-mdl2/CHANGELOG.md
+++ b/packages/font-icons-mdl2/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/font-icons-mdl2
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.5.22](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.22)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/font-icons-mdl2_v8.5.21..@fluentui/font-icons-mdl2_v8.5.22)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [8.5.21](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.21)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json
index 7fd56fec01c38..893f1caca6191 100644
--- a/packages/font-icons-mdl2/package.json
+++ b/packages/font-icons-mdl2/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/font-icons-mdl2",
-  "version": "8.5.21",
+  "version": "8.5.22",
   "description": "Fluent UI React icon set.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,8 +28,8 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/style-utilities": "^8.9.14",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/style-utilities": "^8.9.15",
+    "@fluentui/utilities": "^8.13.17",
     "tslib": "^2.1.0"
   },
   "exports": {
diff --git a/packages/foundation-legacy/CHANGELOG.json b/packages/foundation-legacy/CHANGELOG.json
index 790705550f6c7..f26b2c2457728 100644
--- a/packages/foundation-legacy/CHANGELOG.json
+++ b/packages/foundation-legacy/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/foundation-legacy",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/foundation-legacy_v8.2.42",
+      "version": "8.2.42",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/foundation-legacy",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/foundation-legacy",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/foundation-legacy_v8.2.41",
diff --git a/packages/foundation-legacy/CHANGELOG.md b/packages/foundation-legacy/CHANGELOG.md
index 6f169f2701a06..ef030e0640d40 100644
--- a/packages/foundation-legacy/CHANGELOG.md
+++ b/packages/foundation-legacy/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/foundation-legacy
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.2.42](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.42)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/foundation-legacy_v8.2.41..@fluentui/foundation-legacy_v8.2.42)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [8.2.41](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.41)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/foundation-legacy/package.json b/packages/foundation-legacy/package.json
index f77ae125cf7ec..a7b0c43ea958d 100644
--- a/packages/foundation-legacy/package.json
+++ b/packages/foundation-legacy/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/foundation-legacy",
-  "version": "8.2.41",
+  "version": "8.2.42",
   "description": "Legacy utilities for building Fluent UI React components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -36,8 +36,8 @@
   "dependencies": {
     "@fluentui/merge-styles": "^8.5.12",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/style-utilities": "^8.9.14",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/style-utilities": "^8.9.15",
+    "@fluentui/utilities": "^8.13.17",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json
index ca671e944d83e..a759c6501d998 100644
--- a/packages/react-cards/CHANGELOG.json
+++ b/packages/react-cards/CHANGELOG.json
@@ -1,6 +1,42 @@
 {
   "name": "@fluentui/react-cards",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-cards_v0.205.97",
+      "version": "0.205.97",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-cards",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-cards",
+            "comment": "Bump @fluentui/foundation-legacy to v8.2.42",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/react-cards_v0.205.96",
+      "version": "0.205.96",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-cards",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/react-cards_v0.205.95",
diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md
index 3a0fdbc71e56f..c5626ec90bb33 100644
--- a/packages/react-cards/CHANGELOG.md
+++ b/packages/react-cards/CHANGELOG.md
@@ -1,9 +1,28 @@
 # Change Log - @fluentui/react-cards
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.205.97](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.97)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.96..@fluentui/react-cards_v0.205.97)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/foundation-legacy to v8.2.42 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [0.205.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.96)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.95..@fluentui/react-cards_v0.205.96)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [0.205.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.95)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json
index 50d4e0cd4bfea..887cc9e283711 100644
--- a/packages/react-cards/package.json
+++ b/packages/react-cards/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-cards",
-  "version": "0.205.95",
+  "version": "0.205.97",
   "description": "Deprecated experimental Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,8 +34,8 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/foundation-legacy": "^8.2.41",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/foundation-legacy": "^8.2.42",
     "@fluentui/set-version": "^8.2.11",
     "@microsoft/load-themed-styles": "^1.10.26",
     "tslib": "^2.1.0"
diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json
index cc971bc96fac4..884c25fae9199 100644
--- a/packages/react-charting/CHANGELOG.json
+++ b/packages/react-charting/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 07:36:29 GMT",
+      "tag": "@fluentui/react-charting_v5.16.44",
+      "version": "5.16.44",
+      "comments": {
+        "patch": [
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "53292d2fbbb7de5f9ac7df47ab8756480dbd7bc9",
+            "comment": "Fix overlapping axis labels on smaller viewports"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-charting_v5.16.43",
+      "version": "5.16.43",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react-focus to v8.8.29",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/theme-samples to v8.7.97",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/react-charting_v5.16.42",
+      "version": "5.16.42",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/theme-samples to v8.7.96",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/react-charting_v5.16.41",
diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md
index 733e6852a7537..7f444ef7e4ce8 100644
--- a/packages/react-charting/CHANGELOG.md
+++ b/packages/react-charting/CHANGELOG.md
@@ -1,9 +1,39 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.16.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.44)
+
+Tue, 20 Jun 2023 07:36:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.43..@fluentui/react-charting_v5.16.44)
+
+### Patches
+
+- Fix overlapping axis labels on smaller viewports ([PR #28239](https://github.com/microsoft/fluentui/pull/28239) by kumarkshitij@microsoft.com)
+
+## [5.16.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.43)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.42..@fluentui/react-charting_v5.16.43)
+
+### Patches
+
+- Bump @fluentui/react-focus to v8.8.29 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/theme-samples to v8.7.97 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [5.16.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.42)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.41..@fluentui/react-charting_v5.16.42)
+
+### Patches
+
+- Bump @fluentui/theme-samples to v8.7.96 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [5.16.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.41)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json
index b17c302c7453d..e7ce56d51ea60 100644
--- a/packages/react-charting/package.json
+++ b/packages/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.16.41",
+  "version": "5.16.44",
   "description": "Experimental React charting components for building experiences for Microsoft 365.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@types/react-addons-test-utils": "0.14.18",
     "@fluentui/jest-serializer-merge-styles": "^8.0.29",
     "@fluentui/scripts-jest": "*",
@@ -37,8 +37,8 @@
     "jest-canvas-mock": "2.4.0"
   },
   "dependencies": {
-    "@fluentui/react-focus": "^8.8.28",
-    "@fluentui/theme-samples": "^8.7.95",
+    "@fluentui/react-focus": "^8.8.29",
+    "@fluentui/theme-samples": "^8.7.97",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@types/d3-array": "1.2.1",
     "@types/d3-axis": "1.0.10",
@@ -64,7 +64,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0",
diff --git a/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap b/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap
index 76fa2e8866ff2..6a7b5c01549c0 100644
--- a/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap
+++ b/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap
@@ -26,6 +26,9 @@ exports[`AreaChart - mouse events Should render callout correctly on mouseover 1
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone6"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -565,6 +568,9 @@ exports[`AreaChart - mouse events Should render customized callout on mouseover
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone6"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1001,6 +1007,9 @@ exports[`AreaChart - mouse events Should render customized callout per stack on
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone6"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1437,6 +1446,9 @@ exports[`AreaChart snapShot testing Should not render circles when optimizeLarge
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone77"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1751,6 +1763,9 @@ exports[`AreaChart snapShot testing Should render with default colors when line
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone69"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2102,6 +2117,9 @@ exports[`AreaChart snapShot testing renders Areachart correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone6"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2453,6 +2471,9 @@ exports[`AreaChart snapShot testing renders Areachart with single point correctl
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone61"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2791,6 +2812,9 @@ exports[`AreaChart snapShot testing renders enabledLegendsWrapLines correctly 1`
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone29"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3122,6 +3146,9 @@ exports[`AreaChart snapShot testing renders hideLegend hhh correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone14"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3313,6 +3340,9 @@ exports[`AreaChart snapShot testing renders hideTooltip correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone21"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3664,6 +3694,9 @@ exports[`AreaChart snapShot testing renders showXAxisLablesTooltip correctly 1`]
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone37"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -4015,6 +4048,9 @@ exports[`AreaChart snapShot testing renders wrapXAxisLables correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone45"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -4366,6 +4402,9 @@ exports[`AreaChart snapShot testing renders yAxisTickFormat correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone53"
     onFocus={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx b/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
index 55381a5f1c281..e3bb0550ee056 100644
--- a/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
+++ b/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
@@ -8,6 +8,7 @@ import {
   ICartesianChartStyleProps,
   IModifiedCartesianChartProps,
   IYValueHover,
+  IHorizontalBarChartWithAxisDataPoint,
 } from '../../index';
 import {
   ChartHoverCard,
@@ -28,7 +29,7 @@ import {
   rotateXAxisLabels,
   Points,
   pointTypes,
-  calculateLongestYAxisLabel,
+  calculateLongestLabelWidth,
   createYAxisLabels,
   ChartTypes,
 } from '../../utilities/index';
@@ -73,6 +74,7 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
   private idForGraph: string;
   private _reqID: number;
   private _isRtl: boolean = getRTL();
+  private _tickValues: (string | number)[];
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   private _xScale: any;
@@ -118,7 +120,10 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
       this.props.showYAxisLables &&
       this.yAxisElement
     ) {
-      const maxYAxisLabelLength = calculateLongestYAxisLabel(this.props.points, this.yAxisElement!);
+      const maxYAxisLabelLength = calculateLongestLabelWidth(
+        this.props.points.map((point: IHorizontalBarChartWithAxisDataPoint) => point.y),
+        `.${this._classNames.yAxis} text`,
+      );
       if (this.state.startFromX !== maxYAxisLabelLength) {
         this.setState({
           startFromX: maxYAxisLabelLength,
@@ -166,7 +171,10 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
       this.props.showYAxisLables &&
       this.yAxisElement
     ) {
-      const maxYAxisLabelLength = calculateLongestYAxisLabel(this.props.points, this.yAxisElement!);
+      const maxYAxisLabelLength = calculateLongestLabelWidth(
+        this.props.points.map((point: IHorizontalBarChartWithAxisDataPoint) => point.y),
+        `.${this._classNames.yAxis} text`,
+      );
       if (this.state.startFromX !== maxYAxisLabelLength) {
         this.setState({
           startFromX: maxYAxisLabelLength,
@@ -257,27 +265,34 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let xScale: any;
+    let tickValues: (string | number)[];
     switch (this.props.xAxisType!) {
       case XAxisTypes.NumericAxis:
-        xScale = createNumericXAxis(XAxisParams, this.props.chartType, culture);
+        ({ xScale, tickValues } = createNumericXAxis(XAxisParams, this.props.chartType, culture));
         break;
       case XAxisTypes.DateAxis:
-        xScale = createDateXAxis(
+        ({ xScale, tickValues } = createDateXAxis(
           XAxisParams,
           this.props.tickParams!,
           culture,
           dateLocalizeOptions,
           timeFormatLocale,
           customDateTimeFormatter,
-        );
+        ));
         break;
       case XAxisTypes.StringAxis:
-        xScale = createStringXAxis(XAxisParams, this.props.tickParams!, this.props.datasetForXAxisDomain!, culture);
+        ({ xScale, tickValues } = createStringXAxis(
+          XAxisParams,
+          this.props.tickParams!,
+          this.props.datasetForXAxisDomain!,
+          culture,
+        ));
         break;
       default:
-        xScale = createNumericXAxis(XAxisParams, this.props.chartType, culture);
+        ({ xScale, tickValues } = createNumericXAxis(XAxisParams, this.props.chartType, culture));
     }
     this._xScale = xScale;
+    this._tickValues = tickValues;
 
     /*
      * To enable wrapping of x axis tick values or to display complete x axis tick values,
@@ -404,7 +419,7 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
         ref={(rootElem: HTMLDivElement) => (this.chartContainer = rootElem)}
         onMouseLeave={this._onChartLeave}
       >
-        <FocusZone direction={focusDirection} {...svgFocusZoneProps}>
+        <FocusZone direction={focusDirection} className={this._classNames.chartWrapper} {...svgFocusZoneProps}>
           <svg
             width={svgDimensions.width}
             height={svgDimensions.height}
@@ -647,7 +662,9 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
       }
       if (this.props.parentRef || this.chartContainer) {
         const container = this.props.parentRef ? this.props.parentRef : this.chartContainer;
-        const currentContainerWidth = container.getBoundingClientRect().width;
+        const currentContainerWidth = this.props.enableReflow
+          ? Math.max(container.getBoundingClientRect().width, this._calculateChartMinWidth())
+          : container.getBoundingClientRect().width;
         const currentContainerHeight =
           container.getBoundingClientRect().height > legendContainerHeight
             ? container.getBoundingClientRect().height
@@ -682,4 +699,56 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
   private _onChartLeave = (): void => {
     this.props.onChartMouseLeave && this.props.onChartMouseLeave();
   };
+
+  private _calculateChartMinWidth = (): number => {
+    let labelWidth = 10; // Total padding on the left and right sides of the label
+
+    // Case: rotated labels
+    if (
+      !this.props.wrapXAxisLables &&
+      this.props.rotateXAxisLables &&
+      this.props.xAxisType! === XAxisTypes.StringAxis
+    ) {
+      const longestLabelWidth = calculateLongestLabelWidth(this._tickValues, `.${this._classNames.xAxis} text`);
+      labelWidth += Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));
+    }
+    // Case: truncated labels
+    else if (this.props.showXAxisLablesTooltip) {
+      const tickValues = this._tickValues.map(val => {
+        const numChars = this.props.noOfCharsToTruncate || 4;
+        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;
+      });
+
+      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${this._classNames.xAxis} text`);
+      labelWidth += Math.ceil(longestLabelWidth);
+    }
+    // Case: wrapped labels
+    else if (this.props.wrapXAxisLables) {
+      const words: string[] = [];
+      this._tickValues.forEach((val: string) => {
+        words.push(...val.toString().split(/\s+/));
+      });
+
+      const longestLabelWidth = calculateLongestLabelWidth(words, `.${this._classNames.xAxis} text`);
+      labelWidth += Math.max(Math.ceil(longestLabelWidth), 10);
+    }
+    // Default case
+    else {
+      const longestLabelWidth = calculateLongestLabelWidth(this._tickValues, `.${this._classNames.xAxis} text`);
+      labelWidth += Math.ceil(longestLabelWidth);
+    }
+
+    let minChartWidth = this.margins.left! + this.margins.right! + labelWidth * (this._tickValues.length - 1);
+
+    if (
+      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(
+        this.props.chartType,
+      )
+    ) {
+      const minDomainMargin = 8;
+      minChartWidth += minDomainMargin * 2;
+    }
+
+    return minChartWidth;
+  };
 }
diff --git a/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts b/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts
index 4ceebdfbc4c06..783b67fb24f27 100644
--- a/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts
+++ b/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts
@@ -19,6 +19,9 @@ export const getStyles = (props: ICartesianChartStyleProps): ICartesianChartStyl
       },
       className,
     ],
+    chartWrapper: {
+      overflow: 'auto',
+    },
     xAxis: {
       selectors: {
         text: [
diff --git a/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts b/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts
index b16ea1c54549a..982786f414379 100644
--- a/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts
+++ b/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts
@@ -146,6 +146,11 @@ export interface ICartesianChartStyles {
    * styles for the shape object in the callout
    */
   shapeStyles?: IStyle;
+
+  /**
+   * Styles for the chart wrapper div
+   */
+  chartWrapper?: IStyle;
 }
 
 export interface ICartesianChartProps {
@@ -369,6 +374,12 @@ export interface ICartesianChartProps {
    * props for the svg; use this to include aria-* or other attributes on the tag
    */
   svgProps?: React.SVGProps<SVGSVGElement>;
+
+  /**
+   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
+   * @default True for LineChart but False for other charts
+   */
+  enableReflow?: boolean;
 }
 
 export interface IYValueHover {
diff --git a/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap b/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap
index 8d0231cb09d05..f4c7cddb6106c 100644
--- a/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap
+++ b/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap
@@ -26,6 +26,9 @@ exports[`GroupedVerticalBarChart - mouse events Should render callout correctly
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -775,6 +778,9 @@ exports[`GroupedVerticalBarChart - mouse events Should render customized callout
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1444,6 +1450,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders GroupedVerticalBarChar
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2025,6 +2034,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders enabledLegendsWrapLine
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone17"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2586,6 +2598,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders hideLegend correctly 1
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone8"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2827,6 +2842,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders hideTooltip correctly
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone12"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3408,6 +3426,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders showXAxisLablesTooltip
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone22"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3989,6 +4010,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders wrapXAxisLables correc
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone27"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -4570,6 +4594,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders yAxisTickFormat correc
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone32"
     onFocus={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap b/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap
index 1502dc4c76749..b7ccb5f99e720 100644
--- a/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap
+++ b/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap
@@ -26,6 +26,9 @@ exports[`HeatMapChart - mouse events Should render callout correctly on mouseove
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -580,6 +583,9 @@ exports[`HeatMapChart snapShot testing renders HeatMapChart correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -916,6 +922,9 @@ exports[`HeatMapChart snapShot testing renders corretly even when data is not pr
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone4"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1342,6 +1351,9 @@ exports[`HeatMapChart snapShot testing renders hideLegend correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone7"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1518,6 +1530,9 @@ exports[`HeatMapChart snapShot testing renders hideTooltip correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone9"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1854,6 +1869,9 @@ exports[`HeatMapChart snapShot testing renders yAxisTickFormat correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone12"
     onFocus={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap b/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap
index 47c81b90f329c..047636d3e3e73 100644
--- a/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap
+++ b/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap
@@ -26,6 +26,9 @@ exports[`HorizontalBarChartWithAxis - mouse events Should render callout correct
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1205,6 +1208,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders HorizontalBarChartW
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1765,6 +1771,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders hideLegend correctl
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone8"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1895,6 +1904,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders showToolTipForYAxis
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone12"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2443,6 +2455,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders showYAxisLables cor
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone17"
     onFocus={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/react-charting/src/components/LineChart/LineChart.base.tsx
index 46317765e2a00..9542bb99ba65a 100644
--- a/packages/react-charting/src/components/LineChart/LineChart.base.tsx
+++ b/packages/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -143,6 +143,10 @@ export interface ILineChartState extends IBasestate {
 }
 
 export class LineChartBase extends React.Component<ILineChartProps, ILineChartState> {
+  public static defaultProps: Partial<ILineChartProps> = {
+    enableReflow: true,
+  };
+
   private _points: LineChartDataWithIndex[];
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   private _calloutPoints: any[];
diff --git a/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap b/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap
index 4afb2190e3cc4..0d62fa26cab2c 100644
--- a/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap
+++ b/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap
@@ -26,6 +26,9 @@ exports[`LineChart - mouse events Should render callout correctly on mouseover 1
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone9"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -547,6 +550,9 @@ exports[`LineChart - mouse events Should render customized callout on mouseover
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone9"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -966,6 +972,9 @@ exports[`LineChart - mouse events Should render customized callout per stack on
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone9"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1385,6 +1394,9 @@ exports[`LineChart snapShot testing Should render with default colors when line
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone85"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1719,6 +1731,9 @@ exports[`LineChart snapShot testing renders LineChart correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone9"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2053,6 +2068,9 @@ exports[`LineChart snapShot testing renders enabledLegendsWrapLines correctly 1`
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone41"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2367,6 +2385,9 @@ exports[`LineChart snapShot testing renders hideLegend correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone20"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2541,6 +2562,9 @@ exports[`LineChart snapShot testing renders hideTooltip correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone30"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2875,6 +2899,9 @@ exports[`LineChart snapShot testing renders showXAxisLablesTooltip correctly 1`]
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone52"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3209,6 +3236,9 @@ exports[`LineChart snapShot testing renders wrapXAxisLables correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone63"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3543,6 +3573,9 @@ exports[`LineChart snapShot testing renders yAxisTickFormat correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone74"
     onFocus={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap b/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap
index 50567ccc8a2a8..4ef68b953b603 100644
--- a/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap
+++ b/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap
@@ -26,6 +26,9 @@ exports[`VerticalBarChart - mouse events Should render callout correctly on mous
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -730,6 +733,9 @@ exports[`VerticalBarChart - mouse events Should render customized callout on mou
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1353,6 +1359,9 @@ exports[`VerticalBarChart snapShot testing Should not render bar labels 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone37"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1803,6 +1812,9 @@ exports[`VerticalBarChart snapShot testing renders VerticalBarChart correctly 1`
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2253,6 +2265,9 @@ exports[`VerticalBarChart snapShot testing renders enabledLegendsWrapLines corre
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone17"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2683,6 +2698,9 @@ exports[`VerticalBarChart snapShot testing renders hideLegend correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone8"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2793,6 +2811,9 @@ exports[`VerticalBarChart snapShot testing renders hideTooltip correctly 1`] = `
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone12"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3243,6 +3264,9 @@ exports[`VerticalBarChart snapShot testing renders showXAxisLablesTooltip correc
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone22"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3693,6 +3717,9 @@ exports[`VerticalBarChart snapShot testing renders wrapXAxisLables correctly 1`]
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone27"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -4143,6 +4170,9 @@ exports[`VerticalBarChart snapShot testing renders yAxisTickFormat correctly 1`]
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone32"
     onFocus={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap b/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap
index c08589f1d6b27..91e13ed176a12 100644
--- a/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap
+++ b/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap
@@ -26,6 +26,9 @@ exports[`VerticalStackedBarChart - mouse events Should render callout correctly
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -672,6 +675,9 @@ exports[`VerticalStackedBarChart - mouse events Should render customized callout
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1236,6 +1242,9 @@ exports[`VerticalStackedBarChart - mouse events Should render customized callout
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -1931,6 +1940,9 @@ exports[`VerticalStackedBarChart snapShot testing Should not render bar labels 1
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone42"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2288,6 +2300,9 @@ exports[`VerticalStackedBarChart snapShot testing renders VerticalStackedBarChar
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone3"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2645,6 +2660,9 @@ exports[`VerticalStackedBarChart snapShot testing renders enabledLegendsWrapLine
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone17"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -2982,6 +3000,9 @@ exports[`VerticalStackedBarChart snapShot testing renders hideLegend correctly 1
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone8"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3089,6 +3110,9 @@ exports[`VerticalStackedBarChart snapShot testing renders hideTooltip correctly
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone12"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3446,6 +3470,9 @@ exports[`VerticalStackedBarChart snapShot testing renders isCalloutForStack corr
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone32"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -3803,6 +3830,9 @@ exports[`VerticalStackedBarChart snapShot testing renders showXAxisLablesTooltip
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone22"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -4160,6 +4190,9 @@ exports[`VerticalStackedBarChart snapShot testing renders wrapXAxisLables correc
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone27"
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -4517,6 +4550,9 @@ exports[`VerticalStackedBarChart snapShot testing renders yAxisTickFormat correc
         &:focus {
           outline: none;
         }
+        {
+          overflow: auto;
+        }
     data-focuszone-id="FocusZone37"
     onFocus={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/react-charting/src/utilities/utilities.ts b/packages/react-charting/src/utilities/utilities.ts
index 070df8d0dc37e..580cac88d8a07 100644
--- a/packages/react-charting/src/utilities/utilities.ts
+++ b/packages/react-charting/src/utilities/utilities.ts
@@ -166,18 +166,20 @@ export function createNumericXAxis(xAxisParams: IXAxisParams, chartType: ChartTy
   if (xAxisElement) {
     d3Select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
   }
-  return xAxisScale;
+  const tickValues = xAxisScale.ticks(xAxisCount).map(xAxis.tickFormat()!);
+  return { xScale: xAxisScale, tickValues };
 }
 
-function multiFormat(date: Date, locale: d3TimeFormat.TimeLocaleObject) {
-  const formatMillisecond = locale.format('.%L');
-  const formatSecond = locale.format(':%S');
-  const formatMinute = locale.format('%I:%M');
-  const formatHour = locale.format('%I %p');
-  const formatDay = locale.format('%a %d');
-  const formatWeek = locale.format('%b %d');
-  const formatMonth = locale.format('%B');
-  const formatYear = locale.format('%Y');
+function multiFormat(date: Date, locale?: d3TimeFormat.TimeLocaleObject) {
+  const timeFormat = locale ? locale.format : d3TimeFormat.timeFormat;
+  const formatMillisecond = timeFormat('.%L');
+  const formatSecond = timeFormat(':%S');
+  const formatMinute = timeFormat('%I:%M');
+  const formatHour = timeFormat('%I %p');
+  const formatDay = timeFormat('%a %d');
+  const formatWeek = timeFormat('%b %d');
+  const formatMonth = timeFormat('%B');
+  const formatYear = timeFormat('%Y');
 
   return (
     d3TimeSecond(date) < date
@@ -240,7 +242,12 @@ export function createDateXAxis(
   if (xAxisElement) {
     d3Select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
   }
-  return xAxisScale;
+  const tickValues = (tickParams.tickValues ?? xAxisScale.ticks(xAxisCount)).map((val, idx) => {
+    const tickFormat = xAxis.tickFormat();
+    // val is a Date object. So when the tick format is not set, format val as a string to calculate its width
+    return tickFormat ? tickFormat(val, idx) : multiFormat(val as Date);
+  });
+  return { xScale: xAxisScale, tickValues };
 }
 
 /**
@@ -283,7 +290,8 @@ export function createStringXAxis(
   if (xAxisParams.xAxisElement) {
     d3Select(xAxisParams.xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
   }
-  return xAxisScale;
+  const tickValues = dataset.map(xAxis.tickFormat()!);
+  return { xScale: xAxisScale, tickValues };
 }
 
 /**
@@ -724,28 +732,34 @@ export function createYAxisLabels(
     }
   });
 }
+
 /**
- * This function is calculating the length of longest Y axis label in px ,so that we are able to
- * create the cartesian chart by shifting that many points to the right/left.
- * @param points
- * @returns
+ * Calculates the width of the longest axis label in pixels
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function calculateLongestYAxisLabel(
-  points: IHorizontalBarChartWithAxisDataPoint[],
-  yAxisElement: SVGElement,
-): number {
-  let maxLabelLength = 0;
-  points.forEach((point: IHorizontalBarChartWithAxisDataPoint) => {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    ctx!.font = window.getComputedStyle(yAxisElement, null).getPropertyValue('font-size');
-    const wordLengthInPixel = ctx!.measureText(point.y as string).width;
-    maxLabelLength = Math.max(wordLengthInPixel, maxLabelLength);
-  });
+export const calculateLongestLabelWidth = (labels: (string | number)[], query: string = 'none'): number => {
+  let maxLabelWidth = 0;
+  const canvas = document.createElement('canvas');
+  const ctx = canvas.getContext('2d');
+
+  if (ctx) {
+    const axisText = document.querySelector(query);
+    if (axisText) {
+      const styles = window.getComputedStyle(axisText, null);
+      const fontWeight = styles.getPropertyValue('font-weight');
+      const fontSize = styles.getPropertyValue('font-size');
+      const fontFamily = styles.getPropertyValue('font-family');
+      ctx.font = `${fontWeight} ${fontSize} ${fontFamily}`;
+    } else {
+      ctx.font = '600 10px "Segoe UI"';
+    }
 
-  return maxLabelLength;
-}
+    labels.forEach(label => {
+      maxLabelWidth = Math.max(ctx.measureText(label.toString()).width, maxLabelWidth);
+    });
+  }
+
+  return maxLabelWidth;
+};
 
 /**
  * This method displays a tooltip to the x axis lables(tick values)
diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json
index 98ff1d13a0d12..238f7ab2ddb92 100644
--- a/packages/react-components/babel-preset-global-context/CHANGELOG.json
+++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/babel-preset-global-context",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.30",
+      "version": "9.0.0-beta.30",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/babel-preset-global-context",
+            "comment": "Bump @fluentui/global-context to v9.0.0-beta.30",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:23 GMT",
       "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.29",
diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md
index 53257818e13b5..de41b3a6823b7 100644
--- a/packages/react-components/babel-preset-global-context/CHANGELOG.md
+++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/babel-preset-global-context
 
-This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.30)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.29..@fluentui/babel-preset-global-context_v9.0.0-beta.30)
+
+### Changes
+
+- Bump @fluentui/global-context to v9.0.0-beta.30 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.29)
 
 Wed, 31 May 2023 06:46:23 GMT 
diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json
index 5a279fe02a2a1..58405b07a2111 100644
--- a/packages/react-components/babel-preset-global-context/package.json
+++ b/packages/react-components/babel-preset-global-context/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/babel-preset-global-context",
-  "version": "9.0.0-beta.29",
+  "version": "9.0.0-beta.30",
   "description": "Babel preset that transforms createContext calls to use global context shims",
   "main": "lib-commonjs/index.js",
   "typings": "./dist/index.d.ts",
@@ -40,7 +40,7 @@
     "find-up": "^5.0.0"
   },
   "peerDependencies": {
-    "@fluentui/global-context": "9.0.0-beta.29"
+    "@fluentui/global-context": "9.0.0-beta.30"
   },
   "beachball": {
     "disallowedChangeTypes": [
diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json
index e47f4f077f89f..9d6c4fb89b1f5 100644
--- a/packages/react-components/global-context/CHANGELOG.json
+++ b/packages/react-components/global-context/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/global-context",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/global-context_v9.0.0-beta.30",
+      "version": "9.0.0-beta.30",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/global-context",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/global-context",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:08 GMT",
       "tag": "@fluentui/global-context_v9.0.0-beta.29",
diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md
index 30f438bd19f28..1cc06afc2fca9 100644
--- a/packages/react-components/global-context/CHANGELOG.md
+++ b/packages/react-components/global-context/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/global-context
 
-This log was last generated on Wed, 31 May 2023 06:46:08 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.30)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.29..@fluentui/global-context_v9.0.0-beta.30)
+
+### Changes
+
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.29)
 
 Wed, 31 May 2023 06:46:08 GMT 
diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json
index 3daa80470c2eb..e7e7f8187b694 100644
--- a/packages/react-components/global-context/package.json
+++ b/packages/react-components/global-context/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/global-context",
-  "version": "9.0.0-beta.29",
+  "version": "9.0.0-beta.30",
   "description": "Extension of React createContext to be a true singleton on the global scope",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,8 +32,8 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-utilities": "^9.9.3",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
diff --git a/packages/react-components/keyboard-keys/CHANGELOG.json b/packages/react-components/keyboard-keys/CHANGELOG.json
index 5410ce7422fd3..001327cefc74a 100644
--- a/packages/react-components/keyboard-keys/CHANGELOG.json
+++ b/packages/react-components/keyboard-keys/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/keyboard-keys",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:54 GMT",
+      "tag": "@fluentui/keyboard-keys_v9.0.3",
+      "version": "9.0.3",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/keyboard-keys",
+            "commit": "1d813ca54572065b0c19e3fbad9e81119c8ebc50",
+            "comment": "chore: re-generate api.md - api extractor regression"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 24 May 2023 20:45:22 GMT",
       "tag": "@fluentui/keyboard-keys_v9.0.3",
diff --git a/packages/react-components/priority-overflow/CHANGELOG.json b/packages/react-components/priority-overflow/CHANGELOG.json
index ca17e01c6df7e..13bab0e5e3ea5 100644
--- a/packages/react-components/priority-overflow/CHANGELOG.json
+++ b/packages/react-components/priority-overflow/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/priority-overflow",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:54 GMT",
+      "tag": "@fluentui/priority-overflow_v9.1.0",
+      "version": "9.1.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "vkozlova@microsoft.com",
+            "package": "@fluentui/priority-overflow",
+            "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda",
+            "comment": "feat: Added support for custom divider"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 24 May 2023 20:45:22 GMT",
       "tag": "@fluentui/priority-overflow_v9.0.3",
diff --git a/packages/react-components/priority-overflow/CHANGELOG.md b/packages/react-components/priority-overflow/CHANGELOG.md
index e5762ecc45d3b..94eee4d5c965a 100644
--- a/packages/react-components/priority-overflow/CHANGELOG.md
+++ b/packages/react-components/priority-overflow/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/priority-overflow
 
-This log was last generated on Fri, 12 May 2023 20:28:09 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.1.0)
+
+Tue, 20 Jun 2023 12:38:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/priority-overflow_v9.0.3..@fluentui/priority-overflow_v9.1.0)
+
+### Minor changes
+
+- feat: Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com)
+
 ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.3)
 
 Fri, 12 May 2023 20:28:09 GMT 
diff --git a/packages/react-components/priority-overflow/etc/priority-overflow.api.md b/packages/react-components/priority-overflow/etc/priority-overflow.api.md
index a8a2ef84d50ce..1889a2cbb621d 100644
--- a/packages/react-components/priority-overflow/etc/priority-overflow.api.md
+++ b/packages/react-components/priority-overflow/etc/priority-overflow.api.md
@@ -37,6 +37,13 @@ export type OverflowAxis = 'horizontal' | 'vertical';
 // @public (undocumented)
 export type OverflowDirection = 'start' | 'end';
 
+// @public (undocumented)
+export interface OverflowDividerEntry {
+    element: HTMLElement;
+    // (undocumented)
+    groupId: string;
+}
+
 // @public
 export interface OverflowEventPayload {
     // (undocumented)
@@ -61,11 +68,13 @@ export interface OverflowItemEntry {
 
 // @internal (undocumented)
 export interface OverflowManager {
+    addDivider: (divider: OverflowDividerEntry) => void;
     addItem: (items: OverflowItemEntry) => void;
     addOverflowMenu: (element: HTMLElement) => void;
     disconnect: () => void;
     forceUpdate: () => void;
     observe: (container: HTMLElement, options: ObserveOptions) => void;
+    removeDivider: (groupId: string) => void;
     removeItem: (itemId: string) => void;
     removeOverflowMenu: () => void;
     update: () => void;
diff --git a/packages/react-components/priority-overflow/package.json b/packages/react-components/priority-overflow/package.json
index 0524f7ae199b9..c29c9df808f0d 100644
--- a/packages/react-components/priority-overflow/package.json
+++ b/packages/react-components/priority-overflow/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/priority-overflow",
-  "version": "9.0.3",
+  "version": "9.1.0",
   "description": "Vanilla JS utilities to implement overflow menus",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/priority-overflow/src/consts.ts b/packages/react-components/priority-overflow/src/consts.ts
new file mode 100644
index 0000000000000..cb1c1cad5c1c7
--- /dev/null
+++ b/packages/react-components/priority-overflow/src/consts.ts
@@ -0,0 +1,2 @@
+export const DATA_OVERFLOWING = 'data-overflowing';
+export const DATA_OVERFLOW_GROUP = 'data-overflow-group';
diff --git a/packages/react-components/priority-overflow/src/index.ts b/packages/react-components/priority-overflow/src/index.ts
index 3f7027bfbaeb8..ba4668ceab6d5 100644
--- a/packages/react-components/priority-overflow/src/index.ts
+++ b/packages/react-components/priority-overflow/src/index.ts
@@ -9,5 +9,6 @@ export type {
   OverflowEventPayload,
   OverflowGroupState,
   OverflowItemEntry,
+  OverflowDividerEntry,
   OverflowManager,
 } from './types';
diff --git a/packages/react-components/priority-overflow/src/overflowManager.ts b/packages/react-components/priority-overflow/src/overflowManager.ts
index 3dece40e10472..445b541e6f006 100644
--- a/packages/react-components/priority-overflow/src/overflowManager.ts
+++ b/packages/react-components/priority-overflow/src/overflowManager.ts
@@ -1,6 +1,13 @@
+import { DATA_OVERFLOWING, DATA_OVERFLOW_GROUP } from './consts';
 import { debounce } from './debounce';
-import { createPriorityQueue } from './priorityQueue';
-import type { OverflowGroupState, OverflowItemEntry, OverflowManager, ObserveOptions } from './types';
+import { createPriorityQueue, PriorityQueue } from './priorityQueue';
+import type {
+  OverflowGroupState,
+  OverflowItemEntry,
+  OverflowManager,
+  ObserveOptions,
+  OverflowDividerEntry,
+} from './types';
 
 /**
  * @internal
@@ -24,7 +31,7 @@ export function createOverflowManager(): OverflowManager {
   };
 
   const overflowItems: Record<string, OverflowItemEntry> = {};
-  const overflowGroups: Record<string, { visibleItemIds: Set<string>; invisibleItemIds: Set<string> }> = {};
+  const overflowDividers: Record<string, OverflowDividerEntry> = {};
   const resizeObserver = new ResizeObserver(entries => {
     if (!entries[0] || !container) {
       return;
@@ -33,6 +40,66 @@ export function createOverflowManager(): OverflowManager {
     update();
   });
 
+  const getNextItem = (queueToDequeue: PriorityQueue<string>, queueToEnqueue: PriorityQueue<string>) => {
+    const nextItem = queueToDequeue.dequeue();
+    queueToEnqueue.enqueue(nextItem);
+    return overflowItems[nextItem];
+  };
+
+  const createGroupManager = () => {
+    const groupVisibility: Record<string, OverflowGroupState> = {};
+    const groups: Record<string, { visibleItemIds: Set<string>; invisibleItemIds: Set<string> }> = {};
+    function updateGroupVisibility(groupId: string) {
+      const group = groups[groupId];
+      if (group.invisibleItemIds.size && group.visibleItemIds.size) {
+        groupVisibility[groupId] = 'overflow';
+      } else if (group.visibleItemIds.size === 0) {
+        groupVisibility[groupId] = 'hidden';
+      } else {
+        groupVisibility[groupId] = 'visible';
+      }
+    }
+    function isGroupVisible(groupId: string) {
+      return groupVisibility[groupId] === 'visible' || groupVisibility[groupId] === 'overflow';
+    }
+    return {
+      groupVisibility: () => groupVisibility,
+      isSingleItemVisible(itemId: string, groupId: string) {
+        return (
+          isGroupVisible(groupId) &&
+          groups[groupId].visibleItemIds.has(itemId) &&
+          groups[groupId].visibleItemIds.size === 1
+        );
+      },
+      addItem(itemId: string, groupId: string) {
+        groups[groupId] ??= {
+          visibleItemIds: new Set<string>(),
+          invisibleItemIds: new Set<string>(),
+        };
+
+        groups[groupId].visibleItemIds.add(itemId);
+        updateGroupVisibility(groupId);
+      },
+      removeItem(itemId: string, groupId: string) {
+        groups[groupId].invisibleItemIds.delete(itemId);
+        groups[groupId].visibleItemIds.delete(itemId);
+        updateGroupVisibility(groupId);
+      },
+      showItem(itemId: string, groupId: string) {
+        groups[groupId].invisibleItemIds.delete(itemId);
+        groups[groupId].visibleItemIds.add(itemId);
+        updateGroupVisibility(groupId);
+      },
+      hideItem(itemId: string, groupId: string) {
+        groups[groupId].invisibleItemIds.add(itemId);
+        groups[groupId].visibleItemIds.delete(itemId);
+        updateGroupVisibility(groupId);
+      },
+    };
+  };
+
+  const groupManager = createGroupManager();
+
   const invisibleItemQueue = createPriorityQueue<string>((a, b) => {
     const itemA = overflowItems[a];
     const itemB = overflowItems[b];
@@ -72,30 +139,41 @@ export function createOverflowManager(): OverflowManager {
     return options.overflowAxis === 'horizontal' ? el.offsetWidth : el.offsetHeight;
   };
 
-  const makeItemVisible = () => {
-    const nextVisible = invisibleItemQueue.dequeue();
-    visibleItemQueue.enqueue(nextVisible);
+  function computeSizeChange(entry: OverflowItemEntry) {
+    const dividerWidth =
+      entry.groupId && groupManager.isSingleItemVisible(entry.id, entry.groupId) && overflowDividers[entry.groupId]
+        ? getOffsetSize(overflowDividers[entry.groupId].element)
+        : 0;
+
+    return getOffsetSize(entry.element) + dividerWidth;
+  }
 
-    const item = overflowItems[nextVisible];
+  const showItem = () => {
+    const item = getNextItem(invisibleItemQueue, visibleItemQueue);
     options.onUpdateItemVisibility({ item, visible: true });
+
     if (item.groupId) {
-      overflowGroups[item.groupId].invisibleItemIds.delete(item.id);
-      overflowGroups[item.groupId].visibleItemIds.add(item.id);
+      groupManager.showItem(item.id, item.groupId);
+
+      if (groupManager.isSingleItemVisible(item.id, item.groupId)) {
+        overflowDividers[item.groupId]?.element.removeAttribute(DATA_OVERFLOWING);
+      }
     }
 
-    return getOffsetSize(item.element);
+    return computeSizeChange(item);
   };
 
-  const makeItemInvisible = () => {
-    const nextInvisible = visibleItemQueue.dequeue();
-    invisibleItemQueue.enqueue(nextInvisible);
-
-    const item = overflowItems[nextInvisible];
-    const width = getOffsetSize(item.element);
+  const hideItem = () => {
+    const item = getNextItem(visibleItemQueue, invisibleItemQueue);
+    const width = computeSizeChange(item);
     options.onUpdateItemVisibility({ item, visible: false });
+
     if (item.groupId) {
-      overflowGroups[item.groupId].visibleItemIds.delete(item.id);
-      overflowGroups[item.groupId].invisibleItemIds.add(item.id);
+      if (groupManager.isSingleItemVisible(item.id, item.groupId)) {
+        overflowDividers[item.groupId]?.element.setAttribute(DATA_OVERFLOWING, '');
+      }
+
+      groupManager.hideItem(item.id, item.groupId);
     }
 
     return width;
@@ -108,66 +186,45 @@ export function createOverflowManager(): OverflowManager {
     const visibleItems = visibleItemIds.map(itemId => overflowItems[itemId]);
     const invisibleItems = invisibleItemIds.map(itemId => overflowItems[itemId]);
 
-    const groupVisibility: Record<string, OverflowGroupState> = {};
-    Object.entries(overflowGroups).forEach(([groupId, groupState]) => {
-      if (groupState.invisibleItemIds.size && groupState.visibleItemIds.size) {
-        groupVisibility[groupId] = 'overflow';
-      } else if (groupState.visibleItemIds.size === 0) {
-        groupVisibility[groupId] = 'hidden';
-      } else {
-        groupVisibility[groupId] = 'visible';
-      }
-    });
-
-    options.onUpdateOverflow({ visibleItems, invisibleItems, groupVisibility });
+    options.onUpdateOverflow({ visibleItems, invisibleItems, groupVisibility: groupManager.groupVisibility() });
   };
 
   const processOverflowItems = (): boolean => {
     if (!container) {
       return false;
     }
+    const totalDividersWidth = Object.values(overflowDividers)
+      .map(dvdr => (dvdr.groupId ? getOffsetSize(dvdr.element) : 0))
+      .reduce((prev, current) => prev + current, 0);
 
-    const availableSize = getOffsetSize(container) - options.padding;
-    const overflowMenuOffset = overflowMenu ? getOffsetSize(overflowMenu) : 0;
+    const availableSize =
+      getOffsetSize(container) -
+      options.padding -
+      totalDividersWidth -
+      (overflowMenu ? getOffsetSize(overflowMenu) : 0);
 
     // Snapshot of the visible/invisible state to compare for updates
     const visibleTop = visibleItemQueue.peek();
     const invisibleTop = invisibleItemQueue.peek();
 
-    const visibleItemIds = visibleItemQueue.all();
-    let currentWidth = visibleItemIds.reduce((sum, visibleItemId) => {
-      const child = overflowItems[visibleItemId].element;
-      return sum + getOffsetSize(child);
-    }, 0);
+    let currentWidth = visibleItemQueue
+      .all()
+      .map(id => overflowItems[id].element)
+      .map(getOffsetSize)
+      .reduce((prev, current) => prev + current, 0);
 
     // Add items until available width is filled - can result in overflow
     while (currentWidth < availableSize && invisibleItemQueue.size() > 0) {
-      currentWidth += makeItemVisible();
+      currentWidth += showItem();
     }
 
     // Remove items until there's no more overflow
-    while (currentWidth > availableSize && visibleItemQueue.size() > 0) {
-      if (visibleItemQueue.size() <= options.minimumVisible) {
-        break;
-      }
-      currentWidth -= makeItemInvisible();
-    }
-
-    // make sure the overflow menu can fit
-    if (
-      visibleItemQueue.size() > options.minimumVisible &&
-      invisibleItemQueue.size() > 0 &&
-      currentWidth + overflowMenuOffset > availableSize
-    ) {
-      makeItemInvisible();
+    while (currentWidth > availableSize && visibleItemQueue.size() > options.minimumVisible) {
+      currentWidth -= hideItem();
     }
 
     // only update when the state of visible/invisible items has changed
-    if (visibleItemQueue.peek() !== visibleTop || invisibleItemQueue.peek() !== invisibleTop) {
-      return true;
-    }
-
-    return false;
+    return visibleItemQueue.peek() !== visibleTop || invisibleItemQueue.peek() !== invisibleTop;
   };
 
   const forceUpdate: OverflowManager['forceUpdate'] = () => {
@@ -210,14 +267,8 @@ export function createOverflowManager(): OverflowManager {
     }
 
     if (item.groupId) {
-      if (!overflowGroups[item.groupId]) {
-        overflowGroups[item.groupId] = {
-          visibleItemIds: new Set<string>(),
-          invisibleItemIds: new Set<string>(),
-        };
-      }
-
-      overflowGroups[item.groupId].visibleItemIds.add(item.id);
+      groupManager.addItem(item.id, item.groupId);
+      item.element.setAttribute(DATA_OVERFLOW_GROUP, item.groupId);
     }
 
     update();
@@ -227,10 +278,30 @@ export function createOverflowManager(): OverflowManager {
     overflowMenu = el;
   };
 
+  const addDivider: OverflowManager['addDivider'] = divider => {
+    if (!divider.groupId || overflowDividers[divider.groupId]) {
+      return;
+    }
+
+    divider.element.setAttribute(DATA_OVERFLOW_GROUP, divider.groupId);
+    overflowDividers[divider.groupId] = divider;
+  };
+
   const removeOverflowMenu: OverflowManager['removeOverflowMenu'] = () => {
     overflowMenu = undefined;
   };
 
+  const removeDivider: OverflowManager['removeDivider'] = groupId => {
+    if (!overflowDividers[groupId]) {
+      return;
+    }
+    const divider = overflowDividers[groupId];
+    if (divider.groupId) {
+      delete overflowDividers[groupId];
+      divider.element.removeAttribute(DATA_OVERFLOW_GROUP);
+    }
+  };
+
   const removeItem: OverflowManager['removeItem'] = itemId => {
     if (!overflowItems[itemId]) {
       return;
@@ -241,8 +312,8 @@ export function createOverflowManager(): OverflowManager {
     invisibleItemQueue.remove(itemId);
 
     if (item.groupId) {
-      overflowGroups[item.groupId].visibleItemIds.delete(item.id);
-      overflowGroups[item.groupId].invisibleItemIds.delete(item.id);
+      groupManager.removeItem(item.id, item.groupId);
+      item.element.removeAttribute(DATA_OVERFLOW_GROUP);
     }
 
     delete overflowItems[itemId];
@@ -258,5 +329,7 @@ export function createOverflowManager(): OverflowManager {
     update,
     addOverflowMenu,
     removeOverflowMenu,
+    addDivider,
+    removeDivider,
   };
 }
diff --git a/packages/react-components/priority-overflow/src/types.ts b/packages/react-components/priority-overflow/src/types.ts
index 75cb10d193a93..a5a9a41d1516d 100644
--- a/packages/react-components/priority-overflow/src/types.ts
+++ b/packages/react-components/priority-overflow/src/types.ts
@@ -19,6 +19,15 @@ export interface OverflowItemEntry {
   groupId?: string;
 }
 
+export interface OverflowDividerEntry {
+  /**
+   * HTML element that will be disappear when overflowed
+   */
+  element: HTMLElement;
+
+  groupId: string;
+}
+
 /**
  * signature similar to standard event listeners, but typed to handle the custom event
  */
@@ -111,6 +120,16 @@ export interface OverflowManager {
    */
   addOverflowMenu: (element: HTMLElement) => void;
 
+  /**
+   * Add overflow divider
+   */
+  addDivider: (divider: OverflowDividerEntry) => void;
+
+  /**
+   * Remove overflow divider
+   */
+  removeDivider: (groupId: string) => void;
+
   /**
    * Unsets the overflow menu element
    */
diff --git a/packages/react-components/react-accordion/CHANGELOG.json b/packages/react-components/react-accordion/CHANGELOG.json
index d62035278a038..00396af228003 100644
--- a/packages/react-components/react-accordion/CHANGELOG.json
+++ b/packages/react-components/react-accordion/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-accordion",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:54 GMT",
+      "tag": "@fluentui/react-accordion_v9.1.17",
+      "version": "9.1.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203 "
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v9.3.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:08 GMT",
       "tag": "@fluentui/react-accordion_v9.1.16",
diff --git a/packages/react-components/react-accordion/CHANGELOG.md b/packages/react-components/react-accordion/CHANGELOG.md
index 382955c41f703..2626469f357bc 100644
--- a/packages/react-components/react-accordion/CHANGELOG.md
+++ b/packages/react-components/react-accordion/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Wed, 31 May 2023 06:46:08 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.17)
+
+Tue, 20 Jun 2023 12:38:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.16..@fluentui/react-accordion_v9.1.17)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203  ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.16)
 
 Wed, 31 May 2023 06:46:08 GMT 
diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json
index 129f6b5e63633..79baf52461f87 100644
--- a/packages/react-components/react-accordion/package.json
+++ b/packages/react-components/react-accordion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "9.1.16",
+  "version": "9.1.17",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json
index 7c2ae83b1ad9c..be62312fb7cd7 100644
--- a/packages/react-components/react-alert/CHANGELOG.json
+++ b/packages/react-components/react-alert/CHANGELOG.json
@@ -1,6 +1,63 @@
 {
   "name": "@fluentui/react-alert",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:54 GMT",
+      "tag": "@fluentui/react-alert_v9.0.0-beta.52",
+      "version": "9.0.0-beta.52",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-alert",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-avatar to v9.5.6",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-button to v9.3.17",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:09 GMT",
       "tag": "@fluentui/react-alert_v9.0.0-beta.51",
diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md
index c38de18ea7719..b5d44ea662cc2 100644
--- a/packages/react-components/react-alert/CHANGELOG.md
+++ b/packages/react-components/react-alert/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-alert
 
-This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.52](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.52)
+
+Tue, 20 Jun 2023 12:38:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.51..@fluentui/react-alert_v9.0.0-beta.52)
+
+### Changes
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.51](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.51)
 
 Wed, 31 May 2023 06:46:09 GMT 
diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json
index c998227b4d02a..2d817747ee752 100644
--- a/packages/react-components/react-alert/package.json
+++ b/packages/react-components/react-alert/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-alert",
-  "version": "9.0.0-beta.51",
+  "version": "9.0.0-beta.52",
   "description": "An alert component to display brief messages",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-button": "^9.3.16",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-button": "^9.3.17",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx b/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx
index 3458c4dea1f50..b220aaa5a79e9 100644
--- a/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx
+++ b/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx
@@ -11,7 +11,8 @@ export const Action = () => (
     <Alert
       intent="error"
       action={{
-        icon: <DismissCircleRegular aria-label="dismiss message" />,
+        icon: <DismissCircleRegular />,
+        'aria-label': 'dismiss message',
       }}
     >
       Save failed
diff --git a/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx b/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx
index 70856a17ad8f2..7dc6449b48288 100644
--- a/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx
+++ b/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx
@@ -11,6 +11,7 @@ export const Avatar = () => (
     <Alert
       action={{
         icon: <DismissCircleRegular />,
+        'aria-label': 'dismiss message',
       }}
       avatar={{ name: 'John Smith', size: 24, color: 'dark-green' }}
     >
diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json
index ccf7b42fe03b3..285be2b4caa79 100644
--- a/packages/react-components/react-aria/CHANGELOG.json
+++ b/packages/react-components/react-aria/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-aria",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-aria_v9.3.23",
+      "version": "9.3.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-aria",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:23 GMT",
       "tag": "@fluentui/react-aria_v9.3.22",
diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md
index 4aeb3d07ab5d1..5ff53913ef355 100644
--- a/packages/react-components/react-aria/CHANGELOG.md
+++ b/packages/react-components/react-aria/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-aria
 
-This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.23)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.22..@fluentui/react-aria_v9.3.23)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.3.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.22)
 
 Wed, 31 May 2023 06:46:23 GMT 
diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json
index cf747ccc4e3e2..ebe11ef92534c 100644
--- a/packages/react-components/react-aria/package.json
+++ b/packages/react-components/react-aria/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-aria",
-  "version": "9.3.22",
+  "version": "9.3.23",
   "description": "React helper to ensure ARIA",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-utilities": "^9.9.3",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json
index 5775766a69eb7..ee42fac7ba658 100644
--- a/packages/react-components/react-avatar/CHANGELOG.json
+++ b/packages/react-components/react-avatar/CHANGELOG.json
@@ -1,6 +1,87 @@
 {
   "name": "@fluentui/react-avatar",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:54 GMT",
+      "tag": "@fluentui/react-avatar_v9.5.6",
+      "version": "9.5.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "7eca299aed541ae297ab5bc7d511e64f56570932",
+            "comment": "fix: Do not render the image when src prop is undefined."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-badge to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-popover to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tooltip to v9.2.17",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:09 GMT",
       "tag": "@fluentui/react-avatar_v9.5.5",
diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md
index 74339f9a67e99..13861fa633931 100644
--- a/packages/react-components/react-avatar/CHANGELOG.md
+++ b/packages/react-components/react-avatar/CHANGELOG.md
@@ -1,9 +1,29 @@
 # Change Log - @fluentui/react-avatar
 
-This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.5.6)
+
+Tue, 20 Jun 2023 12:38:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.5.5..@fluentui/react-avatar_v9.5.6)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- fix: Do not render the image when src prop is undefined. ([PR #28146](https://github.com/microsoft/fluentui/pull/28146) by esteban.230@hotmail.com)
+- Bump @fluentui/react-badge to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tooltip to v9.2.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.5.5)
 
 Wed, 31 May 2023 06:46:09 GMT 
diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json
index 7ce4d01bad9da..b8749507897e3 100644
--- a/packages/react-components/react-avatar/package.json
+++ b/packages/react-components/react-avatar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.5.5",
+  "version": "9.5.6",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,23 +30,23 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "es6-weak-map": "^2.0.2",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-badge": "^9.1.15",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-popover": "^9.6.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-tooltip": "^9.2.16",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-badge": "^9.1.16",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-popover": "^9.7.0",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-tooltip": "^9.2.17",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-badge/CHANGELOG.json b/packages/react-components/react-badge/CHANGELOG.json
index d3f58bdb79702..dcf4ad737f9be 100644
--- a/packages/react-components/react-badge/CHANGELOG.json
+++ b/packages/react-components/react-badge/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-badge",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:55 GMT",
+      "tag": "@fluentui/react-badge_v9.1.16",
+      "version": "9.1.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:09 GMT",
       "tag": "@fluentui/react-badge_v9.1.15",
diff --git a/packages/react-components/react-badge/CHANGELOG.md b/packages/react-components/react-badge/CHANGELOG.md
index a922b90272b01..0d5ff5629b771 100644
--- a/packages/react-components/react-badge/CHANGELOG.md
+++ b/packages/react-components/react-badge/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.16)
+
+Tue, 20 Jun 2023 12:38:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.15..@fluentui/react-badge_v9.1.16)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.15)
 
 Wed, 31 May 2023 06:46:09 GMT 
diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json
index b65beb0c0ebe6..043d12001237d 100644
--- a/packages/react-components/react-badge/package.json
+++ b/packages/react-components/react-badge/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "9.1.15",
+  "version": "9.1.16",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,16 +28,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-badge/src/components/PresenceBadge/__snapshots__/PresenceBadge.test.tsx.snap b/packages/react-components/react-badge/src/components/PresenceBadge/__snapshots__/PresenceBadge.test.tsx.snap
index ca8fc7a4b462b..3e205aa51b8d8 100644
--- a/packages/react-components/react-badge/src/components/PresenceBadge/__snapshots__/PresenceBadge.test.tsx.snap
+++ b/packages/react-components/react-badge/src/components/PresenceBadge/__snapshots__/PresenceBadge.test.tsx.snap
@@ -13,9 +13,9 @@ exports[`PresenceBadge renders a default state 1`] = `
       aria-hidden={true}
       className=""
       fill="currentColor"
-      height={16}
+      height="16"
       viewBox="0 0 16 16"
-      width={16}
+      width="16"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
diff --git a/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md b/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md
index a6169e5317cce..0fd42469bdb0c 100644
--- a/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md
+++ b/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md
@@ -153,10 +153,10 @@ export const renderBreadcrumbItem_unstable: (state: BreadcrumbItemState) => JSX.
 export const renderBreadcrumbLink_unstable: (state: BreadcrumbLinkState) => JSX.Element;
 
 // @public (undocumented)
-export const truncateBreadcrumbLongName: (content: string, maxLength?: number | undefined) => string;
+export const truncateBreadcrumbLongName: (content: string, maxLength?: number) => string;
 
 // @public (undocumented)
-export const truncateBreadcrumLongTooltip: (content: string, maxLength?: number | undefined) => string;
+export const truncateBreadcrumLongTooltip: (content: string, maxLength?: number) => string;
 
 // @public
 export const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
diff --git a/packages/react-components/react-breadcrumb/package.json b/packages/react-components/react-breadcrumb/package.json
index d6b2173d07706..92c4db1f9d586 100644
--- a/packages/react-components/react-breadcrumb/package.json
+++ b/packages/react-components/react-breadcrumb/package.json
@@ -30,20 +30,20 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.16",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-link": "^9.0.42",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-button": "^9.3.17",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-link": "^9.0.43",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx b/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx
index b5a5c1c9d26c0..8775694e3482a 100644
--- a/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx
+++ b/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx
@@ -11,11 +11,11 @@ import {
   MenuPopover,
   MenuTrigger,
   useIsOverflowItemVisible,
-  useIsOverflowGroupVisible,
   useOverflowMenu,
   Overflow,
   OverflowItem,
   MenuItem,
+  OverflowDivider,
 } from '@fluentui/react-components';
 import {
   CalendarMonthFilled,
@@ -161,12 +161,11 @@ const OverflowBreadcrumbButton: React.FC<{ id: string; item: Item }> = props =>
 const OverflowGroupDivider: React.FC<{
   groupId: number;
 }> = props => {
-  const groupVisibility = useIsOverflowGroupVisible(props.groupId.toString());
-  if (groupVisibility === 'hidden') {
-    return null;
-  }
-
-  return <BreadcrumbDivider data-group={props.groupId} />;
+  return (
+    <OverflowDivider groupId={props.groupId.toString()}>
+      <BreadcrumbDivider data-group={props.groupId} />
+    </OverflowDivider>
+  );
 };
 
 const ControlledOverflowMenu = (props: PartitionBreadcrumbItems<Item>) => {
diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json
index e4bd51d74471c..43d24f631d849 100644
--- a/packages/react-components/react-button/CHANGELOG.json
+++ b/packages/react-components/react-button/CHANGELOG.json
@@ -1,6 +1,63 @@
 {
   "name": "@fluentui/react-button",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:55 GMT",
+      "tag": "@fluentui/react-button_v9.3.17",
+      "version": "9.3.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-aria to v9.3.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:09 GMT",
       "tag": "@fluentui/react-button_v9.3.16",
diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md
index e5ebf4220ce61..339af123c991c 100644
--- a/packages/react-components/react-button/CHANGELOG.md
+++ b/packages/react-components/react-button/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.17)
+
+Tue, 20 Jun 2023 12:38:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.16..@fluentui/react-button_v9.3.17)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.3.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.16)
 
 Wed, 31 May 2023 06:46:09 GMT 
diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json
index bc61dac7255c0..9c7ad08ebf003 100644
--- a/packages/react-components/react-button/package.json
+++ b/packages/react-components/react-button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-button",
-  "version": "9.3.16",
+  "version": "9.3.17",
   "description": "Fluent UI React Button component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,19 +29,19 @@
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-card/CHANGELOG.json b/packages/react-components/react-card/CHANGELOG.json
index 33283c030751f..2eec7481d8968 100644
--- a/packages/react-components/react-card/CHANGELOG.json
+++ b/packages/react-components/react-card/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-card",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-card_v9.0.15",
+      "version": "9.0.15",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-button to v9.3.17",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:09 GMT",
       "tag": "@fluentui/react-card_v9.0.14",
diff --git a/packages/react-components/react-card/CHANGELOG.md b/packages/react-components/react-card/CHANGELOG.md
index 2caf555428556..69c7c24c0a9e0 100644
--- a/packages/react-components/react-card/CHANGELOG.md
+++ b/packages/react-components/react-card/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-card
 
-This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.15)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.14..@fluentui/react-card_v9.0.15)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.14)
 
 Wed, 31 May 2023 06:46:09 GMT 
diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json
index a71a7b86dca2e..931a18da33ad1 100644
--- a/packages/react-components/react-card/package.json
+++ b/packages/react-components/react-card/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.14",
+  "version": "9.0.15",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -30,19 +30,19 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-button": "^9.3.16",
+    "@fluentui/react-button": "^9.3.17",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-checkbox/CHANGELOG.json b/packages/react-components/react-checkbox/CHANGELOG.json
index e1e98e25e8f43..1fb8774f8cf62 100644
--- a/packages/react-components/react-checkbox/CHANGELOG.json
+++ b/packages/react-components/react-checkbox/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-checkbox",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:55 GMT",
+      "tag": "@fluentui/react-checkbox_v9.1.18",
+      "version": "9.1.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-checkbox",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:10 GMT",
       "tag": "@fluentui/react-checkbox_v9.1.17",
diff --git a/packages/react-components/react-checkbox/CHANGELOG.md b/packages/react-components/react-checkbox/CHANGELOG.md
index b71f5067a312b..7e80c3bf7a919 100644
--- a/packages/react-components/react-checkbox/CHANGELOG.md
+++ b/packages/react-components/react-checkbox/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-checkbox
 
-This log was last generated on Wed, 31 May 2023 06:46:10 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.1.18)
+
+Tue, 20 Jun 2023 12:38:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.1.17..@fluentui/react-checkbox_v9.1.18)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.1.17)
 
 Wed, 31 May 2023 06:46:10 GMT 
diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json
index fb8628ef35e91..168f31c02ed34 100644
--- a/packages/react-components/react-checkbox/package.json
+++ b/packages/react-components/react-checkbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-checkbox",
-  "version": "9.1.17",
+  "version": "9.1.18",
   "description": "Fluent UI checkbox component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-colorpicker-compat/package.json b/packages/react-components/react-colorpicker-compat/package.json
index 1603ab9cfbab9..d731db1de5b66 100644
--- a/packages/react-components/react-colorpicker-compat/package.json
+++ b/packages/react-components/react-colorpicker-compat/package.json
@@ -26,14 +26,14 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-combobox/CHANGELOG.json b/packages/react-components/react-combobox/CHANGELOG.json
index 399aa0458ffd1..586999274cdc4 100644
--- a/packages/react-components/react-combobox/CHANGELOG.json
+++ b/packages/react-components/react-combobox/CHANGELOG.json
@@ -1,6 +1,81 @@
 {
   "name": "@fluentui/react-combobox",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:56 GMT",
+      "tag": "@fluentui/react-combobox_v9.4.1",
+      "version": "9.4.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-combobox",
+            "commit": "1b46051516afdf0f7e2def938627cfd31a3df054",
+            "comment": "fix: Option's checkIcon adds provided className at the end to avoid overrides."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-combobox",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-positioning to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:10 GMT",
       "tag": "@fluentui/react-combobox_v9.4.0",
diff --git a/packages/react-components/react-combobox/CHANGELOG.md b/packages/react-components/react-combobox/CHANGELOG.md
index cd9e94d7164b0..57882a846fc56 100644
--- a/packages/react-components/react-combobox/CHANGELOG.md
+++ b/packages/react-components/react-combobox/CHANGELOG.md
@@ -1,9 +1,28 @@
 # Change Log - @fluentui/react-combobox
 
-This log was last generated on Wed, 31 May 2023 06:46:10 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.4.1)
+
+Tue, 20 Jun 2023 12:38:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.4.0..@fluentui/react-combobox_v9.4.1)
+
+### Patches
+
+- fix: Option's checkIcon adds provided className at the end to avoid overrides. ([PR #28143](https://github.com/microsoft/fluentui/pull/28143) by esteban.230@hotmail.com)
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.4.0)
 
 Wed, 31 May 2023 06:46:10 GMT 
diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json
index 15441502a9337..3d902ff37f55d 100644
--- a/packages/react-components/react-combobox/package.json
+++ b/packages/react-components/react-combobox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-combobox",
-  "version": "9.4.0",
+  "version": "9.4.1",
   "description": "Fluent UI React Combobox component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,21 +28,21 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-positioning": "^9.7.0",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx b/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx
index 94d929bbc1dc2..06b813916a2e1 100644
--- a/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx
+++ b/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx
@@ -5,8 +5,13 @@ import { Field } from '@fluentui/react-field';
 import { Combobox } from './Combobox';
 import { Option } from '../Option/index';
 import { isConformant } from '../../testing/isConformant';
+import { resetIdsForTests } from '@fluentui/react-utilities';
 
 describe('Combobox', () => {
+  beforeEach(() => {
+    resetIdsForTests();
+  });
+
   isConformant({
     Component: Combobox,
     displayName: 'Combobox',
diff --git a/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap b/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap
index d89b270595bd1..102b20658e2d8 100644
--- a/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap
+++ b/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`Combobox renders an open listbox 1`] = `
     class="fui-Combobox"
   >
     <input
-      aria-activedescendant="fluent-option21"
+      aria-activedescendant="fluent-option3"
       aria-expanded="true"
       class="fui-Combobox__input"
       role="combobox"
@@ -73,14 +73,14 @@ exports[`Combobox renders an open listbox 1`] = `
     </span>
     <div
       class="fui-Listbox fui-Combobox__listbox"
-      id="fluent-listbox20"
+      id="fluent-listbox2"
       role="listbox"
       style="position: fixed; left: 0px; top: 0px; margin: 0px; width: 0px;"
     >
       <div
         aria-selected="false"
         class="fui-Option"
-        id="fluent-option21"
+        id="fluent-option3"
         role="option"
       >
         <span
@@ -107,7 +107,7 @@ exports[`Combobox renders an open listbox 1`] = `
       <div
         aria-selected="false"
         class="fui-Option"
-        id="fluent-option22"
+        id="fluent-option4"
         role="option"
       >
         <span
@@ -134,7 +134,7 @@ exports[`Combobox renders an open listbox 1`] = `
       <div
         aria-selected="false"
         class="fui-Option"
-        id="fluent-option23"
+        id="fluent-option5"
         role="option"
       >
         <span
diff --git a/packages/react-components/react-combobox/src/components/Dropdown/Dropdown.test.tsx b/packages/react-components/react-combobox/src/components/Dropdown/Dropdown.test.tsx
index 8a2651ecb963c..c78927faf928c 100644
--- a/packages/react-components/react-combobox/src/components/Dropdown/Dropdown.test.tsx
+++ b/packages/react-components/react-combobox/src/components/Dropdown/Dropdown.test.tsx
@@ -5,8 +5,13 @@ import { Field } from '@fluentui/react-field';
 import { Dropdown } from './Dropdown';
 import { Option } from '../Option/index';
 import { isConformant } from '../../testing/isConformant';
+import { resetIdsForTests } from '@fluentui/react-utilities';
 
 describe('Dropdown', () => {
+  beforeEach(() => {
+    resetIdsForTests();
+  });
+
   isConformant({
     Component: Dropdown,
     displayName: 'Dropdown',
diff --git a/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap b/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
index 7badb03aa202f..c64060cec35a0 100644
--- a/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
+++ b/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`Dropdown renders an open listbox 1`] = `
     class="fui-Dropdown"
   >
     <button
-      aria-activedescendant="fluent-option11"
+      aria-activedescendant="fluent-option2"
       aria-expanded="true"
       class="fui-Dropdown__button"
       role="combobox"
@@ -67,14 +67,14 @@ exports[`Dropdown renders an open listbox 1`] = `
     </button>
     <div
       class="fui-Listbox fui-Dropdown__listbox"
-      id="fluent-listbox10"
+      id="fluent-listbox1"
       role="listbox"
       style="position: fixed; left: 0px; top: 0px; margin: 0px; width: 0px;"
     >
       <div
         aria-selected="false"
         class="fui-Option"
-        id="fluent-option11"
+        id="fluent-option2"
         role="option"
       >
         <span
@@ -101,7 +101,7 @@ exports[`Dropdown renders an open listbox 1`] = `
       <div
         aria-selected="false"
         class="fui-Option"
-        id="fluent-option12"
+        id="fluent-option3"
         role="option"
       >
         <span
@@ -128,7 +128,7 @@ exports[`Dropdown renders an open listbox 1`] = `
       <div
         aria-selected="false"
         class="fui-Option"
-        id="fluent-option13"
+        id="fluent-option4"
         role="option"
       >
         <span
diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json
index 0b7f562705381..84e967d2dcd1b 100644
--- a/packages/react-components/react-components/CHANGELOG.json
+++ b/packages/react-components/react-components/CHANGELOG.json
@@ -1,6 +1,381 @@
 {
   "name": "@fluentui/react-components",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:53 GMT",
+      "tag": "@fluentui/react-components_v9.22.0",
+      "version": "9.22.0",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/keyboard-keys",
+            "commit": "1d813ca54572065b0c19e3fbad9e81119c8ebc50",
+            "comment": "chore: re-generate api.md - api extractor regression"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-overflow",
+            "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101",
+            "comment": "chore: update E2E tests"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-shared-contexts",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: re-generate api.md"
+          }
+        ],
+        "minor": [
+          {
+            "author": "vkozlova@microsoft.com",
+            "package": "@fluentui/priority-overflow",
+            "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda",
+            "comment": "feat: Added support for custom divider"
+          },
+          {
+            "author": "vkozlova@microsoft.com",
+            "package": "@fluentui/react-components",
+            "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda",
+            "comment": "feat: Added Overflow divider"
+          },
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-components",
+            "commit": "ab901891c51f8bd5d1a5099e66011c9c84372566",
+            "comment": "[FEATURE] Imperative scrolling functionality for react-virtualizer"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-conformance",
+            "commit": "402599eb2172bf1cd13c003f5050e4d172ed9742",
+            "comment": "BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775",
+            "comment": "feat: Add slide and fade in animation on open"
+          },
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Add/update theme tokens"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-popover",
+            "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775",
+            "comment": "feat: Add slide and fade in animation on open"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775",
+            "comment": "feat: Implement shared styles for slide animations"
+          },
+          {
+            "author": "jirivyhnalek@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6",
+            "comment": "DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-table",
+            "commit": "d33397e28ac542798cfdc4a7b917f1d27db9ed63",
+            "comment": "feat: Implement `focusMode` for DataGridCell"
+          },
+          {
+            "author": "jukapsia@microsoft.com",
+            "package": "@fluentui/react-tabster",
+            "commit": "1a277b9c4d55bc1b7c65a73383425b1934ec1dad",
+            "comment": "useArrowNavigationGroup grid-linear axis"
+          }
+        ],
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203 "
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "7eca299aed541ae297ab5bc7d511e64f56570932",
+            "comment": "fix: Do not render the image when src prop is undefined."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-checkbox",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-combobox",
+            "commit": "1b46051516afdf0f7e2def938627cfd31a3df054",
+            "comment": "fix: Option's checkIcon adds provided className at the end to avoid overrides."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-combobox",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "723e89b9ca9b064375045bd61c8d7e04fd1af46e",
+            "comment": "fix: Do not move focus to the input on first render."
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "16a263106a6f81408d394432ffefc89f53b43efa",
+            "comment": "feat: Add null to value prop for controlled cases to work correctly."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "9768e2c5f36cc6443917e10a44526a1d1050dd81",
+            "comment": "bugfix: Ensures dialog actions stretches on breakpoints"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "derdem@microsoft.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "0eae1bc208e0d69febb4bc1e70ab1e2c7c96b623",
+            "comment": "fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-field",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-migration-v0-v9",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "vkozlova@microsoft.com",
+            "package": "@fluentui/react-overflow",
+            "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda",
+            "comment": "Added support for custom divider"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-portal",
+            "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101",
+            "comment": "fix: use `position: absolute` to prevent scroll jumps"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101",
+            "comment": "fix: cleanup assignment of initial styles"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-radio",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-select",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "1289febede874642bab144c3f59b0498cbc85d72",
+            "comment": "fix: Add reduced motion styling for Skeleton"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-spinbutton",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-switch",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Update table styles to reflect token changes"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-table",
+            "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e",
+            "comment": "fix: TableHeaderCell should not render button when not sortable"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-tabster",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-textarea",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df",
+            "comment": "fix: Remove fixed height so rows prop works and add missing max-height."
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "8b6d1d1fee189c864aa6a201888ed94f61b6dc7d",
+            "comment": "fix: getNativeElementProps should support animation event handlers"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-alert",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "jirivyhnalek@microsoft.com",
+            "package": "@fluentui/react-data-grid-react-window",
+            "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6",
+            "comment": "Fixed an issue where columns would overflow when resizableColumns is on"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "2180922aed405f0a49734a64608749011cece831",
+            "comment": "chore: Create InfoIconLabel component scaffold."
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "cb3741ddf649785332da7f0d57dfa93a965dab75",
+            "comment": "chore: Create InfoTip component."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "91b9ce05995846aaa882d86755583e5b1a703717",
+            "comment": "chore: Rename InfoTip to InfoIcon to better align with InfoButton."
+          },
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-theme-sass",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Add theme tokens"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-tree",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "ab901891c51f8bd5d1a5099e66011c9c84372566",
+            "comment": "feature: Add scrollTo index hook and callbacks, isScrolling flag"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Add/update theme tokens"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "fix:  cast to String keys interpolated within string literals"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:07 GMT",
       "tag": "@fluentui/react-components_v9.21.0",
diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md
index 809e849a9621a..a698f0f07877a 100644
--- a/packages/react-components/react-components/CHANGELOG.md
+++ b/packages/react-components/react-components/CHANGELOG.md
@@ -1,9 +1,120 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Wed, 31 May 2023 06:46:07 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:53 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.22.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.22.0)
+
+Tue, 20 Jun 2023 12:38:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.21.0..@fluentui/react-components_v9.22.0)
+
+### Minor changes
+
+- `@fluentui/priority-overflow`
+  - feat: Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com)
+- `@fluentui/react-components`
+  - feat: Added Overflow divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com)
+  - [FEATURE] Imperative scrolling functionality for react-virtualizer ([PR #27864](https://github.com/microsoft/fluentui/pull/27864) by mifraser@microsoft.com)
+- `@fluentui/react-conformance`
+  - BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build ([PR #28215](https://github.com/microsoft/fluentui/pull/28215) by martinhochel@microsoft.com)
+- `@fluentui/react-menu`
+  - feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com)
+- `@fluentui/react-migration-v8-v9`
+  - Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- `@fluentui/react-popover`
+  - feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com)
+- `@fluentui/react-positioning`
+  - feat: Implement shared styles for slide animations ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com)
+- `@fluentui/react-table`
+  - DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com)
+  - feat: Implement `focusMode` for DataGridCell ([PR #28167](https://github.com/microsoft/fluentui/pull/28167) by lingfangao@hotmail.com)
+- `@fluentui/react-tabster`
+  - useArrowNavigationGroup grid-linear axis ([PR #28253](https://github.com/microsoft/fluentui/pull/28253) by jukapsia@microsoft.com)
+
+### Patches
+
+- `@fluentui/react-accordion`
+  - chore: update @fluentui/react-icons to 2.0.203  ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-avatar`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+  - fix: Do not render the image when src prop is undefined. ([PR #28146](https://github.com/microsoft/fluentui/pull/28146) by esteban.230@hotmail.com)
+- `@fluentui/react-badge`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-button`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-checkbox`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-combobox`
+  - fix: Option's checkIcon adds provided className at the end to avoid overrides. ([PR #28143](https://github.com/microsoft/fluentui/pull/28143) by esteban.230@hotmail.com)
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-datepicker-compat`
+  - fix: Do not move focus to the input on first render. ([PR #28188](https://github.com/microsoft/fluentui/pull/28188) by esteban.230@hotmail.com)
+  - feat: Add null to value prop for controlled cases to work correctly. ([PR #28056](https://github.com/microsoft/fluentui/pull/28056) by esteban.230@hotmail.com)
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-dialog`
+  - bugfix: Ensures dialog actions stretches on breakpoints ([PR #28258](https://github.com/microsoft/fluentui/pull/28258) by bernardo.sunderhus@gmail.com)
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+  - fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion. ([PR #28035](https://github.com/microsoft/fluentui/pull/28035) by derdem@microsoft.com)
+- `@fluentui/react-field`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-menu`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-migration-v0-v9`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-migration-v8-v9`
+  - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-overflow`
+  - Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com)
+- `@fluentui/react-portal`
+  - fix: use `position: absolute` to prevent scroll jumps ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com)
+- `@fluentui/react-positioning`
+  - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+  - fix: cleanup assignment of initial styles ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com)
+- `@fluentui/react-radio`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-select`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-skeleton`
+  - fix: Add reduced motion styling for Skeleton ([PR #28086](https://github.com/microsoft/fluentui/pull/28086) by ololubek@microsoft.com)
+- `@fluentui/react-spinbutton`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-switch`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-table`
+  - Update table styles to reflect token changes ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+  - fix: TableHeaderCell should not render button when not sortable ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by lingfangao@hotmail.com)
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-tabster`
+  - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- `@fluentui/react-textarea`
+  - fix: Remove fixed height so rows prop works and add missing max-height. ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by esteban.230@hotmail.com)
+- `@fluentui/react-utilities`
+  - fix: getNativeElementProps should support animation event handlers ([PR #28094](https://github.com/microsoft/fluentui/pull/28094) by lingfangao@hotmail.com)
+
+### Changes
+
+- `@fluentui/react-alert`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-data-grid-react-window`
+  - Fixed an issue where columns would overflow when resizableColumns is on ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com)
+- `@fluentui/react-infobutton`
+  - chore: Create InfoIconLabel component scaffold. ([PR #28200](https://github.com/microsoft/fluentui/pull/28200) by esteban.230@hotmail.com)
+  - chore: Create InfoTip component. ([PR #28071](https://github.com/microsoft/fluentui/pull/28071) by esteban.230@hotmail.com)
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+  - chore: Rename InfoTip to InfoIcon to better align with InfoButton. ([PR #28177](https://github.com/microsoft/fluentui/pull/28177) by esteban.230@hotmail.com)
+- `@fluentui/react-theme-sass`
+  - Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- `@fluentui/react-tree`
+  - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- `@fluentui/react-virtualizer`
+  - feature: Add scrollTo index hook and callbacks, isScrolling flag ([PR #27864](https://github.com/microsoft/fluentui/pull/27864) by mifraser@microsoft.com)
+  - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- `@fluentui/tokens`
+  - Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+  - fix:  cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
 ## [9.21.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.21.0)
 
 Wed, 31 May 2023 06:46:07 GMT 
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index e4ba55ddb0a11..50d0805d9ffb2 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-components",
-  "version": "9.21.0",
+  "version": "9.22.0",
   "description": "Suite package for converged React components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -31,50 +31,50 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-accordion": "^9.1.16",
-    "@fluentui/react-alert": "9.0.0-beta.51",
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-badge": "^9.1.15",
-    "@fluentui/react-button": "^9.3.16",
-    "@fluentui/react-card": "^9.0.14",
-    "@fluentui/react-checkbox": "^9.1.17",
-    "@fluentui/react-combobox": "^9.4.0",
-    "@fluentui/react-dialog": "^9.5.9",
-    "@fluentui/react-divider": "^9.2.15",
-    "@fluentui/react-drawer": "9.0.0-beta.1",
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-image": "^9.1.12",
-    "@fluentui/react-infobutton": "9.0.0-beta.34",
-    "@fluentui/react-input": "^9.4.16",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-link": "^9.0.42",
-    "@fluentui/react-menu": "^9.7.16",
-    "@fluentui/react-overflow": "^9.0.19",
-    "@fluentui/react-persona": "^9.2.15",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-popover": "^9.6.0",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-progress": "^9.1.16",
-    "@fluentui/react-provider": "^9.7.2",
-    "@fluentui/react-radio": "^9.1.17",
-    "@fluentui/react-select": "^9.1.16",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-skeleton": "^9.0.4",
-    "@fluentui/react-slider": "^9.1.17",
-    "@fluentui/react-spinbutton": "^9.2.16",
-    "@fluentui/react-spinner": "^9.2.2",
-    "@fluentui/react-switch": "^9.1.17",
-    "@fluentui/react-table": "^9.3.0",
-    "@fluentui/react-tabs": "^9.3.17",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-textarea": "^9.3.16",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-toolbar": "^9.1.17",
-    "@fluentui/react-tooltip": "^9.2.16",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-text": "^9.3.12",
-    "@fluentui/react-virtualizer": "9.0.0-alpha.22",
-    "@fluentui/react-tree": "9.0.0-beta.18",
+    "@fluentui/react-accordion": "^9.1.17",
+    "@fluentui/react-alert": "9.0.0-beta.52",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-badge": "^9.1.16",
+    "@fluentui/react-button": "^9.3.17",
+    "@fluentui/react-card": "^9.0.15",
+    "@fluentui/react-checkbox": "^9.1.18",
+    "@fluentui/react-combobox": "^9.4.1",
+    "@fluentui/react-dialog": "^9.5.10",
+    "@fluentui/react-divider": "^9.2.16",
+    "@fluentui/react-drawer": "9.0.0-beta.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-image": "^9.1.13",
+    "@fluentui/react-infobutton": "9.0.0-beta.35",
+    "@fluentui/react-input": "^9.4.17",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-link": "^9.0.43",
+    "@fluentui/react-menu": "^9.8.0",
+    "@fluentui/react-overflow": "^9.0.20",
+    "@fluentui/react-persona": "^9.2.16",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-popover": "^9.7.0",
+    "@fluentui/react-positioning": "^9.7.0",
+    "@fluentui/react-progress": "^9.1.17",
+    "@fluentui/react-provider": "^9.7.3",
+    "@fluentui/react-radio": "^9.1.18",
+    "@fluentui/react-select": "^9.1.17",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-skeleton": "^9.0.5",
+    "@fluentui/react-slider": "^9.1.18",
+    "@fluentui/react-spinbutton": "^9.2.17",
+    "@fluentui/react-spinner": "^9.2.3",
+    "@fluentui/react-switch": "^9.1.18",
+    "@fluentui/react-table": "^9.4.0",
+    "@fluentui/react-tabs": "^9.3.18",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-textarea": "^9.3.17",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-toolbar": "^9.1.18",
+    "@fluentui/react-tooltip": "^9.2.17",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-text": "^9.3.13",
+    "@fluentui/react-virtualizer": "9.0.0-alpha.23",
+    "@fluentui/react-tree": "9.0.0-beta.19",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts
index 4f4eaccdb7afe..5ac6bbd19527b 100644
--- a/packages/react-components/react-components/src/index.ts
+++ b/packages/react-components/react-components/src/index.ts
@@ -835,6 +835,7 @@ export type { ProgressBarProps, ProgressBarState, ProgressBarSlots } from '@flue
 export {
   Overflow,
   OverflowItem,
+  OverflowDivider,
   useIsOverflowGroupVisible,
   useIsOverflowItemVisible,
   useOverflowCount,
@@ -842,6 +843,7 @@ export {
   DATA_OVERFLOWING,
   DATA_OVERFLOW_MENU,
   DATA_OVERFLOW_ITEM,
+  DATA_OVERFLOW_DIVIDER,
 } from '@fluentui/react-overflow';
 
 export type { OverflowProps, OverflowItemProps } from '@fluentui/react-overflow';
diff --git a/packages/react-components/react-conformance-griffel/CHANGELOG.json b/packages/react-components/react-conformance-griffel/CHANGELOG.json
index 422525f4db757..84c37d4e1355e 100644
--- a/packages/react-components/react-conformance-griffel/CHANGELOG.json
+++ b/packages/react-components/react-conformance-griffel/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-conformance-griffel",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.23",
+      "version": "9.0.0-beta.23",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-conformance-griffel",
+            "comment": "Bump @fluentui/react-conformance to v0.17.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:12 GMT",
       "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.22",
diff --git a/packages/react-components/react-conformance-griffel/CHANGELOG.md b/packages/react-components/react-conformance-griffel/CHANGELOG.md
index 43fb6ae2c9433..1e066e569a4f9 100644
--- a/packages/react-components/react-conformance-griffel/CHANGELOG.md
+++ b/packages/react-components/react-conformance-griffel/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-conformance-griffel
 
-This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.23)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance-griffel_v9.0.0-beta.22..@fluentui/react-conformance-griffel_v9.0.0-beta.23)
+
+### Changes
+
+- Bump @fluentui/react-conformance to v0.17.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.22)
 
 Wed, 31 May 2023 06:46:12 GMT 
diff --git a/packages/react-components/react-conformance-griffel/package.json b/packages/react-components/react-conformance-griffel/package.json
index 9aa582f01bfe2..a9a155d8741f6 100644
--- a/packages/react-components/react-conformance-griffel/package.json
+++ b/packages/react-components/react-conformance-griffel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-conformance-griffel",
-  "version": "9.0.0-beta.22",
+  "version": "9.0.0-beta.23",
   "description": "A set of conformance tests for Griffel CSS-in-JS",
   "main": "lib-commonjs/index.js",
   "typings": "./dist/index.d.ts",
@@ -29,7 +29,7 @@
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
     "typescript": "^4.3.0",
-    "@fluentui/react-conformance": "^0.16.3"
+    "@fluentui/react-conformance": "^0.17.0"
   },
   "dependencies": {
     "@griffel/react": "^1.5.7",
diff --git a/packages/react-components/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json
index 7b4849312ca91..758d10f1de7c7 100644
--- a/packages/react-components/react-context-selector/CHANGELOG.json
+++ b/packages/react-components/react-context-selector/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-context-selector",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-context-selector_v9.1.23",
+      "version": "9.1.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-context-selector",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:23 GMT",
       "tag": "@fluentui/react-context-selector_v9.1.22",
diff --git a/packages/react-components/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md
index 26d8e0e3ddd2c..87b07a9415de9 100644
--- a/packages/react-components/react-context-selector/CHANGELOG.md
+++ b/packages/react-components/react-context-selector/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-context-selector
 
-This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.23)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.22..@fluentui/react-context-selector_v9.1.23)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.22)
 
 Wed, 31 May 2023 06:46:23 GMT 
diff --git a/packages/react-components/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json
index 7cd849005e640..0e21bd91a9f69 100644
--- a/packages/react-components/react-context-selector/package.json
+++ b/packages/react-components/react-context-selector/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-context-selector",
-  "version": "9.1.22",
+  "version": "9.1.23",
   "description": "React useContextSelector hook in userland",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-utilities": "^9.9.3",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.json b/packages/react-components/react-data-grid-react-window/CHANGELOG.json
index 508b50d0c88a2..d149f75ac90c9 100644
--- a/packages/react-components/react-data-grid-react-window/CHANGELOG.json
+++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-data-grid-react-window",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:57 GMT",
+      "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.30",
+      "version": "9.0.0-beta.30",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "jirivyhnalek@microsoft.com",
+            "package": "@fluentui/react-data-grid-react-window",
+            "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6",
+            "comment": "Fixed an issue where columns would overflow when resizableColumns is on"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-data-grid-react-window",
+            "comment": "Bump @fluentui/react-table to v9.4.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-data-grid-react-window",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-data-grid-react-window",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-data-grid-react-window",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-data-grid-react-window",
+            "comment": "Bump @fluentui/react-components to v9.22.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:23 GMT",
       "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.29",
diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.md b/packages/react-components/react-data-grid-react-window/CHANGELOG.md
index e305b0948eaed..3e0a37703da2c 100644
--- a/packages/react-components/react-data-grid-react-window/CHANGELOG.md
+++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-data-grid-react-window
 
-This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.30)
+
+Tue, 20 Jun 2023 12:38:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-data-grid-react-window_v9.0.0-beta.29..@fluentui/react-data-grid-react-window_v9.0.0-beta.30)
+
+### Changes
+
+- Fixed an issue where columns would overflow when resizableColumns is on ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com)
+- Bump @fluentui/react-table to v9.4.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.29)
 
 Wed, 31 May 2023 06:46:23 GMT 
diff --git a/packages/react-components/react-data-grid-react-window/package.json b/packages/react-components/react-data-grid-react-window/package.json
index 473d355b82440..e046f1a2abbb4 100644
--- a/packages/react-components/react-data-grid-react-window/package.json
+++ b/packages/react-components/react-data-grid-react-window/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-data-grid-react-window",
-  "version": "9.0.0-beta.29",
+  "version": "9.0.0-beta.30",
   "description": "Virtualized DataGrid components and utilities powered by react-window",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,19 +25,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-table": "^9.3.0",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-table": "^9.4.0",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@swc/helpers": "^0.4.14",
     "react-window": "^1.8.6"
   },
   "peerDependencies": {
-    "@fluentui/react-components": "^9.21.0",
+    "@fluentui/react-components": "^9.22.0",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0",
diff --git a/packages/react-components/react-datepicker-compat/CHANGELOG.json b/packages/react-components/react-datepicker-compat/CHANGELOG.json
index 0ee33ee101e7c..0a6a5030836e5 100644
--- a/packages/react-components/react-datepicker-compat/CHANGELOG.json
+++ b/packages/react-components/react-datepicker-compat/CHANGELOG.json
@@ -1,6 +1,99 @@
 {
   "name": "@fluentui/react-datepicker-compat",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:57 GMT",
+      "tag": "@fluentui/react-datepicker-compat_v0.1.6",
+      "version": "0.1.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "723e89b9ca9b064375045bd61c8d7e04fd1af46e",
+            "comment": "fix: Do not move focus to the input on first render."
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "16a263106a6f81408d394432ffefc89f53b43efa",
+            "comment": "feat: Add null to value prop for controlled cases to work correctly."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-input to v9.4.17",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-popover to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-positioning to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:12 GMT",
       "tag": "@fluentui/react-datepicker-compat_v0.1.5",
diff --git a/packages/react-components/react-datepicker-compat/CHANGELOG.md b/packages/react-components/react-datepicker-compat/CHANGELOG.md
index 6a5002e001bbf..8344357a6205c 100644
--- a/packages/react-components/react-datepicker-compat/CHANGELOG.md
+++ b/packages/react-components/react-datepicker-compat/CHANGELOG.md
@@ -1,9 +1,31 @@
 # Change Log - @fluentui/react-datepicker-compat
 
-This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.6)
+
+Tue, 20 Jun 2023 12:38:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.5..@fluentui/react-datepicker-compat_v0.1.6)
+
+### Patches
+
+- fix: Do not move focus to the input on first render. ([PR #28188](https://github.com/microsoft/fluentui/pull/28188) by esteban.230@hotmail.com)
+- feat: Add null to value prop for controlled cases to work correctly. ([PR #28056](https://github.com/microsoft/fluentui/pull/28056) by esteban.230@hotmail.com)
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-input to v9.4.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [0.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.5)
 
 Wed, 31 May 2023 06:46:12 GMT 
diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json
index 471f50ae9bbc4..90f54e3de7eb3 100644
--- a/packages/react-components/react-datepicker-compat/package.json
+++ b/packages/react-components/react-datepicker-compat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-datepicker-compat",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,23 +30,23 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-input": "^9.4.16",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-popover": "^9.6.0",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-input": "^9.4.17",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-popover": "^9.7.0",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-positioning": "^9.7.0",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx
index c6e4b86d949bc..fd84993313ca3 100644
--- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx
+++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx
@@ -16,6 +16,8 @@ const popoverSelector = '[role="dialog"]';
 describe('DatePicker', () => {
   it('opens a default datepicker', () => {
     mount(<DatePicker />);
+
+    cy.focused().should('not.exist');
     cy.get(inputSelector).click().get(popoverSelector).should('be.visible');
   });
 
diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx
index bd257f1f5dd7d..693f5fe53405e 100644
--- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx
+++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx
@@ -9,6 +9,7 @@ import {
   mergeCallbacks,
   resolveShorthand,
   useControllableState,
+  useFirstMount,
   useId,
   useMergedRefs,
   useOnClickOutside,
@@ -412,14 +413,15 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref<HT
     }
   }, [disableAutoFocus, open, props.disabled]);
 
+  const isFirstMount = useFirstMount();
   // When the popup is closed, focus should go back to the input.
   React.useEffect(() => {
-    if (!open && !props.disabled) {
+    if (!open && !props.disabled && !isFirstMount) {
       focus();
     }
     // Focus function keeps changing, so we need to skip it in the deps
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open, props.disabled]);
+  }, [isFirstMount, open, props.disabled]);
 
   const calendarShorthand = resolveShorthand(props.calendar, {
     required: true,
diff --git a/packages/react-components/react-dialog/CHANGELOG.json b/packages/react-components/react-dialog/CHANGELOG.json
index 473442a082794..eb1906b3499d4 100644
--- a/packages/react-components/react-dialog/CHANGELOG.json
+++ b/packages/react-components/react-dialog/CHANGELOG.json
@@ -1,6 +1,87 @@
 {
   "name": "@fluentui/react-dialog",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:58 GMT",
+      "tag": "@fluentui/react-dialog_v9.5.10",
+      "version": "9.5.10",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "9768e2c5f36cc6443917e10a44526a1d1050dd81",
+            "comment": "bugfix: Ensures dialog actions stretches on breakpoints"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "derdem@microsoft.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "0eae1bc208e0d69febb4bc1e70ab1e2c7c96b623",
+            "comment": "fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-aria to v9.3.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:12 GMT",
       "tag": "@fluentui/react-dialog_v9.5.9",
diff --git a/packages/react-components/react-dialog/CHANGELOG.md b/packages/react-components/react-dialog/CHANGELOG.md
index ac3a8e6cd5c49..33cb26932fa95 100644
--- a/packages/react-components/react-dialog/CHANGELOG.md
+++ b/packages/react-components/react-dialog/CHANGELOG.md
@@ -1,9 +1,29 @@
 # Change Log - @fluentui/react-dialog
 
-This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.10)
+
+Tue, 20 Jun 2023 12:38:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.5.9..@fluentui/react-dialog_v9.5.10)
+
+### Patches
+
+- bugfix: Ensures dialog actions stretches on breakpoints ([PR #28258](https://github.com/microsoft/fluentui/pull/28258) by bernardo.sunderhus@gmail.com)
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion. ([PR #28035](https://github.com/microsoft/fluentui/pull/28035) by derdem@microsoft.com)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.9)
 
 Wed, 31 May 2023 06:46:12 GMT 
diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json
index 4814f29b01c6b..f68728f53d3f7 100644
--- a/packages/react-components/react-dialog/package.json
+++ b/packages/react-components/react-dialog/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.5.9",
+  "version": "9.5.10",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,22 +30,22 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-portal": "^9.2.12",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-portal": "^9.2.13",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts
index a35b7f2efbc01..f3b2c924375d5 100644
--- a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts
+++ b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts
@@ -24,11 +24,17 @@ const useStyles = makeStyles({
     justifySelf: 'end',
     gridColumnStart: 2,
     gridColumnEnd: 4,
+    [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {
+      gridColumnStart: 1,
+    },
   },
   gridPositionStart: {
     justifySelf: 'start',
     gridColumnStart: 1,
     gridColumnEnd: 2,
+    [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {
+      gridColumnEnd: 4,
+    },
   },
   fluidStart: {
     gridColumnEnd: 4,
diff --git a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md
index b5ff3a844e13a..8cc61c1143644 100644
--- a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md
+++ b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md
@@ -1 +1,3 @@
-There's absolutely no benefit in using `DialogTrigger` outside of `Dialog`, just use controlled state with a button instead.
+`DialogTrigger` is not a component that can be used outside of `Dialog`. If you want to trigger the dialog from outside of `Dialog`, you should use controlled state instead.
+
+> ⚠️ Note: As there will be no `DialogTrigger`, you should handle focus restoration when the dialog gets closed.
diff --git a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx
index 1e1227d9008ae..dc51ae617b222 100644
--- a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx
+++ b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx
@@ -8,15 +8,44 @@ import {
   DialogTrigger,
   DialogBody,
   Button,
+  DialogOpenChangeData,
 } from '@fluentui/react-components';
 import story from './DialogTriggerOutsideDialog.md';
 
 export const TriggerOutsideDialog = () => {
+  const triggerRef = React.useRef<HTMLButtonElement>(null);
+
   const [open, setOpen] = React.useState(false);
+  const [closeAction, setCloseAction] = React.useState<DialogOpenChangeData['type'] | null>(null);
+
+  React.useEffect(() => {
+    // Prevents focusing on an initial render
+    if (open || closeAction === null) {
+      return;
+    }
+
+    triggerRef.current?.focus();
+  }, [closeAction, open]);
+
   return (
     <>
-      <Button onClick={() => setOpen(true)}>Open Dialog</Button>
-      <Dialog open={open} onOpenChange={(event, data) => setOpen(data.open)}>
+      <Button
+        onClick={() => {
+          setOpen(true);
+          setCloseAction(null);
+        }}
+        ref={triggerRef}
+      >
+        Open Dialog
+      </Button>
+
+      <Dialog
+        open={open}
+        onOpenChange={(event, data) => {
+          setOpen(data.open);
+          setCloseAction(data.type);
+        }}
+      >
         <DialogSurface>
           <DialogBody>
             <DialogTitle>Dialog title</DialogTitle>
@@ -25,6 +54,7 @@ export const TriggerOutsideDialog = () => {
               est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure
               cumque eaque?
             </DialogContent>
+
             <DialogActions>
               <DialogTrigger disableButtonEnhancement>
                 <Button appearance="secondary">Close</Button>
diff --git a/packages/react-components/react-divider/CHANGELOG.json b/packages/react-components/react-divider/CHANGELOG.json
index 824fd40ba77ad..bdd5c1a5243b2 100644
--- a/packages/react-components/react-divider/CHANGELOG.json
+++ b/packages/react-components/react-divider/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-divider",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-divider_v9.2.16",
+      "version": "9.2.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:12 GMT",
       "tag": "@fluentui/react-divider_v9.2.15",
diff --git a/packages/react-components/react-divider/CHANGELOG.md b/packages/react-components/react-divider/CHANGELOG.md
index 7d49afb9c1bd9..2ba2b82037243 100644
--- a/packages/react-components/react-divider/CHANGELOG.md
+++ b/packages/react-components/react-divider/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.16)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.15..@fluentui/react-divider_v9.2.16)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.2.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.15)
 
 Wed, 31 May 2023 06:46:12 GMT 
diff --git a/packages/react-components/react-divider/package.json b/packages/react-components/react-divider/package.json
index 0387b8bebb6e7..24d6a94b449ff 100644
--- a/packages/react-components/react-divider/package.json
+++ b/packages/react-components/react-divider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "9.2.15",
+  "version": "9.2.16",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,15 +28,15 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-drawer/CHANGELOG.json b/packages/react-components/react-drawer/CHANGELOG.json
index 7cbefbd2e61ee..10be65a7663e1 100644
--- a/packages/react-components/react-drawer/CHANGELOG.json
+++ b/packages/react-components/react-drawer/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-drawer",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-drawer_v9.0.0-beta.2",
+      "version": "9.0.0-beta.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-dialog to v9.5.10",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:13 GMT",
       "tag": "@fluentui/react-drawer_v9.0.0-beta.1",
diff --git a/packages/react-components/react-drawer/CHANGELOG.md b/packages/react-components/react-drawer/CHANGELOG.md
index a4f12c30804f6..20668436e9716 100644
--- a/packages/react-components/react-drawer/CHANGELOG.md
+++ b/packages/react-components/react-drawer/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-drawer
 
-This log was last generated on Wed, 31 May 2023 06:46:13 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.2)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.1..@fluentui/react-drawer_v9.0.0-beta.2)
+
+### Changes
+
+- Bump @fluentui/react-dialog to v9.5.10 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.1)
 
 Wed, 31 May 2023 06:46:13 GMT
diff --git a/packages/react-components/react-drawer/package.json b/packages/react-components/react-drawer/package.json
index 51bff9ff037be..a0fba0e79cd60 100644
--- a/packages/react-components/react-drawer/package.json
+++ b/packages/react-components/react-drawer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-drawer",
-  "version": "9.0.0-beta.1",
+  "version": "9.0.0-beta.2",
   "description": "Drawer components for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,17 +29,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-dialog": "^9.5.9",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-dialog": "^9.5.10",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-field/CHANGELOG.json b/packages/react-components/react-field/CHANGELOG.json
index 36101c90d8853..4ac23f220801a 100644
--- a/packages/react-components/react-field/CHANGELOG.json
+++ b/packages/react-components/react-field/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-field",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:58 GMT",
+      "tag": "@fluentui/react-field_v9.1.7",
+      "version": "9.1.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-field",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:14 GMT",
       "tag": "@fluentui/react-field_v9.1.6",
diff --git a/packages/react-components/react-field/CHANGELOG.md b/packages/react-components/react-field/CHANGELOG.md
index 40cc65f0175e8..b66ba87493426 100644
--- a/packages/react-components/react-field/CHANGELOG.md
+++ b/packages/react-components/react-field/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-field
 
-This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.7)
+
+Tue, 20 Jun 2023 12:38:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.1.6..@fluentui/react-field_v9.1.7)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.6)
 
 Wed, 31 May 2023 06:46:14 GMT 
diff --git a/packages/react-components/react-field/package.json b/packages/react-components/react-field/package.json
index 34111238d0d6d..1cdbcdd989e90 100644
--- a/packages/react-components/react-field/package.json
+++ b/packages/react-components/react-field/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-field",
-  "version": "9.1.6",
+  "version": "9.1.7",
   "description": "Fluent UI Field components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,17 +28,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-image/CHANGELOG.json b/packages/react-components/react-image/CHANGELOG.json
index e9235e05774dc..446a13fa83dc4 100644
--- a/packages/react-components/react-image/CHANGELOG.json
+++ b/packages/react-components/react-image/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-image",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-image_v9.1.13",
+      "version": "9.1.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:14 GMT",
       "tag": "@fluentui/react-image_v9.1.12",
diff --git a/packages/react-components/react-image/CHANGELOG.md b/packages/react-components/react-image/CHANGELOG.md
index 3d1ae535aa50d..99e0dc0032ff3 100644
--- a/packages/react-components/react-image/CHANGELOG.md
+++ b/packages/react-components/react-image/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-image
 
-This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.13)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.12..@fluentui/react-image_v9.1.13)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.12)
 
 Wed, 31 May 2023 06:46:14 GMT 
diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json
index 495a1b4ba0693..5a51f4e3f0452 100644
--- a/packages/react-components/react-image/package.json
+++ b/packages/react-components/react-image/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-image",
-  "version": "9.1.12",
+  "version": "9.1.13",
   "description": "Fluent UI React Image component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,15 +28,15 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-theme": "^9.1.9",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-infobutton/CHANGELOG.json b/packages/react-components/react-infobutton/CHANGELOG.json
index 6c2e515d1a628..acf4f07498819 100644
--- a/packages/react-components/react-infobutton/CHANGELOG.json
+++ b/packages/react-components/react-infobutton/CHANGELOG.json
@@ -1,6 +1,81 @@
 {
   "name": "@fluentui/react-infobutton",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:58 GMT",
+      "tag": "@fluentui/react-infobutton_v9.0.0-beta.35",
+      "version": "9.0.0-beta.35",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "2180922aed405f0a49734a64608749011cece831",
+            "comment": "chore: Create InfoIconLabel component scaffold."
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "cb3741ddf649785332da7f0d57dfa93a965dab75",
+            "comment": "chore: Create InfoTip component."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-infobutton",
+            "commit": "91b9ce05995846aaa882d86755583e5b1a703717",
+            "comment": "chore: Rename InfoTip to InfoIcon to better align with InfoButton."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-popover to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infobutton",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:14 GMT",
       "tag": "@fluentui/react-infobutton_v9.0.0-beta.34",
diff --git a/packages/react-components/react-infobutton/CHANGELOG.md b/packages/react-components/react-infobutton/CHANGELOG.md
index 916f6277651fd..a448e5d29a7bd 100644
--- a/packages/react-components/react-infobutton/CHANGELOG.md
+++ b/packages/react-components/react-infobutton/CHANGELOG.md
@@ -1,9 +1,28 @@
 # Change Log - @fluentui/react-infobutton
 
-This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.35)
+
+Tue, 20 Jun 2023 12:38:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.34..@fluentui/react-infobutton_v9.0.0-beta.35)
+
+### Changes
+
+- chore: Create InfoIconLabel component scaffold. ([PR #28200](https://github.com/microsoft/fluentui/pull/28200) by esteban.230@hotmail.com)
+- chore: Create InfoTip component. ([PR #28071](https://github.com/microsoft/fluentui/pull/28071) by esteban.230@hotmail.com)
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- chore: Rename InfoTip to InfoIcon to better align with InfoButton. ([PR #28177](https://github.com/microsoft/fluentui/pull/28177) by esteban.230@hotmail.com)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.34)
 
 Wed, 31 May 2023 06:46:14 GMT 
diff --git a/packages/react-components/react-infobutton/docs/Spec.md b/packages/react-components/react-infobutton/docs/Spec.md
index 5789158ad5bc3..f8d17e8b7fff8 100644
--- a/packages/react-components/react-infobutton/docs/Spec.md
+++ b/packages/react-components/react-infobutton/docs/Spec.md
@@ -116,3 +116,31 @@ There's no migration guide as `v0` and `v8` do not have an InfoButton component.
   - When focused on the button, pressing `Enter` or `Space` should open the Popover.
   - When the Popover is open, focus is moved to the `PopoverSurface`.
   - When focused on the `PopoverSurface` or content within it, pressing `Escape` should close the Popover.
+
+## InfoButton vs. InfoIcon
+
+There are two use cases we want to tackle, covering these means covering the 80-90% of use cases:
+
+1. When the bubble has a few words and no interactive elements.
+2. When the bubble may have more than a few sentences and interactive elements.
+
+After considering the options, we've decided to have two controls that will cover these use cases. The first one will be InfoIcon which will cover the first use case and the second one will be InfoButton which will cover the second use case.
+
+### InfoIcon - Icon with a Tooltip
+
+- An InfoIcon is an icon that has a tooltip.
+- InfoIcons must keep the default cursor even when hovered.
+- InfoIcons are opened when hovered or focused.
+- InfoIcons do not move focus when opened.
+
+### InfoButton - InfoButton with a Popover
+
+- An InfoButton is a button that has a Popover attached to it.
+- InfoButtons must use the pointer cursor to show this is a button and will have a backplate to differenciate the icon vs button.
+- InfoButtons do not open when focused/hovered, instead they open on click/space/enter.
+- InfoButton's bubble can be dismissed by pressing Escape, clicking outside the bubble, moving focus away from the bubble, or clicking the button again.
+- InfoButton has role note and moves focus to the Popover's surface.
+
+## InfoButtonLabel and InfoIconLabel
+
+To avoid having accessibility issues, we will be providing these controls in the form of InfoIconLabel and InfoButtonLabel. These will provide an out of the box accessibility ready experience.
diff --git a/packages/react-components/react-infobutton/etc/react-infobutton.api.md b/packages/react-components/react-infobutton/etc/react-infobutton.api.md
index 95ff09018d429..55ed6eea251d8 100644
--- a/packages/react-components/react-infobutton/etc/react-infobutton.api.md
+++ b/packages/react-components/react-infobutton/etc/react-infobutton.api.md
@@ -43,6 +43,23 @@ export const InfoIcon: ForwardRefComponent<InfoIconProps>;
 // @public (undocumented)
 export const infoIconClassNames: SlotClassNames<InfoIconSlots>;
 
+// @public
+export const InfoIconLabel: ForwardRefComponent<InfoIconLabelProps>;
+
+// @public (undocumented)
+export const infoIconLabelClassNames: SlotClassNames<InfoIconLabelSlots>;
+
+// @public
+export type InfoIconLabelProps = ComponentProps<InfoIconLabelSlots> & {};
+
+// @public (undocumented)
+export type InfoIconLabelSlots = {
+    root: Slot<'div'>;
+};
+
+// @public
+export type InfoIconLabelState = ComponentState<InfoIconLabelSlots>;
+
 // @public
 export type InfoIconProps = ComponentProps<InfoIconSlots> & {};
 
@@ -81,6 +98,9 @@ export const renderInfoButton_unstable: (state: InfoButtonState) => JSX.Element;
 // @public
 export const renderInfoIcon_unstable: (state: InfoIconState) => JSX.Element;
 
+// @public
+export const renderInfoIconLabel_unstable: (state: InfoIconLabelState) => JSX.Element;
+
 // @public
 export const renderInfoLabel_unstable: (state: InfoLabelState) => JSX.Element;
 
@@ -93,6 +113,12 @@ export const useInfoButtonStyles_unstable: (state: InfoButtonState) => InfoButto
 // @public
 export const useInfoIcon_unstable: (props: InfoIconProps, ref: React_2.Ref<HTMLElement>) => InfoIconState;
 
+// @public
+export const useInfoIconLabel_unstable: (props: InfoIconLabelProps, ref: React_2.Ref<HTMLElement>) => InfoIconLabelState;
+
+// @public
+export const useInfoIconLabelStyles_unstable: (state: InfoIconLabelState) => InfoIconLabelState;
+
 // @public
 export const useInfoIconStyles_unstable: (state: InfoIconState) => InfoIconState;
 
diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json
index f5894c46153f1..a367bbb37236e 100644
--- a/packages/react-components/react-infobutton/package.json
+++ b/packages/react-components/react-infobutton/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infobutton",
-  "version": "9.0.0-beta.34",
+  "version": "9.0.0-beta.35",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-popover": "^9.6.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-popover": "^9.7.0",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-infobutton/src/InfoIconLabel.ts b/packages/react-components/react-infobutton/src/InfoIconLabel.ts
new file mode 100644
index 0000000000000..adad8e663ef11
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/InfoIconLabel.ts
@@ -0,0 +1 @@
+export * from './components/InfoIconLabel/index';
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx
new file mode 100644
index 0000000000000..0db9606004599
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { render } from '@testing-library/react';
+import { InfoIconLabel } from './InfoIconLabel';
+import { isConformant } from '../../testing/isConformant';
+
+describe('InfoIconLabel', () => {
+  isConformant({
+    Component: InfoIconLabel,
+    displayName: 'InfoIconLabel',
+  });
+
+  // TODO add more tests here, and create visual regression tests in /apps/vr-tests
+
+  it('renders a default state', () => {
+    const result = render(<InfoIconLabel>Default InfoIconLabel</InfoIconLabel>);
+    expect(result.container).toMatchSnapshot();
+  });
+});
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx
new file mode 100644
index 0000000000000..6d1d1b03589bd
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { useInfoIconLabel_unstable } from './useInfoIconLabel';
+import { renderInfoIconLabel_unstable } from './renderInfoIconLabel';
+import { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';
+import type { InfoIconLabelProps } from './InfoIconLabel.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+
+/**
+ * InfoIconLabel component - TODO: add more docs
+ */
+export const InfoIconLabel: ForwardRefComponent<InfoIconLabelProps> = React.forwardRef((props, ref) => {
+  const state = useInfoIconLabel_unstable(props, ref);
+
+  useInfoIconLabelStyles_unstable(state);
+  return renderInfoIconLabel_unstable(state);
+});
+
+InfoIconLabel.displayName = 'InfoIconLabel';
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts
new file mode 100644
index 0000000000000..61c0dd3b53695
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts
@@ -0,0 +1,17 @@
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+
+export type InfoIconLabelSlots = {
+  root: Slot<'div'>;
+};
+
+/**
+ * InfoIconLabel Props
+ */
+export type InfoIconLabelProps = ComponentProps<InfoIconLabelSlots> & {};
+
+/**
+ * State used in rendering InfoIconLabel
+ */
+export type InfoIconLabelState = ComponentState<InfoIconLabelSlots>;
+// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.
+// & Required<Pick<InfoIconLabelProps, 'propName'>>
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap b/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap
new file mode 100644
index 0000000000000..f3dc58ca9090e
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InfoIconLabel renders a default state 1`] = `
+<div>
+  <div
+    class="fui-InfoIconLabel"
+  >
+    Default InfoIconLabel
+  </div>
+</div>
+`;
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts
new file mode 100644
index 0000000000000..88d83758b65c0
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts
@@ -0,0 +1,5 @@
+export * from './InfoIconLabel';
+export * from './InfoIconLabel.types';
+export * from './renderInfoIconLabel';
+export * from './useInfoIconLabel';
+export * from './useInfoIconLabelStyles.styles';
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx
new file mode 100644
index 0000000000000..491f3a2a66c8b
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx
@@ -0,0 +1,16 @@
+/** @jsxRuntime classic */
+/** @jsx createElement */
+
+import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
+import type { InfoIconLabelState, InfoIconLabelSlots } from './InfoIconLabel.types';
+
+/**
+ * Render the final JSX of InfoIconLabel
+ */
+export const renderInfoIconLabel_unstable = (state: InfoIconLabelState) => {
+  const { slots, slotProps } = getSlotsNext<InfoIconLabelSlots>(state);
+
+  // TODO Add additional slots in the appropriate place
+  return <slots.root {...slotProps.root} />;
+};
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts
new file mode 100644
index 0000000000000..af5f8057567ce
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts
@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { getNativeElementProps } from '@fluentui/react-utilities';
+import type { InfoIconLabelProps, InfoIconLabelState } from './InfoIconLabel.types';
+
+/**
+ * Create the state required to render InfoIconLabel.
+ *
+ * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,
+ * before being passed to renderInfoIconLabel_unstable.
+ *
+ * @param props - props from this instance of InfoIconLabel
+ * @param ref - reference to root HTMLElement of InfoIconLabel
+ */
+export const useInfoIconLabel_unstable = (
+  props: InfoIconLabelProps,
+  ref: React.Ref<HTMLElement>,
+): InfoIconLabelState => {
+  return {
+    // TODO add appropriate props/defaults
+    components: {
+      // TODO add each slot's element type or component
+      root: 'div',
+    },
+    // TODO add appropriate slots, for example:
+    // mySlot: resolveShorthand(props.mySlot),
+    root: getNativeElementProps('div', {
+      ref,
+      ...props,
+    }),
+  };
+};
diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts
new file mode 100644
index 0000000000000..18eb243d529a3
--- /dev/null
+++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts
@@ -0,0 +1,33 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import type { InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+export const infoIconLabelClassNames: SlotClassNames<InfoIconLabelSlots> = {
+  root: 'fui-InfoIconLabel',
+  // TODO: add class names for all slots on InfoIconLabelSlots.
+  // Should be of the form `<slotName>: 'fui-InfoIconLabel__<slotName>`
+};
+
+/**
+ * Styles for the root slot
+ */
+const useStyles = makeStyles({
+  root: {
+    // TODO Add default styles for the root element
+  },
+
+  // TODO add additional classes for different states and/or slots
+});
+
+/**
+ * Apply styling to the InfoIconLabel slots based on the state
+ */
+export const useInfoIconLabelStyles_unstable = (state: InfoIconLabelState): InfoIconLabelState => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);
+
+  // TODO Add class names to slots, for example:
+  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+
+  return state;
+};
diff --git a/packages/react-components/react-infobutton/src/index.ts b/packages/react-components/react-infobutton/src/index.ts
index f3ace26a667d7..45c0320cba556 100644
--- a/packages/react-components/react-infobutton/src/index.ts
+++ b/packages/react-components/react-infobutton/src/index.ts
@@ -22,3 +22,11 @@ export {
   useInfoIcon_unstable,
 } from './InfoIcon';
 export type { InfoIconProps, InfoIconSlots, InfoIconState } from './InfoIcon';
+export {
+  InfoIconLabel,
+  infoIconLabelClassNames,
+  renderInfoIconLabel_unstable,
+  useInfoIconLabelStyles_unstable,
+  useInfoIconLabel_unstable,
+} from './InfoIconLabel';
+export type { InfoIconLabelProps, InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel';
diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md
new file mode 100644
index 0000000000000..08ff8ddeeb5f8
--- /dev/null
+++ b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md
@@ -0,0 +1,5 @@
+## Best practices
+
+### Do
+
+### Don't
diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx
new file mode 100644
index 0000000000000..94a5c8c3c1c7e
--- /dev/null
+++ b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx
@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { InfoIconLabel, InfoIconLabelProps } from '@fluentui/react-infobutton';
+
+export const Default = (props: Partial<InfoIconLabelProps>) => <InfoIconLabel {...props} />;
diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDescription.md b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDescription.md
new file mode 100644
index 0000000000000..e69de29bb2d1d
diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx
new file mode 100644
index 0000000000000..0961b88da302b
--- /dev/null
+++ b/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx
@@ -0,0 +1,18 @@
+import { InfoIconLabel } from '@fluentui/react-infobutton';
+
+import descriptionMd from './InfoIconLabelDescription.md';
+import bestPracticesMd from './InfoIconLabelBestPractices.md';
+
+export { Default } from './InfoIconLabelDefault.stories';
+
+export default {
+  title: 'Preview Components/InfoIconLabel',
+  component: InfoIconLabel,
+  parameters: {
+    docs: {
+      description: {
+        component: [descriptionMd, bestPracticesMd].join('\n'),
+      },
+    },
+  },
+};
diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json
index 9b3fa56b9553e..4bc3f35aa9bb8 100644
--- a/packages/react-components/react-input/CHANGELOG.json
+++ b/packages/react-components/react-input/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-input",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-input_v9.4.17",
+      "version": "9.4.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-text to v9.3.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:14 GMT",
       "tag": "@fluentui/react-input_v9.4.16",
diff --git a/packages/react-components/react-input/CHANGELOG.md b/packages/react-components/react-input/CHANGELOG.md
index bca97878d2aef..c5bd9fb4967b9 100644
--- a/packages/react-components/react-input/CHANGELOG.md
+++ b/packages/react-components/react-input/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-input
 
-This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.17)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.16..@fluentui/react-input_v9.4.17)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-text to v9.3.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.4.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.16)
 
 Wed, 31 May 2023 06:46:14 GMT 
diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json
index 96440389addd8..985e9e3f14229 100644
--- a/packages/react-components/react-input/package.json
+++ b/packages/react-components/react-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-input",
-  "version": "9.4.16",
+  "version": "9.4.17",
   "description": "Fluent UI React Input component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,17 +28,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
-    "@fluentui/react-text": "^9.3.12",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-text": "^9.3.13",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.json b/packages/react-components/react-jsx-runtime/CHANGELOG.json
index af7a4f48506df..9bb3db4ff837a 100644
--- a/packages/react-components/react-jsx-runtime/CHANGELOG.json
+++ b/packages/react-components/react-jsx-runtime/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-jsx-runtime",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.7",
+      "version": "9.0.0-alpha.7",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:23 GMT",
       "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.6",
diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.md b/packages/react-components/react-jsx-runtime/CHANGELOG.md
index 7b3271026d7c7..060d7d2c2f40d 100644
--- a/packages/react-components/react-jsx-runtime/CHANGELOG.md
+++ b/packages/react-components/react-jsx-runtime/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-jsx-runtime
 
-This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.7)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.6..@fluentui/react-jsx-runtime_v9.0.0-alpha.7)
+
+### Changes
+
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.6)
 
 Wed, 31 May 2023 06:46:23 GMT 
diff --git a/packages/react-components/react-jsx-runtime/package.json b/packages/react-components/react-jsx-runtime/package.json
index 28187cefb579c..6e3f91a9b314a 100644
--- a/packages/react-components/react-jsx-runtime/package.json
+++ b/packages/react-components/react-jsx-runtime/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-jsx-runtime",
-  "version": "9.0.0-alpha.6",
+  "version": "9.0.0-alpha.7",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,12 +25,12 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-utilities": "^9.9.3",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-label/CHANGELOG.json b/packages/react-components/react-label/CHANGELOG.json
index 49bdc0689195c..3aa026d5c66d5 100644
--- a/packages/react-components/react-label/CHANGELOG.json
+++ b/packages/react-components/react-label/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-label",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-label_v9.1.16",
+      "version": "9.1.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:14 GMT",
       "tag": "@fluentui/react-label_v9.1.15",
diff --git a/packages/react-components/react-label/CHANGELOG.md b/packages/react-components/react-label/CHANGELOG.md
index d09518391499e..ec2326ec7ad17 100644
--- a/packages/react-components/react-label/CHANGELOG.md
+++ b/packages/react-components/react-label/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-label
 
-This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.16)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.15..@fluentui/react-label_v9.1.16)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.15)
 
 Wed, 31 May 2023 06:46:14 GMT 
diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json
index e7f160456ea3c..fdf314d1275d1 100644
--- a/packages/react-components/react-label/package.json
+++ b/packages/react-components/react-label/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-label",
-  "version": "9.1.15",
+  "version": "9.1.16",
   "description": "Fluent UI React Label component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,15 +28,15 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json
index 4eaa88e2a06f1..f0d5b9a4cace9 100644
--- a/packages/react-components/react-link/CHANGELOG.json
+++ b/packages/react-components/react-link/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-link",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-link_v9.0.43",
+      "version": "9.0.43",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:15 GMT",
       "tag": "@fluentui/react-link_v9.0.42",
diff --git a/packages/react-components/react-link/CHANGELOG.md b/packages/react-components/react-link/CHANGELOG.md
index 93f7e5dccff73..c1c8afb198578 100644
--- a/packages/react-components/react-link/CHANGELOG.md
+++ b/packages/react-components/react-link/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-link
 
-This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.43)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.42..@fluentui/react-link_v9.0.43)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.42)
 
 Wed, 31 May 2023 06:46:15 GMT 
diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json
index 97145b3b5b32d..96441cd120427 100644
--- a/packages/react-components/react-link/package.json
+++ b/packages/react-components/react-link/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-link",
-  "version": "9.0.42",
+  "version": "9.0.43",
   "description": "Fluent UI React Link component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,16 +29,16 @@
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json
index 7823b219752ee..25625071b8f6e 100644
--- a/packages/react-components/react-menu/CHANGELOG.json
+++ b/packages/react-components/react-menu/CHANGELOG.json
@@ -1,6 +1,89 @@
 {
   "name": "@fluentui/react-menu",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:59 GMT",
+      "tag": "@fluentui/react-menu_v9.8.0",
+      "version": "9.8.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          }
+        ],
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775",
+            "comment": "feat: Add slide and fade in animation on open"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-aria to v9.3.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-positioning to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:15 GMT",
       "tag": "@fluentui/react-menu_v9.7.16",
diff --git a/packages/react-components/react-menu/CHANGELOG.md b/packages/react-components/react-menu/CHANGELOG.md
index e15c54aacc7e8..42a05b30b0cc3 100644
--- a/packages/react-components/react-menu/CHANGELOG.md
+++ b/packages/react-components/react-menu/CHANGELOG.md
@@ -1,9 +1,32 @@
 # Change Log - @fluentui/react-menu
 
-This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.8.0)
+
+Tue, 20 Jun 2023 12:38:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.7.16..@fluentui/react-menu_v9.8.0)
+
+### Minor changes
+
+- feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com)
+- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+
 ## [9.7.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.7.16)
 
 Wed, 31 May 2023 06:46:15 GMT 
diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json
index d3230f814e3cf..9584911a53851 100644
--- a/packages/react-components/react-menu/package.json
+++ b/packages/react-components/react-menu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "9.7.16",
+  "version": "9.8.0",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,23 +30,23 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-positioning": "^9.7.0",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap b/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap
index 5d2974faa1291..47e84002411fd 100644
--- a/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap
+++ b/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap
@@ -19,9 +19,9 @@ exports[`MenuItemCheckbox conformance renders a default state 1`] = `
       aria-hidden={true}
       className=""
       fill="currentColor"
-      height={16}
+      height="16"
       viewBox="0 0 16 16"
-      width={16}
+      width="16"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
diff --git a/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap b/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap
index 9d56f65cc5b87..6c1f079c2da6b 100644
--- a/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap
+++ b/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap
@@ -19,9 +19,9 @@ exports[`MenuItemRadio renders a default state 1`] = `
       aria-hidden={true}
       className=""
       fill="currentColor"
-      height={16}
+      height="16"
       viewBox="0 0 16 16"
-      width={16}
+      width="16"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
diff --git a/packages/react-components/react-migration-v0-v9/CHANGELOG.json b/packages/react-components/react-migration-v0-v9/CHANGELOG.json
index b79c322434968..60ac10424c859 100644
--- a/packages/react-components/react-migration-v0-v9/CHANGELOG.json
+++ b/packages/react-components/react-migration-v0-v9/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:00 GMT",
+      "tag": "@fluentui/react-migration-v0-v9_v9.0.3",
+      "version": "9.0.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-migration-v0-v9",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-components to v9.22.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:15 GMT",
       "tag": "@fluentui/react-migration-v0-v9_v9.0.2",
diff --git a/packages/react-components/react-migration-v0-v9/CHANGELOG.md b/packages/react-components/react-migration-v0-v9/CHANGELOG.md
index 9b9d3ef0f3718..6f9e50a712aa6 100644
--- a/packages/react-components/react-migration-v0-v9/CHANGELOG.md
+++ b/packages/react-components/react-migration-v0-v9/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-migration-v0-v9
 
-This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.3)
+
+Tue, 20 Jun 2023 12:39:00 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.2..@fluentui/react-migration-v0-v9_v9.0.3)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.2)
 
 Wed, 31 May 2023 06:46:15 GMT 
diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json
index b6d224e6f51ce..c5ff0f4455a65 100644
--- a/packages/react-components/react-migration-v0-v9/package.json
+++ b/packages/react-components/react-migration-v0-v9/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
-  "version": "9.0.2",
+  "version": "9.0.3",
   "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,17 +27,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-components": "^9.21.0",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-components": "^9.22.0",
     "@fluentui/react-northstar": "^0.66.4",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/CHANGELOG.json
index 7e2875a138da9..75badfff72dd4 100644
--- a/packages/react-components/react-migration-v8-v9/CHANGELOG.json
+++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.json
@@ -1,6 +1,59 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:00 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.3.0",
+      "version": "9.3.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          }
+        ],
+        "minor": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Add/update theme tokens"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.22.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:15 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v9.2.16",
diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/CHANGELOG.md
index 4463c943d1474..e17d2ddfc348f 100644
--- a/packages/react-components/react-migration-v8-v9/CHANGELOG.md
+++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.3.0)
+
+Tue, 20 Jun 2023 12:39:00 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.16..@fluentui/react-migration-v8-v9_v9.3.0)
+
+### Minor changes
+
+- Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+### Patches
+
+- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+
 ## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.16)
 
 Wed, 31 May 2023 06:46:15 GMT 
diff --git a/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md b/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md
index 9ab032796c350..67f9a350db22a 100644
--- a/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md
+++ b/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md
@@ -63,10 +63,10 @@ export const CompoundButtonShim: React_2.ForwardRefExoticComponent<IButtonProps
 export const createBrandVariants: (palette: IPalette, interpolation?: Interpolation) => BrandVariants;
 
 // @public
-export const createV8Theme: (brandColors: BrandVariants, themeV9: Theme, isDarkTheme?: boolean, themeV8?: Theme_2 | undefined) => Theme_2;
+export const createV8Theme: (brandColors: BrandVariants, themeV9: Theme, isDarkTheme?: boolean, themeV8?: Theme_2) => Theme_2;
 
 // @public
-export const createV9Theme: (themeV8: Theme_2, baseThemeV9?: Theme | undefined) => Theme;
+export const createV9Theme: (themeV8: Theme_2, baseThemeV9?: Theme) => Theme;
 
 // @public
 export const DefaultButtonShim: React_2.ForwardRefExoticComponent<IButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json
index 1806067b57042..6cdcec785c114 100644
--- a/packages/react-components/react-migration-v8-v9/package.json
+++ b/packages/react-components/react-migration-v8-v9/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
-  "version": "9.2.16",
+  "version": "9.3.0",
   "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,18 +26,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@ctrl/tinycolor": "3.3.4",
-    "@fluentui/fluent2-theme": "^8.107.21",
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/react-components": "^9.21.0",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/fluent2-theme": "^8.107.23",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/react-components": "^9.22.0",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts b/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts
index 3dce2645be911..c8aad3d03297e 100644
--- a/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts
+++ b/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts
@@ -43,6 +43,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorCompoundBrandForeground1Pressed: palette.themeDark,
     colorBrandForeground1: palette.themePrimary,
     colorBrandForeground2: palette.themeDarkAlt,
+    colorBrandForeground2Hover: palette.themeDarkAlt,
+    colorBrandForeground2Pressed: palette.themeDarkAlt,
     colorNeutralForeground1Static: palette.neutralPrimary,
     colorNeutralForegroundInverted: palette.white,
     colorNeutralForegroundInvertedHover: palette.white,
@@ -119,6 +121,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorCompoundBrandBackgroundPressed: palette.themeDark,
     colorBrandBackgroundStatic: palette.themePrimary,
     colorBrandBackground2: palette.themeLighterAlt,
+    colorBrandBackground2Hover: palette.themeLighterAlt,
+    colorBrandBackground2Pressed: palette.themeLighterAlt,
     colorBrandBackgroundInverted: palette.white,
     colorBrandBackgroundInvertedHover: palette.themeLighterAlt,
     colorBrandBackgroundInvertedPressed: palette.themeLight,
@@ -133,6 +137,7 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorNeutralStroke1Selected: palette.neutralTertiaryAlt,
     colorNeutralStroke2: palette.neutralQuaternaryAlt,
     colorNeutralStroke3: palette.neutralLighter,
+    colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,
     colorNeutralStrokeOnBrand: palette.white,
     colorNeutralStrokeOnBrand2: palette.white,
     colorNeutralStrokeOnBrand2Hover: palette.white,
@@ -140,6 +145,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorNeutralStrokeOnBrand2Selected: palette.white,
     colorBrandStroke1: palette.themePrimary,
     colorBrandStroke2: palette.themeLight,
+    colorBrandStroke2Hover: palette.themeLight,
+    colorBrandStroke2Pressed: palette.themeLight,
     colorCompoundBrandStroke: palette.themePrimary,
     colorCompoundBrandStrokeHover: palette.themeDarkAlt,
     colorCompoundBrandStrokePressed: palette.themeDark,
diff --git a/packages/react-components/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json
index 4d47e90a8ceb3..fb4f844a502d9 100644
--- a/packages/react-components/react-overflow/CHANGELOG.json
+++ b/packages/react-components/react-overflow/CHANGELOG.json
@@ -1,6 +1,53 @@
 {
   "name": "@fluentui/react-overflow",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:01 GMT",
+      "tag": "@fluentui/react-overflow_v9.0.20",
+      "version": "9.0.20",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-overflow",
+            "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101",
+            "comment": "chore: update E2E tests"
+          }
+        ],
+        "patch": [
+          {
+            "author": "vkozlova@microsoft.com",
+            "package": "@fluentui/react-overflow",
+            "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda",
+            "comment": "Added support for custom divider"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/priority-overflow to v9.1.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:16 GMT",
       "tag": "@fluentui/react-overflow_v9.0.19",
diff --git a/packages/react-components/react-overflow/CHANGELOG.md b/packages/react-components/react-overflow/CHANGELOG.md
index 809398d26b4e5..7641442e9d5dc 100644
--- a/packages/react-components/react-overflow/CHANGELOG.md
+++ b/packages/react-components/react-overflow/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-overflow
 
-This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.20)
+
+Tue, 20 Jun 2023 12:39:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.19..@fluentui/react-overflow_v9.0.20)
+
+### Patches
+
+- Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com)
+- Bump @fluentui/priority-overflow to v9.1.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.19)
 
 Wed, 31 May 2023 06:46:16 GMT 
diff --git a/packages/react-components/react-overflow/etc/react-overflow.api.md b/packages/react-components/react-overflow/etc/react-overflow.api.md
index 23ccaca79cc5a..5e73d2df4ffe4 100644
--- a/packages/react-components/react-overflow/etc/react-overflow.api.md
+++ b/packages/react-components/react-overflow/etc/react-overflow.api.md
@@ -7,10 +7,14 @@
 import { ContextSelector } from '@fluentui/react-context-selector';
 import type { ObserveOptions } from '@fluentui/priority-overflow';
 import type { OnUpdateOverflow } from '@fluentui/priority-overflow';
+import type { OverflowDividerEntry } from '@fluentui/priority-overflow';
 import { OverflowGroupState } from '@fluentui/priority-overflow';
 import type { OverflowItemEntry } from '@fluentui/priority-overflow';
 import * as React_2 from 'react';
 
+// @public (undocumented)
+export const DATA_OVERFLOW_DIVIDER = "data-overflow-divider";
+
 // @public (undocumented)
 export const DATA_OVERFLOW_ITEM = "data-overflow-item";
 
@@ -25,6 +29,9 @@ export const Overflow: React_2.ForwardRefExoticComponent<Partial<Pick<ObserveOpt
     children: React_2.ReactElement;
 } & React_2.RefAttributes<unknown>>;
 
+// @public
+export const OverflowDivider: React_2.ForwardRefExoticComponent<OverflowDividerProps & React_2.RefAttributes<unknown>>;
+
 // @public
 export const OverflowItem: React_2.ForwardRefExoticComponent<OverflowItemProps & React_2.RefAttributes<unknown>>;
 
@@ -51,7 +58,7 @@ export function useIsOverflowItemVisible(id: string): boolean;
 export const useOverflowContainer: <TElement extends HTMLElement>(update: OnUpdateOverflow, options: Omit<ObserveOptions, 'onUpdateOverflow'>) => UseOverflowContainerReturn<TElement>;
 
 // @internal (undocumented)
-export interface UseOverflowContainerReturn<TElement extends HTMLElement> extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu'> {
+export interface UseOverflowContainerReturn<TElement extends HTMLElement> extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu' | 'registerDivider'> {
     containerRef: React_2.RefObject<TElement>;
 }
 
@@ -61,6 +68,9 @@ export const useOverflowContext: <SelectedValue>(selector: ContextSelector<Overf
 // @public (undocumented)
 export const useOverflowCount: () => number;
 
+// @internal
+export function useOverflowDivider<TElement extends HTMLElement>(groupId?: string): React_2.RefObject<TElement>;
+
 // @internal
 export function useOverflowItem<TElement extends HTMLElement>(id: string, priority?: number, groupId?: string): React_2.RefObject<TElement>;
 
diff --git a/packages/react-components/react-overflow/package.json b/packages/react-components/react-overflow/package.json
index 94c1d545d228f..cb78f15e18d99 100644
--- a/packages/react-components/react-overflow/package.json
+++ b/packages/react-components/react-overflow/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-overflow",
-  "version": "9.0.19",
+  "version": "9.0.20",
   "description": "React bindings for @fluentui/priority-overflow",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,10 +34,10 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/priority-overflow": "^9.0.3",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/priority-overflow": "^9.1.0",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-overflow/src/Overflow.cy.tsx b/packages/react-components/react-overflow/src/Overflow.cy.tsx
index 66ee268948f97..e266ec5c0cca3 100644
--- a/packages/react-components/react-overflow/src/Overflow.cy.tsx
+++ b/packages/react-components/react-overflow/src/Overflow.cy.tsx
@@ -3,6 +3,7 @@ import { mount } from '@cypress/react';
 import {
   Overflow,
   OverflowItem,
+  OverflowDivider,
   OverflowItemProps,
   OverflowProps,
   useIsOverflowGroupVisible,
@@ -91,7 +92,17 @@ const Menu: React.FC<{ width?: number }> = ({ width }) => {
         +{overflowCount}
       </button>
       <Portal>
-        <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', width: 200 }}>
+        <div
+          style={{
+            display: 'grid',
+            gridTemplateColumns: '1fr 1fr',
+            width: 200,
+            position: 'fixed',
+            bottom: 0,
+            right: 0,
+            border: '2px dotted magenta',
+          }}
+        >
           {Object.entries(itemVisibility).map(([id, visible]) => (
             <>
               <div>{id}</div>
@@ -140,6 +151,36 @@ export const Divider: React.FC<{
   );
 };
 
+export const CustomDivider: React.FC<{
+  groupId: string;
+  children?: React.ReactNode;
+}> = ({ groupId, children }) => {
+  const isGroupVisible = useIsOverflowGroupVisible(groupId);
+
+  if (isGroupVisible === 'hidden') {
+    return null;
+  }
+
+  const selector = {
+    [selectors.divider]: groupId,
+  };
+
+  const style = {
+    display: 'inline-block',
+    width: '30px',
+    backgroundColor: 'red',
+    height: '20px',
+  };
+
+  return (
+    <OverflowDivider groupId={groupId}>
+      <div {...selector} style={style}>
+        {children}
+      </div>
+    </OverflowDivider>
+  );
+};
+
 describe('Overflow', () => {
   before(() => {
     cy.viewport(700, 700);
@@ -456,6 +497,65 @@ describe('Overflow', () => {
     cy.get(`[${selectors.divider}]`).should('have.length', 1);
   });
 
+  it('should collapse correctly with custom divider', () => {
+    mount(
+      <Container padding={8}>
+        <Item id={'1'} groupId={'1'}>
+          1
+        </Item>
+        <CustomDivider groupId={'1'} data-divider="2">
+          <span data-divider="2" />
+        </CustomDivider>
+        <Item id={'2'} groupId={'2'}>
+          2
+        </Item>
+        <CustomDivider groupId={'2'} data-divider="2">
+          <span data-divider="2" />
+        </CustomDivider>
+        <Item id={'3'} groupId={'3'}>
+          3
+        </Item>
+        <Item id={'4'} groupId={'3'}>
+          4
+        </Item>
+        <CustomDivider groupId={'3'} data-divider="3">
+          <span data-divider="3" />
+        </CustomDivider>
+        <Item id={'5'} groupId={'4'}>
+          5
+        </Item>
+        <Item id={'6'} groupId={'4'}>
+          6
+        </Item>
+        <Item id={'7'} groupId={'4'}>
+          7
+        </Item>
+        <CustomDivider groupId={'4'} data-divider="4">
+          <span data-divider="4" />
+        </CustomDivider>
+        <Item id={'8'} groupId={'5'}>
+          8
+        </Item>
+        <Menu />
+      </Container>,
+    );
+
+    cy.get(`[${selectors.item}="8"]`).should('not.be.visible');
+    setContainerSize(350);
+    cy.get(`[${selectors.divider}="4"]`).should('not.exist');
+    cy.get(`[${selectors.divider}]`).should('have.length', 3);
+    cy.get(`[${selectors.item}="5"]`).should('not.be.visible');
+    setContainerSize(250);
+    cy.get(`[${selectors.divider}="3"]`).should('not.exist');
+    cy.get(`[${selectors.divider}]`).should('have.length', 2);
+    cy.get(`[${selectors.item}="3"]`).should('not.be.visible');
+    setContainerSize(200);
+    cy.get(`[${selectors.divider}="1"]`).should('exist');
+    cy.get(`[${selectors.divider}]`).should('have.length', 1);
+    cy.get(`[${selectors.item}="1"]`).should('be.visible');
+    cy.get(`[${selectors.item}="2"]`).should('not.be.visible');
+  });
+
   it('should remove overflow menu if the last overflowed item can take its place', () => {
     const mapHelper = new Array(10).fill(0).map((_, i) => i);
     mount(
diff --git a/packages/react-components/react-overflow/src/components/Overflow.tsx b/packages/react-components/react-overflow/src/components/Overflow.tsx
index 1a599fd3c65f3..bd7fe38d107f2 100644
--- a/packages/react-components/react-overflow/src/components/Overflow.tsx
+++ b/packages/react-components/react-overflow/src/components/Overflow.tsx
@@ -41,7 +41,9 @@ export const Overflow = React.forwardRef((props: OverflowProps, ref) => {
     const { visibleItems, invisibleItems, groupVisibility } = data;
 
     const itemVisibility: Record<string, boolean> = {};
-    visibleItems.forEach(x => (itemVisibility[x.id] = true));
+    visibleItems.forEach(item => {
+      itemVisibility[item.id] = true;
+    });
     invisibleItems.forEach(x => (itemVisibility[x.id] = false));
 
     setOverflowState(() => {
@@ -53,13 +55,16 @@ export const Overflow = React.forwardRef((props: OverflowProps, ref) => {
     });
   };
 
-  const { containerRef, registerItem, updateOverflow, registerOverflowMenu } = useOverflowContainer(update, {
-    overflowDirection,
-    overflowAxis,
-    padding,
-    minimumVisible,
-    onUpdateItemVisibility: updateVisibilityAttribute,
-  });
+  const { containerRef, registerItem, updateOverflow, registerOverflowMenu, registerDivider } = useOverflowContainer(
+    update,
+    {
+      overflowDirection,
+      overflowAxis,
+      padding,
+      minimumVisible,
+      onUpdateItemVisibility: updateVisibilityAttribute,
+    },
+  );
 
   const clonedChild = applyTriggerPropsToChildren(children, {
     ref: useMergedRefs(containerRef, ref),
@@ -75,6 +80,7 @@ export const Overflow = React.forwardRef((props: OverflowProps, ref) => {
         registerItem,
         updateOverflow,
         registerOverflowMenu,
+        registerDivider,
       }}
     >
       {clonedChild}
diff --git a/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.tsx b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.tsx
new file mode 100644
index 0000000000000..2b8c179442147
--- /dev/null
+++ b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.tsx
@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';
+import { useOverflowDivider } from '../../useOverflowDivider';
+import { OverflowDividerProps } from './OverflowDivider.types';
+
+/**
+ * Attaches overflow item behavior to its child registered with the OverflowContext.
+ * It does not render an element of its own.
+ */
+export const OverflowDivider = React.forwardRef((props: OverflowDividerProps, ref) => {
+  const { groupId, children } = props;
+
+  const containerRef = useOverflowDivider(groupId);
+  return applyTriggerPropsToChildren(children, {
+    ref: useMergedRefs(containerRef, ref),
+  });
+});
diff --git a/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.types.ts b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.types.ts
new file mode 100644
index 0000000000000..c7aecfdfc4985
--- /dev/null
+++ b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.types.ts
@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+/**
+ * OverflowDividerProps
+ */
+export type OverflowDividerProps = {
+  /**
+   * Assigns the item to a group, group visibility can be watched.
+   */
+  groupId: string;
+  /**
+   * The single child that has overflow item behavior attached.
+   */
+  children: React.ReactElement;
+};
diff --git a/packages/react-components/react-overflow/src/constants.ts b/packages/react-components/react-overflow/src/constants.ts
index a4cf687ac9dc3..f4d77032cd191 100644
--- a/packages/react-components/react-overflow/src/constants.ts
+++ b/packages/react-components/react-overflow/src/constants.ts
@@ -1,3 +1,4 @@
 export const DATA_OVERFLOWING = 'data-overflowing';
 export const DATA_OVERFLOW_ITEM = 'data-overflow-item';
 export const DATA_OVERFLOW_MENU = 'data-overflow-menu';
+export const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider';
diff --git a/packages/react-components/react-overflow/src/index.ts b/packages/react-components/react-overflow/src/index.ts
index 5466d7c6a93a3..dd4f52fbb2134 100644
--- a/packages/react-components/react-overflow/src/index.ts
+++ b/packages/react-components/react-overflow/src/index.ts
@@ -1,6 +1,6 @@
 export { Overflow } from './components/Overflow';
 export type { OverflowProps } from './components/Overflow';
-export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';
+export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU, DATA_OVERFLOW_DIVIDER } from './constants';
 export type { UseOverflowContainerReturn } from './types';
 export { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';
 export { useIsOverflowItemVisible } from './useIsOverflowItemVisible';
@@ -8,8 +8,10 @@ export { useOverflowContainer } from './useOverflowContainer';
 export { useOverflowCount } from './useOverflowCount';
 export { useOverflowItem } from './useOverflowItem';
 export { useOverflowMenu } from './useOverflowMenu';
+export { useOverflowDivider } from './useOverflowDivider';
 
 export { useOverflowContext } from './overflowContext';
 
 export type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';
 export { OverflowItem } from './components/OverflowItem/OverflowItem';
+export { OverflowDivider } from './components/OverflowDivider/OverflowDivider';
diff --git a/packages/react-components/react-overflow/src/overflowContext.ts b/packages/react-components/react-overflow/src/overflowContext.ts
index 87a53f791f9c2..3f40467a45e15 100644
--- a/packages/react-components/react-overflow/src/overflowContext.ts
+++ b/packages/react-components/react-overflow/src/overflowContext.ts
@@ -1,4 +1,4 @@
-import type { OverflowGroupState, OverflowItemEntry } from '@fluentui/priority-overflow';
+import type { OverflowGroupState, OverflowItemEntry, OverflowDividerEntry } from '@fluentui/priority-overflow';
 import { ContextSelector, createContext, useContextSelector, Context } from '@fluentui/react-context-selector';
 
 /**
@@ -10,6 +10,7 @@ export interface OverflowContextValue {
   hasOverflow: boolean;
   registerItem: (item: OverflowItemEntry) => () => void;
   registerOverflowMenu: (el: HTMLElement) => () => void;
+  registerDivider: (divider: OverflowDividerEntry) => () => void;
   updateOverflow: (padding?: number) => void;
 }
 
@@ -24,6 +25,7 @@ const overflowContextDefaultValue: OverflowContextValue = {
   registerItem: () => () => null,
   updateOverflow: () => null,
   registerOverflowMenu: () => () => null,
+  registerDivider: () => () => null,
 };
 
 /**
diff --git a/packages/react-components/react-overflow/src/types.ts b/packages/react-components/react-overflow/src/types.ts
index 45a60daa71415..4bf971e67fb3c 100644
--- a/packages/react-components/react-overflow/src/types.ts
+++ b/packages/react-components/react-overflow/src/types.ts
@@ -5,7 +5,7 @@ import { OverflowContextValue } from './overflowContext';
  * @internal
  */
 export interface UseOverflowContainerReturn<TElement extends HTMLElement>
-  extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu'> {
+  extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu' | 'registerDivider'> {
   /**
    * Ref to apply to the container that will overflow
    */
diff --git a/packages/react-components/react-overflow/src/useOverflowContainer.test.ts b/packages/react-components/react-overflow/src/useOverflowContainer.test.ts
index 978d95d8db7a1..ac9854b8c020c 100644
--- a/packages/react-components/react-overflow/src/useOverflowContainer.test.ts
+++ b/packages/react-components/react-overflow/src/useOverflowContainer.test.ts
@@ -15,6 +15,8 @@ const mockOverflowManager = (options: Partial<OverflowManager> = {}) => {
     removeItem: jest.fn(),
     removeOverflowMenu: jest.fn(),
     update: jest.fn(),
+    addDivider: jest.fn(),
+    removeDivider: jest.fn(),
   };
   (createOverflowManager as jest.Mock).mockReturnValue({
     ...defaultMock,
diff --git a/packages/react-components/react-overflow/src/useOverflowContainer.ts b/packages/react-components/react-overflow/src/useOverflowContainer.ts
index 9eb55e4b5ac36..32dc0f44ffa85 100644
--- a/packages/react-components/react-overflow/src/useOverflowContainer.ts
+++ b/packages/react-components/react-overflow/src/useOverflowContainer.ts
@@ -8,12 +8,13 @@ import type {
   OnUpdateItemVisibility,
   OnUpdateOverflow,
   OverflowItemEntry,
+  OverflowDividerEntry,
   OverflowManager,
   ObserveOptions,
 } from '@fluentui/priority-overflow';
 import { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
 import { UseOverflowContainerReturn } from './types';
-import { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';
+import { DATA_OVERFLOWING, DATA_OVERFLOW_DIVIDER, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';
 
 /**
  * @internal
@@ -78,6 +79,20 @@ export const useOverflowContainer = <TElement extends HTMLElement>(
     [overflowManager],
   );
 
+  const registerDivider = React.useCallback(
+    (divider: OverflowDividerEntry) => {
+      const el = divider.element;
+      overflowManager?.addDivider(divider);
+      el && el.setAttribute(DATA_OVERFLOW_DIVIDER, '');
+
+      return () => {
+        divider.groupId && overflowManager?.removeDivider(divider.groupId);
+        el.removeAttribute(DATA_OVERFLOW_DIVIDER);
+      };
+    },
+    [overflowManager],
+  );
+
   const updateOverflow = React.useCallback(() => {
     overflowManager?.update();
   }, [overflowManager]);
@@ -100,6 +115,7 @@ export const useOverflowContainer = <TElement extends HTMLElement>(
     registerItem,
     updateOverflow,
     registerOverflowMenu,
+    registerDivider,
   };
 };
 
diff --git a/packages/react-components/react-overflow/src/useOverflowDivider.ts b/packages/react-components/react-overflow/src/useOverflowDivider.ts
new file mode 100644
index 0000000000000..8385ae6ea6f24
--- /dev/null
+++ b/packages/react-components/react-overflow/src/useOverflowDivider.ts
@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import { useOverflowContext } from './overflowContext';
+
+/**
+ * @internal
+ * Registers an overflow item
+ * @param groupId - assigns the item to a group, group visibility can be watched
+ * @returns ref to assign to an intrinsic HTML element
+ */
+export function useOverflowDivider<TElement extends HTMLElement>(groupId?: string) {
+  const ref = React.useRef<TElement>(null);
+  const registerDivider = useOverflowContext(v => v.registerDivider);
+
+  useIsomorphicLayoutEffect(() => {
+    if (ref.current && groupId) {
+      return registerDivider({
+        element: ref.current,
+        groupId,
+      });
+    }
+  }, [registerDivider, groupId]);
+
+  return ref;
+}
diff --git a/packages/react-components/react-overflow/stories/Overflow/LargerDividers.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/LargerDividers.stories.tsx
new file mode 100644
index 0000000000000..c802641f44ec2
--- /dev/null
+++ b/packages/react-components/react-overflow/stories/Overflow/LargerDividers.stories.tsx
@@ -0,0 +1,173 @@
+import * as React from 'react';
+import {
+  makeStyles,
+  shorthands,
+  Button,
+  Menu,
+  MenuTrigger,
+  MenuPopover,
+  MenuList,
+  MenuItem,
+  MenuDivider,
+  MenuButton,
+  tokens,
+  mergeClasses,
+  Overflow,
+  OverflowItem,
+  useIsOverflowGroupVisible,
+  useIsOverflowItemVisible,
+  useOverflowMenu,
+  OverflowDivider,
+} from '@fluentui/react-components';
+import { ChevronRight20Regular } from '@fluentui/react-icons';
+
+const useStyles = makeStyles({
+  container: {
+    display: 'flex',
+    flexWrap: 'nowrap',
+    minWidth: 0,
+    ...shorthands.overflow('hidden'),
+  },
+
+  resizableArea: {
+    minWidth: '200px',
+    maxWidth: '800px',
+    ...shorthands.border('2px', 'solid', tokens.colorBrandBackground),
+    ...shorthands.padding('20px', '10px', '10px', '10px'),
+    position: 'relative',
+    resize: 'horizontal',
+    '::after': {
+      content: `'Resizable Area'`,
+      position: 'absolute',
+      ...shorthands.padding('1px', '4px', '1px'),
+      top: '-2px',
+      left: '-2px',
+      fontFamily: 'monospace',
+      fontSize: '15px',
+      fontWeight: 900,
+      lineHeight: 1,
+      letterSpacing: '1px',
+      color: tokens.colorNeutralForegroundOnBrand,
+      backgroundColor: tokens.colorBrandBackground,
+    },
+  },
+});
+
+export const LargerDividers = () => {
+  const styles = useStyles();
+
+  return (
+    <Overflow padding={20}>
+      <div className={mergeClasses(styles.container, styles.resizableArea)}>
+        <OverflowItem id={'1'} groupId={'1'}>
+          <Button>Item 1</Button>
+        </OverflowItem>
+        <OverflowGroupDivider groupId={'1'} />
+        <OverflowItem id={'2'} groupId={'2'}>
+          <Button>Item 2</Button>
+        </OverflowItem>
+        <OverflowGroupDivider groupId={'2'} />
+        <OverflowItem id={'3'} groupId={'3'}>
+          <Button>Item 3</Button>
+        </OverflowItem>
+        <OverflowItem id={'4'} groupId={'3'}>
+          <Button>Item 4</Button>
+        </OverflowItem>
+        <OverflowGroupDivider groupId={'3'} />
+        <OverflowItem id={'5'} groupId={'4'}>
+          <Button>Item 5</Button>
+        </OverflowItem>
+        <OverflowItem id={'6'} groupId={'4'}>
+          <Button>Item 6</Button>
+        </OverflowItem>
+        <OverflowItem id={'7'} groupId={'4'}>
+          <Button>Item 7</Button>
+        </OverflowItem>
+        <OverflowGroupDivider groupId={'4'} />
+        <OverflowItem id={'8'} groupId={'5'}>
+          <Button>Item 8</Button>
+        </OverflowItem>
+        <OverflowMenu
+          itemIds={['1', 'divider-1', '2', 'divider-2', '3', '4', 'divider-3', '5', '6', '7', 'divider-4', '8']}
+        />
+      </div>
+    </Overflow>
+  );
+};
+
+const OverflowGroupDivider: React.FC<{
+  groupId: string;
+}> = props => {
+  return (
+    <OverflowDivider groupId={props.groupId}>
+      <div>
+        <ChevronRight20Regular />
+      </div>
+    </OverflowDivider>
+  );
+};
+
+const OverflowMenu: React.FC<{ itemIds: string[] }> = ({ itemIds }) => {
+  const { ref, overflowCount, isOverflowing } = useOverflowMenu<HTMLButtonElement>();
+
+  if (!isOverflowing) {
+    return null;
+  }
+
+  return (
+    <Menu>
+      <MenuTrigger disableButtonEnhancement>
+        <MenuButton ref={ref}>+{overflowCount} items</MenuButton>
+      </MenuTrigger>
+
+      <MenuPopover>
+        <MenuList>
+          {itemIds.map(i => {
+            // This is purely a simplified convention for documentation examples
+            // Could be done in other ways too
+            if (typeof i === 'string' && i.startsWith('divider')) {
+              const groupId = i.split('-')[1];
+              return <OverflowMenuDivider key={i} id={groupId} />;
+            }
+            return <OverflowMenuItem key={i} id={i} />;
+          })}
+        </MenuList>
+      </MenuPopover>
+    </Menu>
+  );
+};
+
+const OverflowMenuItem: React.FC<{ id: string }> = props => {
+  const { id } = props;
+  const isVisible = useIsOverflowItemVisible(id);
+
+  if (isVisible) {
+    return null;
+  }
+
+  return <MenuItem>Item {id}</MenuItem>;
+};
+
+const OverflowMenuDivider: React.FC<{
+  id: string;
+}> = props => {
+  const isGroupVisible = useIsOverflowGroupVisible(props.id);
+
+  if (isGroupVisible === 'visible') {
+    return null;
+  }
+
+  return <MenuDivider />;
+};
+
+LargerDividers.parameters = {
+  docs: {
+    description: {
+      story: [
+        'For smaller dividers the `padding` prop can be set to take into account the unmeasured space that the divider takes up.',
+        'When a larger divider is used its width is not calculated. This causes items to overflow later than needed.',
+        'The `OverflowDivider` divider component can be used for larger dividers to include its width to the calculation.',
+      ].join('\n'),
+    },
+  },
+};
diff --git a/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx
index ea07735698c6b..ac995aaa8a1f5 100644
--- a/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx
+++ b/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx
@@ -10,6 +10,7 @@ export { OverflowByPriority } from './OverflowByPriority.stories';
 export { Wrapped } from './Wrapped.stories';
 export { Pinned } from './Pinned.stories';
 export { Dividers } from './Dividers.stories';
+export { LargerDividers } from './LargerDividers.stories';
 export { PriorityWithDividers } from './PriorityWithDividers.stories';
 
 export default {
diff --git a/packages/react-components/react-persona/CHANGELOG.json b/packages/react-components/react-persona/CHANGELOG.json
index d866bd0843eaa..8273b33961685 100644
--- a/packages/react-components/react-persona/CHANGELOG.json
+++ b/packages/react-components/react-persona/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-persona",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-persona_v9.2.16",
+      "version": "9.2.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-avatar to v9.5.6",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-badge to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:16 GMT",
       "tag": "@fluentui/react-persona_v9.2.15",
diff --git a/packages/react-components/react-persona/CHANGELOG.md b/packages/react-components/react-persona/CHANGELOG.md
index 8ecd8a4d56d97..8fd7d4d020606 100644
--- a/packages/react-components/react-persona/CHANGELOG.md
+++ b/packages/react-components/react-persona/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-persona
 
-This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.16)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.15..@fluentui/react-persona_v9.2.16)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-badge to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.2.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.15)
 
 Wed, 31 May 2023 06:46:16 GMT 
diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json
index 765357cb9a1a6..3c4a568f271b0 100644
--- a/packages/react-components/react-persona/package.json
+++ b/packages/react-components/react-persona/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-persona",
-  "version": "9.2.15",
+  "version": "9.2.16",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,17 +28,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-badge": "^9.1.15",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-badge": "^9.1.16",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json
index 4e50e3f750e8e..57309659635ec 100644
--- a/packages/react-components/react-popover/CHANGELOG.json
+++ b/packages/react-components/react-popover/CHANGELOG.json
@@ -1,6 +1,81 @@
 {
   "name": "@fluentui/react-popover",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:01 GMT",
+      "tag": "@fluentui/react-popover_v9.7.0",
+      "version": "9.7.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-popover",
+            "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775",
+            "comment": "feat: Add slide and fade in animation on open"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-aria to v9.3.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-positioning to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:16 GMT",
       "tag": "@fluentui/react-popover_v9.6.0",
diff --git a/packages/react-components/react-popover/CHANGELOG.md b/packages/react-components/react-popover/CHANGELOG.md
index 36e010755904d..3778fd1da43d1 100644
--- a/packages/react-components/react-popover/CHANGELOG.md
+++ b/packages/react-components/react-popover/CHANGELOG.md
@@ -1,9 +1,28 @@
 # Change Log - @fluentui/react-popover
 
-This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.7.0)
+
+Tue, 20 Jun 2023 12:39:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.6.0..@fluentui/react-popover_v9.7.0)
+
+### Minor changes
+
+- feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com)
+- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.6.0)
 
 Wed, 31 May 2023 06:46:16 GMT 
diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json
index 651928d85c64e..b73c9e6d591fc 100644
--- a/packages/react-components/react-popover/package.json
+++ b/packages/react-components/react-popover/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-popover",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "description": "Popover component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,22 +30,22 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-positioning": "^9.7.0",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json
index cb213f7163886..159e1a0ca9cea 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.json
+++ b/packages/react-components/react-portal-compat/CHANGELOG.json
@@ -1,6 +1,33 @@
 {
   "name": "@fluentui/react-portal-compat",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-portal-compat_v9.0.61",
+      "version": "9.0.61",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-components to v9.22.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:23 GMT",
       "tag": "@fluentui/react-portal-compat_v9.0.60",
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md
index 127c25dc11c40..bd70c6a9f8ee3 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.md
+++ b/packages/react-components/react-portal-compat/CHANGELOG.md
@@ -1,9 +1,20 @@
 # Change Log - @fluentui/react-portal-compat
 
-This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.61](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.61)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.60..@fluentui/react-portal-compat_v9.0.61)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.60)
 
 Wed, 31 May 2023 06:46:23 GMT 
diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json
index 5a21af6f67beb..a4bc44822e632 100644
--- a/packages/react-components/react-portal-compat/package.json
+++ b/packages/react-components/react-portal-compat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal-compat",
-  "version": "9.0.60",
+  "version": "9.0.61",
   "description": "A package that contains compatibility layer for React Portals",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,19 +27,19 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-components": "^9.21.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
+    "@fluentui/react-components": "^9.22.0",
+    "@fluentui/react-shared-contexts": "^9.5.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/react-portal-compat-context": "^9.0.6",
-    "@fluentui/react-tabster": "^9.7.5",
+    "@fluentui/react-tabster": "^9.8.0",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
-    "@fluentui/react-components": "^9.21.0",
+    "@fluentui/react-components": "^9.22.0",
     "@types/react": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0"
   },
diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json
index ff455b738ed47..e7a09e130f633 100644
--- a/packages/react-components/react-portal/CHANGELOG.json
+++ b/packages/react-components/react-portal/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-portal",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:01 GMT",
+      "tag": "@fluentui/react-portal_v9.2.13",
+      "version": "9.2.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-portal",
+            "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101",
+            "comment": "fix: use `position: absolute` to prevent scroll jumps"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:16 GMT",
       "tag": "@fluentui/react-portal_v9.2.12",
diff --git a/packages/react-components/react-portal/CHANGELOG.md b/packages/react-components/react-portal/CHANGELOG.md
index 28fdf3bb51940..c26b95e4938c0 100644
--- a/packages/react-components/react-portal/CHANGELOG.md
+++ b/packages/react-components/react-portal/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-portal
 
-This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.13)
+
+Tue, 20 Jun 2023 12:39:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.2.12..@fluentui/react-portal_v9.2.13)
+
+### Patches
+
+- fix: use `position: absolute` to prevent scroll jumps ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.12)
 
 Wed, 31 May 2023 06:46:16 GMT 
diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json
index e7552424e875f..145b4da044953 100644
--- a/packages/react-components/react-portal/package.json
+++ b/packages/react-components/react-portal/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal",
-  "version": "9.2.12",
+  "version": "9.2.13",
   "description": "A utility component that creates portals compatible with Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,9 +32,9 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14",
     "use-disposable": "^1.0.1"
diff --git a/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts b/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts
index 8ba1b843d5070..a3882f6d1b933 100644
--- a/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts
+++ b/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts
@@ -2,7 +2,15 @@ import { makeStyles } from '@griffel/react';
 
 export const usePortalMountNodeStylesStyles = makeStyles({
   root: {
-    position: 'relative',
+    // Creates new stacking context to prevent z-index issues
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context
+    //
+    // Also keeps a portal on top of a page to prevent scrollbars from appearing
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+
     zIndex: 1000000,
   },
 });
diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json
index 7b15c0867a44a..d647b88fd8d5e 100644
--- a/packages/react-components/react-positioning/CHANGELOG.json
+++ b/packages/react-components/react-positioning/CHANGELOG.json
@@ -1,6 +1,53 @@
 {
   "name": "@fluentui/react-positioning",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:02 GMT",
+      "tag": "@fluentui/react-positioning_v9.7.0",
+      "version": "9.7.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101",
+            "comment": "fix: cleanup assignment of initial styles"
+          }
+        ],
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775",
+            "comment": "feat: Implement shared styles for slide animations"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:17 GMT",
       "tag": "@fluentui/react-positioning_v9.6.0",
diff --git a/packages/react-components/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md
index 9ca5ae517cbd6..f9a2a4ee860b3 100644
--- a/packages/react-components/react-positioning/CHANGELOG.md
+++ b/packages/react-components/react-positioning/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Wed, 31 May 2023 06:46:17 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.7.0)
+
+Tue, 20 Jun 2023 12:39:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.6.0..@fluentui/react-positioning_v9.7.0)
+
+### Minor changes
+
+- feat: Implement shared styles for slide animations ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+### Patches
+
+- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- fix: cleanup assignment of initial styles ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com)
+
 ## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.6.0)
 
 Wed, 31 May 2023 06:46:17 GMT 
diff --git a/packages/react-components/react-positioning/etc/react-positioning.api.md b/packages/react-components/react-positioning/etc/react-positioning.api.md
index 9455e814d73d2..64ea1e3f13ebe 100644
--- a/packages/react-components/react-positioning/etc/react-positioning.api.md
+++ b/packages/react-components/react-positioning/etc/react-positioning.api.md
@@ -111,7 +111,7 @@ export type SetVirtualMouseTarget = (event: React_2.MouseEvent | MouseEvent | un
 export function usePositioning(options: UsePositioningOptions): UsePositioningReturn;
 
 // @internal
-export const usePositioningMouseTarget: (initialState?: PositioningVirtualElement | (() => PositioningVirtualElement) | undefined) => readonly [PositioningVirtualElement | undefined, SetVirtualMouseTarget];
+export const usePositioningMouseTarget: (initialState?: PositioningVirtualElement | (() => PositioningVirtualElement)) => readonly [PositioningVirtualElement | undefined, SetVirtualMouseTarget];
 
 // (No @packageDocumentation comment for this package)
 
diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json
index 8dd451b1a12ed..715cc8e8cf990 100644
--- a/packages/react-components/react-positioning/package.json
+++ b/packages/react-components/react-positioning/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-positioning",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "description": "A react wrapper around Popper.js for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.2.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-progress/CHANGELOG.json b/packages/react-components/react-progress/CHANGELOG.json
index aed76968afb44..df399e527af8b 100644
--- a/packages/react-components/react-progress/CHANGELOG.json
+++ b/packages/react-components/react-progress/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-progress",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-progress_v9.1.17",
+      "version": "9.1.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:17 GMT",
       "tag": "@fluentui/react-progress_v9.1.16",
diff --git a/packages/react-components/react-progress/CHANGELOG.md b/packages/react-components/react-progress/CHANGELOG.md
index 86a2255435d08..5ad694e155624 100644
--- a/packages/react-components/react-progress/CHANGELOG.md
+++ b/packages/react-components/react-progress/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-progress
 
-This log was last generated on Wed, 31 May 2023 06:46:17 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.17)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.16..@fluentui/react-progress_v9.1.17)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.16)
 
 Wed, 31 May 2023 06:46:17 GMT 
diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json
index 7743a8d054d6c..a167a3278d37a 100644
--- a/packages/react-components/react-progress/package.json
+++ b/packages/react-components/react-progress/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-progress",
-  "version": "9.1.16",
+  "version": "9.1.17",
   "description": "Progress component for FluentUI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,16 +28,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-provider/CHANGELOG.json b/packages/react-components/react-provider/CHANGELOG.json
index 7baaa9aaf32bd..c77db644ba522 100644
--- a/packages/react-components/react-provider/CHANGELOG.json
+++ b/packages/react-components/react-provider/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-provider",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-provider_v9.7.3",
+      "version": "9.7.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:17 GMT",
       "tag": "@fluentui/react-provider_v9.7.2",
diff --git a/packages/react-components/react-provider/CHANGELOG.md b/packages/react-components/react-provider/CHANGELOG.md
index 33449537666a6..444ed6adcef2b 100644
--- a/packages/react-components/react-provider/CHANGELOG.md
+++ b/packages/react-components/react-provider/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-provider
 
-This log was last generated on Wed, 31 May 2023 06:46:17 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.3)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.7.2..@fluentui/react-provider_v9.7.3)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.7.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.2)
 
 Wed, 31 May 2023 06:46:17 GMT 
diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json
index ee0415edcedd3..bf499e95ad61c 100644
--- a/packages/react-components/react-provider/package.json
+++ b/packages/react-components/react-provider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-provider",
-  "version": "9.7.2",
+  "version": "9.7.3",
   "description": "Fluent UI React provider component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,16 +28,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/core": "^1.11.0",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
diff --git a/packages/react-components/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json
index 37747c58208ba..1ed4c5517f092 100644
--- a/packages/react-components/react-radio/CHANGELOG.json
+++ b/packages/react-components/react-radio/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-radio",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:02 GMT",
+      "tag": "@fluentui/react-radio_v9.1.18",
+      "version": "9.1.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-radio",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:18 GMT",
       "tag": "@fluentui/react-radio_v9.1.17",
diff --git a/packages/react-components/react-radio/CHANGELOG.md b/packages/react-components/react-radio/CHANGELOG.md
index db4f72b98efc5..82e352f000f99 100644
--- a/packages/react-components/react-radio/CHANGELOG.md
+++ b/packages/react-components/react-radio/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-radio
 
-This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.18)
+
+Tue, 20 Jun 2023 12:39:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.17..@fluentui/react-radio_v9.1.18)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.17)
 
 Wed, 31 May 2023 06:46:18 GMT 
diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json
index ac1c4a91d2f03..e03047b8649c9 100644
--- a/packages/react-components/react-radio/package.json
+++ b/packages/react-components/react-radio/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-radio",
-  "version": "9.1.17",
+  "version": "9.1.18",
   "description": "Fluent UI Radio component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-search/etc/react-search.api.md b/packages/react-components/react-search/etc/react-search.api.md
index 64fce5ae0e171..35e030a97c5b0 100644
--- a/packages/react-components/react-search/etc/react-search.api.md
+++ b/packages/react-components/react-search/etc/react-search.api.md
@@ -4,9 +4,13 @@
 
 ```ts
 
+/// <reference types="react" />
+
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { Input } from '@fluentui/react-input';
+import { InputState } from '@fluentui/react-input';
 import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-utilities';
 import type { SlotClassNames } from '@fluentui/react-utilities';
@@ -21,18 +25,20 @@ export const SearchBox: ForwardRefComponent<SearchBoxProps>;
 export const searchBoxClassNames: SlotClassNames<SearchBoxSlots>;
 
 // @public
-export type SearchBoxProps = ComponentProps<SearchBoxSlots> & {};
+export type SearchBoxProps = ComponentProps<SearchBoxSlots>;
 
 // @public (undocumented)
 export type SearchBoxSlots = {
-    root: Slot<'div'>;
+    root: NonNullable<Slot<typeof Input>>;
+    dismiss?: Slot<'span'>;
+    contentAfter?: Slot<'span'>;
 };
 
 // @public
-export type SearchBoxState = ComponentState<SearchBoxSlots>;
+export type SearchBoxState = ComponentState<SearchBoxSlots> & Required<Pick<InputState, 'size'>> & Required<Pick<SearchBoxProps, 'disabled'>>;
 
 // @public
-export const useSearchBox_unstable: (props: SearchBoxProps, ref: React_2.Ref<HTMLElement>) => SearchBoxState;
+export const useSearchBox_unstable: (props: SearchBoxProps, ref: React_2.Ref<HTMLInputElement>) => SearchBoxState;
 
 // @public
 export const useSearchBoxStyles_unstable: (state: SearchBoxState) => SearchBoxState;
diff --git a/packages/react-components/react-search/package.json b/packages/react-components/react-search/package.json
index dfd82bd9f7778..77bf5253ee815 100644
--- a/packages/react-components/react-search/package.json
+++ b/packages/react-components/react-search/package.json
@@ -28,14 +28,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-input": "^9.4.17",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx b/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx
index 02785e11cfd37..cd06bc56cd110 100644
--- a/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx
+++ b/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx
@@ -7,12 +7,13 @@ describe('SearchBox', () => {
   isConformant({
     Component: SearchBox,
     displayName: 'SearchBox',
+    primarySlot: 'input',
   });
 
   // TODO add more tests here, and create visual regression tests in /apps/vr-tests
 
   it('renders a default state', () => {
-    const result = render(<SearchBox>Default SearchBox</SearchBox>);
+    const result = render(<SearchBox />);
     expect(result.container).toMatchSnapshot();
   });
 });
diff --git a/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts b/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts
index ede74dbf5447a..9716052f4899c 100644
--- a/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts
+++ b/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts
@@ -1,17 +1,25 @@
 import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+import { Input, InputState } from '@fluentui/react-input';
 
 export type SearchBoxSlots = {
-  root: Slot<'div'>;
+  // Root of the component, wrapping the inputs
+  root: NonNullable<Slot<typeof Input>>;
+
+  // Last element in the input, within the input border
+  dismiss?: Slot<'span'>;
+
+  // Element after the input text, within the input border
+  contentAfter?: Slot<'span'>;
 };
 
 /**
  * SearchBox Props
  */
-export type SearchBoxProps = ComponentProps<SearchBoxSlots> & {};
+export type SearchBoxProps = ComponentProps<SearchBoxSlots>;
 
 /**
  * State used in rendering SearchBox
  */
-export type SearchBoxState = ComponentState<SearchBoxSlots>;
-// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from SearchBoxProps.
-// & Required<Pick<SearchBoxProps, 'propName'>>
+export type SearchBoxState = ComponentState<SearchBoxSlots> &
+  Required<Pick<InputState, 'size'>> &
+  Required<Pick<SearchBoxProps, 'disabled'>>;
diff --git a/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap b/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
index 50af2699391d5..ff04dd5806b3f 100644
--- a/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
+++ b/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
@@ -2,10 +2,56 @@
 
 exports[`SearchBox renders a default state 1`] = `
 <div>
-  <div
-    class="fui-SearchBox"
+  <span
+    class="fui-Input fui-SearchBox"
   >
-    Default SearchBox
-  </div>
+    <span
+      class="fui-Input__contentBefore"
+    >
+      <svg
+        aria-hidden="true"
+        class=""
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 20 20"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.5 3a5.5 5.5 0 0 1 4.23 9.02l4.12 4.13a.5.5 0 0 1-.63.76l-.07-.06-4.13-4.12A5.5 5.5 0 1 1 8.5 3Zm0 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z"
+          fill="currentColor"
+        />
+      </svg>
+    </span>
+    <input
+      class="fui-Input__input"
+      type="search"
+      value=""
+    />
+    <span
+      class="fui-Input__contentAfter fui-SearchBox__contentAfter"
+    >
+      <span
+        aria-label="clear"
+        class="fui-SearchBox__dismiss"
+        role="button"
+      >
+        <svg
+          aria-hidden="true"
+          class=""
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 20 20"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </span>
+  </span>
 </div>
 `;
diff --git a/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx b/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx
index 4979cf2c8e534..1b4f7d4ee899f 100644
--- a/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx
+++ b/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx
@@ -1,6 +1,8 @@
 /** @jsxRuntime classic */
 /** @jsx createElement */
+/** @jsxFrag React.Fragment */
 
+import * as React from 'react';
 import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 import type { SearchBoxState, SearchBoxSlots } from './SearchBox.types';
@@ -12,5 +14,17 @@ export const renderSearchBox_unstable = (state: SearchBoxState) => {
   const { slots, slotProps } = getSlotsNext<SearchBoxSlots>(state);
 
   // TODO Add additional slots in the appropriate place
-  return <slots.root {...slotProps.root} />;
+  const rootSlots = {
+    contentAfter: slots.contentAfter && {
+      ...slotProps.contentAfter,
+      children: (
+        <>
+          {slotProps.contentAfter.children}
+          {slots.dismiss && <slots.dismiss {...slotProps.dismiss} />}
+        </>
+      ),
+    },
+  };
+
+  return <slots.root {...slotProps.root} {...rootSlots} />;
 };
diff --git a/packages/react-components/react-search/src/components/SearchBox/useSearchBox.ts b/packages/react-components/react-search/src/components/SearchBox/useSearchBox.ts
deleted file mode 100644
index 398df62109874..0000000000000
--- a/packages/react-components/react-search/src/components/SearchBox/useSearchBox.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
-import type { SearchBoxProps, SearchBoxState } from './SearchBox.types';
-
-/**
- * Create the state required to render SearchBox.
- *
- * The returned state can be modified with hooks such as useSearchBoxStyles_unstable,
- * before being passed to renderSearchBox_unstable.
- *
- * @param props - props from this instance of SearchBox
- * @param ref - reference to root HTMLElement of SearchBox
- */
-export const useSearchBox_unstable = (props: SearchBoxProps, ref: React.Ref<HTMLElement>): SearchBoxState => {
-  return {
-    // TODO add appropriate props/defaults
-    components: {
-      // TODO add each slot's element type or component
-      root: 'div',
-    },
-    // TODO add appropriate slots, for example:
-    // mySlot: resolveShorthand(props.mySlot),
-    root: getNativeElementProps('div', {
-      ref,
-      ...props,
-    }),
-  };
-};
diff --git a/packages/react-components/react-search/src/components/SearchBox/useSearchBox.tsx b/packages/react-components/react-search/src/components/SearchBox/useSearchBox.tsx
new file mode 100644
index 0000000000000..788018286e909
--- /dev/null
+++ b/packages/react-components/react-search/src/components/SearchBox/useSearchBox.tsx
@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { mergeCallbacks, resolveShorthand, useControllableState, useEventCallback } from '@fluentui/react-utilities';
+import { Input } from '@fluentui/react-input';
+import type { SearchBoxProps, SearchBoxState } from './SearchBox.types';
+import { DismissRegular, SearchRegular } from '@fluentui/react-icons';
+
+/**
+ * Create the state required to render SearchBox.
+ *
+ * The returned state can be modified with hooks such as useSearchBoxStyles_unstable,
+ * before being passed to renderSearchBox_unstable.
+ *
+ * @param props - props from this instance of SearchBox
+ * @param ref - reference to root HTMLElement of SearchBox
+ */
+export const useSearchBox_unstable = (props: SearchBoxProps, ref: React.Ref<HTMLInputElement>): SearchBoxState => {
+  const { size = 'medium', disabled = false, contentBefore, dismiss, contentAfter, ...inputProps } = props;
+
+  const [value, setValue] = useControllableState({
+    state: props.value,
+    defaultState: props.defaultValue,
+    initialState: '',
+  });
+
+  const state: SearchBoxState = {
+    components: {
+      root: Input,
+      dismiss: 'span',
+      contentAfter: 'span',
+    },
+
+    root: {
+      ref,
+      type: 'search',
+      input: {}, // defining here to have access in styles hook
+      value,
+
+      contentBefore: resolveShorthand(contentBefore, {
+        defaultProps: {
+          children: <SearchRegular />,
+        },
+        required: true, // TODO need to allow users to remove
+      }),
+
+      ...inputProps,
+
+      onChange: useEventCallback(ev => {
+        const newValue = ev.target.value;
+        props.onChange?.(ev, { value: newValue });
+        setValue(newValue);
+      }),
+    },
+    dismiss: resolveShorthand(dismiss, {
+      defaultProps: {
+        children: <DismissRegular />,
+        role: 'button',
+        'aria-label': 'clear',
+      },
+      required: true,
+    }),
+    contentAfter: resolveShorthand(contentAfter, { required: true }),
+
+    disabled,
+    size,
+  };
+
+  const onDismissClick = useEventCallback(mergeCallbacks(state.dismiss?.onClick, () => setValue('')));
+  if (state.dismiss) {
+    state.dismiss.onClick = onDismissClick;
+  }
+
+  return state;
+};
diff --git a/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts b/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts
index 21fd6fbea8f5d..e7817f6ee7610 100644
--- a/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts
+++ b/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts
@@ -1,33 +1,127 @@
-import { makeStyles, mergeClasses } from '@griffel/react';
+import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';
 import type { SearchBoxSlots, SearchBoxState } from './SearchBox.types';
 import type { SlotClassNames } from '@fluentui/react-utilities';
+import { tokens } from '@fluentui/react-theme';
 
 export const searchBoxClassNames: SlotClassNames<SearchBoxSlots> = {
   root: 'fui-SearchBox',
-  // TODO: add class names for all slots on SearchBoxSlots.
-  // Should be of the form `<slotName>: 'fui-SearchBox__<slotName>`
+  dismiss: 'fui-SearchBox__dismiss',
+  contentAfter: 'fui-SearchBox__contentAfter',
 };
 
 /**
  * Styles for the root slot
  */
-const useStyles = makeStyles({
-  root: {
-    // TODO Add default styles for the root element
+const useRootStyles = makeStyles({
+  small: {
+    columnGap: 0,
+    width: '468px',
+
+    paddingLeft: tokens.spacingHorizontalSNudge,
+    paddingRight: tokens.spacingHorizontalSNudge,
+  },
+  medium: {
+    columnGap: 0,
+    width: '468px',
+
+    paddingLeft: tokens.spacingHorizontalS,
+    paddingRight: tokens.spacingHorizontalS,
+  },
+  large: {
+    columnGap: 0,
+    width: '468px',
+
+    paddingLeft: tokens.spacingHorizontalMNudge,
+    paddingRight: tokens.spacingHorizontalMNudge,
+  },
+
+  input: {
+    paddingLeft: tokens.spacingHorizontalSNudge,
+    paddingRight: 0,
+
+    // dismiss + contentAfter appear on focus
+    '& + span': {
+      display: 'none',
+    },
+    '&:focus + span': {
+      display: 'flex',
+    },
+
+    // removes the WebKit pseudoelement styling
+    '::-webkit-search-decoration': {
+      display: 'none',
+    },
+    '::-webkit-search-cancel-button': {
+      display: 'none',
+    },
+  },
+});
+
+const useContentAfterStyles = makeStyles({
+  contentAfter: {
+    paddingLeft: tokens.spacingHorizontalM,
+    columnGap: tokens.spacingHorizontalXS,
   },
+});
 
-  // TODO add additional classes for different states and/or slots
+const useDismissClassName = makeResetStyles({
+  boxSizing: 'border-box',
+  color: tokens.colorNeutralForeground3, // "icon color" in design spec
+  display: 'flex',
+  // special case styling for icons (most common case) to ensure they're centered vertically
+  // size: medium (default)
+  '> svg': { fontSize: '20px' },
+});
+
+const useDismissStyles = makeStyles({
+  disabled: {
+    color: tokens.colorNeutralForegroundDisabled,
+  },
+  // Ensure resizable icons show up with the proper font size
+  small: {
+    '> svg': { fontSize: '16px' },
+  },
+  medium: {
+    // included in useDismissClassName
+  },
+  large: {
+    '> svg': { fontSize: '24px' },
+  },
 });
 
 /**
  * Apply styling to the SearchBox slots based on the state
  */
 export const useSearchBoxStyles_unstable = (state: SearchBoxState): SearchBoxState => {
-  const styles = useStyles();
-  state.root.className = mergeClasses(searchBoxClassNames.root, styles.root, state.root.className);
+  const { disabled, size } = state;
+
+  const rootStyles = useRootStyles();
+  const contentAfterStyles = useContentAfterStyles();
+  const dismissClassName = useDismissClassName();
+  const dismissStyles = useDismissStyles();
+
+  state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className);
+  state.root.input!.className = rootStyles.input;
+
+  if (state.dismiss) {
+    state.dismiss.className = mergeClasses(
+      searchBoxClassNames.dismiss,
+      dismissClassName,
+      disabled && dismissStyles.disabled,
+      dismissStyles[size],
+      state.dismiss.className,
+    );
+  }
 
-  // TODO Add class names to slots, for example:
-  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+  if (state.contentAfter) {
+    state.contentAfter!.className = mergeClasses(
+      searchBoxClassNames.contentAfter,
+      contentAfterStyles.contentAfter,
+      state.contentAfter.className,
+    );
+  } else if (state.dismiss) {
+    state.dismiss.className = mergeClasses(state.dismiss.className, contentAfterStyles.contentAfter);
+  }
 
   return state;
 };
diff --git a/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx b/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx
index 08a6b5018fd0c..fe7ab84e788d3 100644
--- a/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx
+++ b/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx
@@ -1,4 +1,6 @@
 import * as React from 'react';
 import { SearchBox, SearchBoxProps } from '@fluentui/react-search';
 
-export const Default = (props: Partial<SearchBoxProps>) => <SearchBox {...props} />;
+import { FilterRegular } from '@fluentui/react-icons';
+
+export const Default = (props: Partial<SearchBoxProps>) => <SearchBox {...props} contentAfter={<FilterRegular />} />;
diff --git a/packages/react-components/react-select/CHANGELOG.json b/packages/react-components/react-select/CHANGELOG.json
index 582e4e834d8bf..ddb4297ee2886 100644
--- a/packages/react-components/react-select/CHANGELOG.json
+++ b/packages/react-components/react-select/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-select",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:02 GMT",
+      "tag": "@fluentui/react-select_v9.1.17",
+      "version": "9.1.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-select",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:18 GMT",
       "tag": "@fluentui/react-select_v9.1.16",
diff --git a/packages/react-components/react-select/CHANGELOG.md b/packages/react-components/react-select/CHANGELOG.md
index 5df5e8513e225..539d6a55348eb 100644
--- a/packages/react-components/react-select/CHANGELOG.md
+++ b/packages/react-components/react-select/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-select
 
-This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.17)
+
+Tue, 20 Jun 2023 12:39:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.16..@fluentui/react-select_v9.1.17)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.16)
 
 Wed, 31 May 2023 06:46:18 GMT 
diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json
index 5466b733040bc..edf5af2f6620c 100644
--- a/packages/react-components/react-select/package.json
+++ b/packages/react-components/react-select/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-select",
-  "version": "9.1.16",
+  "version": "9.1.17",
   "description": "Fluent UI React Select component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,17 +28,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-shared-contexts/CHANGELOG.json b/packages/react-components/react-shared-contexts/CHANGELOG.json
index 2f37df779dbb7..c5a9a8355f087 100644
--- a/packages/react-components/react-shared-contexts/CHANGELOG.json
+++ b/packages/react-components/react-shared-contexts/CHANGELOG.json
@@ -1,6 +1,29 @@
 {
   "name": "@fluentui/react-shared-contexts",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:03 GMT",
+      "tag": "@fluentui/react-shared-contexts_v9.5.1",
+      "version": "9.5.1",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-shared-contexts",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: re-generate api.md"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-shared-contexts",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 24 May 2023 20:45:32 GMT",
       "tag": "@fluentui/react-shared-contexts_v9.5.0",
diff --git a/packages/react-components/react-shared-contexts/CHANGELOG.md b/packages/react-components/react-shared-contexts/CHANGELOG.md
index 9083dd07650e9..728568339269c 100644
--- a/packages/react-components/react-shared-contexts/CHANGELOG.md
+++ b/packages/react-components/react-shared-contexts/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-shared-contexts
 
-This log was last generated on Wed, 24 May 2023 20:45:32 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.5.1)
+
+Tue, 20 Jun 2023 12:39:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-shared-contexts_v9.5.0..@fluentui/react-shared-contexts_v9.5.1)
+
+### Patches
+
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.5.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.5.0)
 
 Wed, 24 May 2023 20:45:32 GMT 
diff --git a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md
index ec1af62ae00e6..692f39f433a05 100644
--- a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md
+++ b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md
@@ -331,7 +331,7 @@ export const useCustomStyleHook_unstable: (hook: keyof CustomStyleHooksContextVa
 // @public (undocumented)
 export function useFluent_unstable(): ProviderContextValue_unstable;
 
-// Warning: (ae-incompatible-release-tags) The symbol "useOverrides" is marked as @public, but its signature references "OverridesContextValue" which is marked as @internal
+// Warning: (ae-incompatible-release-tags) The symbol "useOverrides" is marked as @public, but its signature references "OverridesContextValue_unstable" which is marked as @internal
 //
 // @public (undocumented)
 export function useOverrides_unstable(): OverridesContextValue_unstable;
diff --git a/packages/react-components/react-shared-contexts/package.json b/packages/react-components/react-shared-contexts/package.json
index 45605c88d75dd..5080ee15429dc 100644
--- a/packages/react-components/react-shared-contexts/package.json
+++ b/packages/react-components/react-shared-contexts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-shared-contexts",
-  "version": "9.5.0",
+  "version": "9.5.1",
   "description": "Fluent UI React Contexts shared by multiple components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-theme": "^9.1.9",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-skeleton/CHANGELOG.json b/packages/react-components/react-skeleton/CHANGELOG.json
index 13524c8662e8d..c330b73bcaae6 100644
--- a/packages/react-components/react-skeleton/CHANGELOG.json
+++ b/packages/react-components/react-skeleton/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-skeleton",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:03 GMT",
+      "tag": "@fluentui/react-skeleton_v9.0.5",
+      "version": "9.0.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "1289febede874642bab144c3f59b0498cbc85d72",
+            "comment": "fix: Add reduced motion styling for Skeleton"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:18 GMT",
       "tag": "@fluentui/react-skeleton_v9.0.4",
diff --git a/packages/react-components/react-skeleton/CHANGELOG.md b/packages/react-components/react-skeleton/CHANGELOG.md
index 027541d0ba236..0992218d35b23 100644
--- a/packages/react-components/react-skeleton/CHANGELOG.md
+++ b/packages/react-components/react-skeleton/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-skeleton
 
-This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.5)
+
+Tue, 20 Jun 2023 12:39:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.4..@fluentui/react-skeleton_v9.0.5)
+
+### Patches
+
+- fix: Add reduced motion styling for Skeleton ([PR #28086](https://github.com/microsoft/fluentui/pull/28086) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.4)
 
 Wed, 31 May 2023 06:46:18 GMT 
diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json
index 83ff369e602fb..3dc30e54af966 100644
--- a/packages/react-components/react-skeleton/package.json
+++ b/packages/react-components/react-skeleton/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-skeleton",
-  "version": "9.0.4",
+  "version": "9.0.5",
   "description": "Converged v9 Skeleton Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,16 +27,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json
index ccf1a0d209483..9fb4f0fa9149a 100644
--- a/packages/react-components/react-slider/CHANGELOG.json
+++ b/packages/react-components/react-slider/CHANGELOG.json
@@ -1,6 +1,63 @@
 {
   "name": "@fluentui/react-slider",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-slider_v9.1.18",
+      "version": "9.1.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:18 GMT",
       "tag": "@fluentui/react-slider_v9.1.17",
diff --git a/packages/react-components/react-slider/CHANGELOG.md b/packages/react-components/react-slider/CHANGELOG.md
index 8e84a4ddad403..86c82b694c325 100644
--- a/packages/react-components/react-slider/CHANGELOG.md
+++ b/packages/react-components/react-slider/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-slider
 
-This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.18)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.17..@fluentui/react-slider_v9.1.18)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.17)
 
 Wed, 31 May 2023 06:46:18 GMT 
diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json
index 61bde88366927..349667dbfeac8 100644
--- a/packages/react-components/react-slider/package.json
+++ b/packages/react-components/react-slider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-slider",
-  "version": "9.1.17",
+  "version": "9.1.18",
   "description": "Fluent UI React Slider component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
-    "@fluentui/react-label": "^9.1.15",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-label": "^9.1.16",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-spinbutton/CHANGELOG.json b/packages/react-components/react-spinbutton/CHANGELOG.json
index 8d669a18d4620..44ee935943de6 100644
--- a/packages/react-components/react-spinbutton/CHANGELOG.json
+++ b/packages/react-components/react-spinbutton/CHANGELOG.json
@@ -1,6 +1,63 @@
 {
   "name": "@fluentui/react-spinbutton",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:03 GMT",
+      "tag": "@fluentui/react-spinbutton_v9.2.17",
+      "version": "9.2.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-spinbutton",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:19 GMT",
       "tag": "@fluentui/react-spinbutton_v9.2.16",
diff --git a/packages/react-components/react-spinbutton/CHANGELOG.md b/packages/react-components/react-spinbutton/CHANGELOG.md
index 7491f10144702..7a5042b042e17 100644
--- a/packages/react-components/react-spinbutton/CHANGELOG.md
+++ b/packages/react-components/react-spinbutton/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-spinbutton
 
-This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.17)
+
+Tue, 20 Jun 2023 12:39:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.16..@fluentui/react-spinbutton_v9.2.17)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.16)
 
 Wed, 31 May 2023 06:46:19 GMT 
diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json
index 5adae7da94965..79f936606c528 100644
--- a/packages/react-components/react-spinbutton/package.json
+++ b/packages/react-components/react-spinbutton/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-spinbutton",
-  "version": "9.2.16",
+  "version": "9.2.17",
   "description": "Fluent UI React SpinButton component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
-    "@fluentui/react-label": "^9.1.15",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-label": "^9.1.16",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-spinner/CHANGELOG.json b/packages/react-components/react-spinner/CHANGELOG.json
index d2d3143b9dd1f..2ca56616e1285 100644
--- a/packages/react-components/react-spinner/CHANGELOG.json
+++ b/packages/react-components/react-spinner/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-spinner",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-spinner_v9.2.3",
+      "version": "9.2.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:19 GMT",
       "tag": "@fluentui/react-spinner_v9.2.2",
diff --git a/packages/react-components/react-spinner/CHANGELOG.md b/packages/react-components/react-spinner/CHANGELOG.md
index b5f85a12f354d..d121dc6ef39fe 100644
--- a/packages/react-components/react-spinner/CHANGELOG.md
+++ b/packages/react-components/react-spinner/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-spinner
 
-This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.2.3)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.2.2..@fluentui/react-spinner_v9.2.3)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.2.2)
 
 Wed, 31 May 2023 06:46:19 GMT 
diff --git a/packages/react-components/react-spinner/package.json b/packages/react-components/react-spinner/package.json
index 33c722174511a..7e2782b16ff6c 100644
--- a/packages/react-components/react-spinner/package.json
+++ b/packages/react-components/react-spinner/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-spinner",
-  "version": "9.2.2",
+  "version": "9.2.3",
   "description": "Spinner component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,16 +28,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json
index 7707a3e85f031..0fcb472672a89 100644
--- a/packages/react-components/react-storybook-addon/package.json
+++ b/packages/react-components/react-storybook-addon/package.json
@@ -30,8 +30,8 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-provider": "^9.7.2",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-provider": "^9.7.3",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json
index dcda99bb37208..53b57868b932b 100644
--- a/packages/react-components/react-switch/CHANGELOG.json
+++ b/packages/react-components/react-switch/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-switch",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:03 GMT",
+      "tag": "@fluentui/react-switch_v9.1.18",
+      "version": "9.1.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-switch",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-label to v9.1.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:19 GMT",
       "tag": "@fluentui/react-switch_v9.1.17",
diff --git a/packages/react-components/react-switch/CHANGELOG.md b/packages/react-components/react-switch/CHANGELOG.md
index 987856f5964da..a0f52b707d574 100644
--- a/packages/react-components/react-switch/CHANGELOG.md
+++ b/packages/react-components/react-switch/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-switch
 
-This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.18)
+
+Tue, 20 Jun 2023 12:39:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.1.17..@fluentui/react-switch_v9.1.18)
+
+### Patches
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.17)
 
 Wed, 31 May 2023 06:46:19 GMT 
diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json
index 82750e33c9a01..cc276f92427b6 100644
--- a/packages/react-components/react-switch/package.json
+++ b/packages/react-components/react-switch/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-switch",
-  "version": "9.1.17",
+  "version": "9.1.18",
   "description": "Fluent UI React Switch component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-label": "^9.1.15",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-label": "^9.1.16",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-table/CHANGELOG.json b/packages/react-components/react-table/CHANGELOG.json
index 9a766b9fec49e..6328692e95ffb 100644
--- a/packages/react-components/react-table/CHANGELOG.json
+++ b/packages/react-components/react-table/CHANGELOG.json
@@ -1,6 +1,113 @@
 {
   "name": "@fluentui/react-table",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:04 GMT",
+      "tag": "@fluentui/react-table_v9.4.0",
+      "version": "9.4.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Update table styles to reflect token changes"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-table",
+            "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e",
+            "comment": "fix: TableHeaderCell should not render button when not sortable"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          }
+        ],
+        "minor": [
+          {
+            "author": "jirivyhnalek@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6",
+            "comment": "DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-table",
+            "commit": "d33397e28ac542798cfdc4a7b917f1d27db9ed63",
+            "comment": "feat: Implement `focusMode` for DataGridCell"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-aria to v9.3.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-avatar to v9.5.6",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-checkbox to v9.1.18",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-radio to v9.1.18",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:19 GMT",
       "tag": "@fluentui/react-table_v9.3.0",
diff --git a/packages/react-components/react-table/CHANGELOG.md b/packages/react-components/react-table/CHANGELOG.md
index 91dffcf73992e..c6b35933c3c50 100644
--- a/packages/react-components/react-table/CHANGELOG.md
+++ b/packages/react-components/react-table/CHANGELOG.md
@@ -1,9 +1,36 @@
 # Change Log - @fluentui/react-table
 
-This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:04 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.4.0)
+
+Tue, 20 Jun 2023 12:39:04 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.3.0..@fluentui/react-table_v9.4.0)
+
+### Minor changes
+
+- DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com)
+- feat: Implement `focusMode` for DataGridCell ([PR #28167](https://github.com/microsoft/fluentui/pull/28167) by lingfangao@hotmail.com)
+- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-checkbox to v9.1.18 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-radio to v9.1.18 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+### Patches
+
+- Update table styles to reflect token changes ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- fix: TableHeaderCell should not render button when not sortable ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by lingfangao@hotmail.com)
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+
 ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.3.0)
 
 Wed, 31 May 2023 06:46:19 GMT 
diff --git a/packages/react-components/react-table/etc/react-table.api.md b/packages/react-components/react-table/etc/react-table.api.md
index dca10704a31e8..dbcfd5534d1e0 100644
--- a/packages/react-components/react-table/etc/react-table.api.md
+++ b/packages/react-components/react-table/etc/react-table.api.md
@@ -66,7 +66,9 @@ export const DataGridCell: ForwardRefComponent<DataGridCellProps>;
 export const dataGridCellClassNames: SlotClassNames<DataGridCellSlots>;
 
 // @public
-export type DataGridCellProps = TableCellProps;
+export type DataGridCellProps = TableCellProps & {
+    focusMode?: 'group';
+};
 
 // @public (undocumented)
 export type DataGridCellSlots = TableCellSlots;
diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json
index 4764cf11e4af3..a1bf7de51bd51 100644
--- a/packages/react-components/react-table/package.json
+++ b/packages/react-components/react-table/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-table",
-  "version": "9.3.0",
+  "version": "9.4.0",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,6 +16,8 @@
     "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
+    "e2e": "cypress run --component",
+    "e2e:local": "cypress open --component",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "test": "jest --passWithNoTests",
@@ -28,23 +30,23 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-checkbox": "^9.1.17",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-radio": "^9.1.17",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-checkbox": "^9.1.18",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-radio": "^9.1.18",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx b/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx
index 9f559844dcecc..2386d85bc2c08 100644
--- a/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx
+++ b/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx
@@ -105,4 +105,39 @@ describe('DataGrid', () => {
     cy.contains('4-1').focus().realPress(['Control', 'End']);
     cy.focused().should('have.text', '7-3');
   });
+
+  const NestedFocusableExample = () => (
+    <DataGrid items={testItems} columns={testColumns}>
+      <DataGridHeader>
+        <DataGridRow<Item>>{({ renderHeaderCell }) => <DataGridCell>{renderHeaderCell()}</DataGridCell>}</DataGridRow>
+      </DataGridHeader>
+      <DataGridBody<Item>>
+        {({ item }) => (
+          <DataGridRow<Item>>
+            {({ renderCell }) => (
+              <DataGridCell focusMode="group">
+                <button>{renderCell(item)}-1</button>
+                <button>{renderCell(item)}-2</button>
+              </DataGridCell>
+            )}
+          </DataGridRow>
+        )}
+      </DataGridBody>
+    </DataGrid>
+  );
+
+  it('should use focusable group for cells', () => {
+    mount(<NestedFocusableExample />);
+
+    cy.contains('1-1-11-1-2').focus().realPress('Enter');
+    cy.focused().should('have.text', '1-1-1').realPress('Tab');
+    cy.focused().should('have.text', '1-1-2').realPress('Tab');
+    cy.focused().should('have.text', '1-1-1').realPress('ArrowDown');
+    cy.focused().should('have.text', '1-1-1').realPress('ArrowUp');
+    cy.focused().should('have.text', '1-1-1').realPress('ArrowLeft');
+    cy.focused().should('have.text', '1-1-1').realPress('ArrowRight');
+    cy.focused().should('have.text', '1-1-1').realPress('Escape');
+    cy.focused().should('have.text', '1-1-11-1-2').realPress('ArrowRight');
+    cy.focused().should('have.text', '1-2-11-2-2');
+  });
 });
diff --git a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts
index 2af3a64e3cc10..184508c8aef7b 100644
--- a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts
+++ b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts
@@ -5,7 +5,13 @@ export type DataGridCellSlots = TableCellSlots;
 /**
  * DataGridCell Props
  */
-export type DataGridCellProps = TableCellProps;
+export type DataGridCellProps = TableCellProps & {
+  /**
+   * Used when there are nested focusble elements inside a focusable cell
+   * - `group`: Enter keypress moves focus inside the cell, focus is trapped inside the cell until Escape keypress
+   */
+  focusMode?: 'group';
+};
 
 /**
  * State used in rendering DataGridCell
diff --git a/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts b/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts
index 6e0a387dbaebb..d604a321d43f0 100644
--- a/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts
+++ b/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useFocusableGroup } from '@fluentui/react-tabster';
 import type { DataGridCellProps, DataGridCellState } from './DataGridCell.types';
 import { useTableCell_unstable } from '../TableCell/useTableCell';
 import { useDataGridContext_unstable } from '../../contexts/dataGridContext';
@@ -14,14 +15,17 @@ import { useColumnIdContext } from '../../contexts/columnIdContext';
  * @param ref - reference to root HTMLElement of DataGridCell
  */
 export const useDataGridCell_unstable = (props: DataGridCellProps, ref: React.Ref<HTMLElement>): DataGridCellState => {
+  const { focusMode } = props;
   const columnId = useColumnIdContext();
   const tabbable = useDataGridContext_unstable(ctx => ctx.focusMode === 'cell');
   const resizableColumns = useDataGridContext_unstable(ctx => ctx.resizableColumns);
   const columnSizing = useDataGridContext_unstable(ctx => ctx.columnSizing_unstable);
+  const focusableGroupAttr = useFocusableGroup({ tabBehavior: 'limited-trap-focus' });
   return useTableCell_unstable(
     {
       as: 'div',
       role: 'gridcell',
+      ...(focusMode && focusableGroupAttr),
       tabIndex: tabbable ? 0 : undefined,
       ...(resizableColumns ? columnSizing.getTableCellProps(columnId) : {}),
       ...props,
diff --git a/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap b/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap
index ddebf4fc22d05..bc66c6cec1c3a 100644
--- a/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap
+++ b/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap
@@ -7,14 +7,12 @@ exports[`DataGridHeaderCell renders a default state 1`] = `
     role="columnheader"
     tabindex="0"
   >
-    <button
+    <div
       class="fui-DataGridHeaderCell__button fui-TableHeaderCell__button"
       role="presentation"
-      tabindex="-1"
-      type="button"
     >
       Default DataGridHeaderCell
-    </button>
+    </div>
   </div>
 </div>
 `;
diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx
index c6b91c9a198f7..8dd02d432f961 100644
--- a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx
+++ b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx
@@ -65,16 +65,26 @@ describe('TableHeaderCell', () => {
     expect(container.querySelector('svg')).toBe(null);
   });
 
+  it('should have interactive button when sortable', () => {
+    const { getByRole } = render(
+      <TableContextProvider value={{ ...tableContextDefaultValue, noNativeElements: true, sortable: true }}>
+        <TableHeaderCell>Cell</TableHeaderCell>
+      </TableContextProvider>,
+    );
+
+    const button = getByRole('button');
+    expect(button?.getAttribute('tabindex')).toEqual('0');
+  });
+
   it('should not have interactive button when not sortable', () => {
-    const { container } = render(
+    const { queryByRole } = render(
       <TableContextProvider value={{ ...tableContextDefaultValue, noNativeElements: true, sortable: false }}>
         <TableHeaderCell>Cell</TableHeaderCell>
       </TableContextProvider>,
     );
 
-    const button = container.querySelector('button');
-    expect(button?.getAttribute('role')).toEqual('presentation');
-    expect(button?.getAttribute('tabindex')).toEqual('-1');
+    const button = queryByRole('button');
+    expect(button).toBeNull();
   });
 
   it.each<SortDirection>(['ascending', 'descending'])(
diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap b/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap
index 6cc1897b4105b..3c62b58246e7d 100644
--- a/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap
+++ b/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap
@@ -5,14 +5,12 @@ exports[`TableHeaderCell renders a default state 1`] = `
   <th
     class="fui-TableHeaderCell"
   >
-    <button
+    <div
       class="fui-TableHeaderCell__button"
       role="presentation"
-      tabindex="-1"
-      type="button"
     >
       Default TableHeaderCell
-    </button>
+    </div>
   </th>
 </tr>
 `;
diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx
index 1cf13bfe072a7..beeb43575c6d7 100644
--- a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx
+++ b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx
@@ -2,9 +2,9 @@ import * as React from 'react';
 import { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';
 import { useFocusWithin } from '@fluentui/react-tabster';
 import { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';
+import { useARIAButtonShorthand } from '@fluentui/react-aria';
 import type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types';
 import { useTableContext } from '../../contexts/tableContext';
-import { useARIAButtonShorthand } from '@fluentui/react-aria';
 
 const sortIcons = {
   ascending: <ArrowUpRegular fontSize={12} />,
@@ -27,10 +27,11 @@ export const useTableHeaderCell_unstable = (
   const { noNativeElements, sortable } = useTableContext();
 
   const rootComponent = props.as ?? noNativeElements ? 'div' : 'th';
+
   return {
     components: {
       root: rootComponent,
-      button: 'button',
+      button: 'div',
       sortIcon: 'span',
       aside: 'span',
     },
@@ -48,11 +49,9 @@ export const useTableHeaderCell_unstable = (
     button: useARIAButtonShorthand(props.button, {
       required: true,
       defaultProps: {
-        role: 'presentation',
-        tabIndex: -1,
-        type: 'button',
-        ...(sortable && {
-          role: undefined,
+        as: 'div',
+        ...(!sortable && {
+          role: 'presentation',
           tabIndex: undefined,
         }),
       },
diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts
index ac2deb4a7e86b..e680f7c39fa69 100644
--- a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts
+++ b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts
@@ -33,6 +33,7 @@ const useFlexLayoutStyles = makeStyles({
  */
 const useStyles = makeStyles({
   root: {
+    fontWeight: tokens.fontWeightRegular,
     ...shorthands.padding('0px', tokens.spacingHorizontalS),
     ...createCustomFocusIndicatorStyle(
       {
@@ -114,6 +115,7 @@ export const useTableHeaderCellStyles_unstable = (state: TableHeaderCellState):
     state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,
     state.root.className,
   );
+
   state.button.className = mergeClasses(
     tableHeaderCellClassNames.button,
     styles.resetButton,
diff --git a/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts b/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts
index eab5fef2cea16..aa7efb0d073cd 100644
--- a/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts
+++ b/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts
@@ -100,11 +100,7 @@ const useStyles = makeStyles({
 
   brand: {
     backgroundColor: tokens.colorBrandBackground2,
-    color: tokens.colorNeutralForeground1Hover,
-    ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand),
-    ':hover': {
-      backgroundColor: tokens.colorBrandBackground2,
-    },
+    ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),
     ':active': {
       backgroundColor: tokens.colorBrandBackgroundInvertedSelected,
     },
diff --git a/packages/react-components/react-table/stories/DataGrid/FocusableElementsInCells.stories.tsx b/packages/react-components/react-table/stories/DataGrid/FocusableElementsInCells.stories.tsx
new file mode 100644
index 0000000000000..298464b3dcd64
--- /dev/null
+++ b/packages/react-components/react-table/stories/DataGrid/FocusableElementsInCells.stories.tsx
@@ -0,0 +1,169 @@
+import * as React from 'react';
+import {
+  FolderRegular,
+  EditRegular,
+  DocumentRegular,
+  DocumentPdfRegular,
+  VideoRegular,
+  DeleteRegular,
+} from '@fluentui/react-icons';
+import {
+  PresenceBadgeStatus,
+  Avatar,
+  DataGridBody,
+  DataGridRow,
+  DataGrid,
+  DataGridHeader,
+  DataGridHeaderCell,
+  DataGridCell,
+  TableCellLayout,
+  TableColumnDefinition,
+  createTableColumn,
+  Button,
+} from '@fluentui/react-components';
+
+type FileCell = {
+  label: string;
+  icon: JSX.Element;
+};
+
+type LastUpdatedCell = {
+  label: string;
+  timestamp: number;
+};
+
+type AuthorCell = {
+  label: string;
+  status: PresenceBadgeStatus;
+};
+
+type Item = {
+  file: FileCell;
+  author: AuthorCell;
+  lastUpdated: LastUpdatedCell;
+};
+
+const items: Item[] = [
+  {
+    file: { label: 'Meeting notes', icon: <DocumentRegular /> },
+    author: { label: 'Max Mustermann', status: 'available' },
+    lastUpdated: { label: '7h ago', timestamp: 1 },
+  },
+  {
+    file: { label: 'Thursday presentation', icon: <FolderRegular /> },
+    author: { label: 'Erika Mustermann', status: 'busy' },
+    lastUpdated: { label: 'Yesterday at 1:45 PM', timestamp: 2 },
+  },
+  {
+    file: { label: 'Training recording', icon: <VideoRegular /> },
+    author: { label: 'John Doe', status: 'away' },
+    lastUpdated: { label: 'Yesterday at 1:45 PM', timestamp: 2 },
+  },
+  {
+    file: { label: 'Purchase order', icon: <DocumentPdfRegular /> },
+    author: { label: 'Jane Doe', status: 'offline' },
+    lastUpdated: { label: 'Tue at 9:30 AM', timestamp: 3 },
+  },
+];
+
+const columns: TableColumnDefinition<Item>[] = [
+  createTableColumn<Item>({
+    columnId: 'file',
+    compare: (a, b) => {
+      return a.file.label.localeCompare(b.file.label);
+    },
+    renderHeaderCell: () => {
+      return 'File';
+    },
+    renderCell: item => {
+      return <TableCellLayout media={item.file.icon}>{item.file.label}</TableCellLayout>;
+    },
+  }),
+  createTableColumn<Item>({
+    columnId: 'author',
+    compare: (a, b) => {
+      return a.author.label.localeCompare(b.author.label);
+    },
+    renderHeaderCell: () => {
+      return 'Author';
+    },
+    renderCell: item => {
+      return (
+        <TableCellLayout
+          media={
+            <Avatar aria-label={item.author.label} name={item.author.label} badge={{ status: item.author.status }} />
+          }
+        >
+          {item.author.label}
+        </TableCellLayout>
+      );
+    },
+  }),
+  createTableColumn<Item>({
+    columnId: 'lastUpdated',
+    compare: (a, b) => {
+      return a.lastUpdated.timestamp - b.lastUpdated.timestamp;
+    },
+    renderHeaderCell: () => {
+      return 'Last updated';
+    },
+
+    renderCell: item => {
+      return item.lastUpdated.label;
+    },
+  }),
+  createTableColumn<Item>({
+    columnId: 'actions',
+    renderHeaderCell: () => {
+      return 'Actions';
+    },
+    renderCell: () => {
+      return (
+        <>
+          <Button aria-label="Edit" icon={<EditRegular />} />
+          <Button aria-label="Delete" icon={<DeleteRegular />} />
+        </>
+      );
+    },
+  }),
+];
+
+export const FocusableElementsInCells = () => {
+  return (
+    <DataGrid
+      items={items}
+      columns={columns}
+      sortable
+      selectionMode="multiselect"
+      getRowId={item => item.file.label}
+      onSelectionChange={(e, data) => console.log(data)}
+    >
+      <DataGridHeader>
+        <DataGridRow selectionCell={{ 'aria-label': 'Select all rows' }}>
+          {({ renderHeaderCell }) => <DataGridHeaderCell>{renderHeaderCell()}</DataGridHeaderCell>}
+        </DataGridRow>
+      </DataGridHeader>
+      <DataGridBody<Item>>
+        {({ item, rowId }) => (
+          <DataGridRow<Item> key={rowId} selectionCell={{ 'aria-label': 'Select row' }}>
+            {({ renderCell }) => <DataGridCell focusMode="group">{renderCell(item)}</DataGridCell>}
+          </DataGridRow>
+        )}
+      </DataGridBody>
+    </DataGrid>
+  );
+};
+
+FocusableElementsInCells.parameters = {
+  docs: {
+    description: {
+      story: [
+        'When cells contain focusable elements, set the `focusMode` prop on the `DataGridCell` component.',
+        'This prop will enable the following behaviour:',
+        '- Enter will move focus into the cell',
+        '- Focus is trapped in the cell',
+        '- Escape will move focus back to the cell',
+      ].join('\n'),
+    },
+  },
+};
diff --git a/packages/react-components/react-table/stories/DataGrid/index.stories.tsx b/packages/react-components/react-table/stories/DataGrid/index.stories.tsx
index bb2db76993683..c65ea1fc30a21 100644
--- a/packages/react-components/react-table/stories/DataGrid/index.stories.tsx
+++ b/packages/react-components/react-table/stories/DataGrid/index.stories.tsx
@@ -11,6 +11,7 @@ import descriptionMd from './DataGridDescription.md';
 
 export { Default } from './Default.stories';
 export { RowNavigation } from './RowNavigation.stories';
+export { FocusableElementsInCells } from './FocusableElementsInCells.stories';
 export { Sort } from './Sort.stories';
 export { SortControlled } from './SortControlled.stories';
 export { MultipleSelect } from './MultipleSelect.stories';
diff --git a/packages/react-components/react-table/stories/Table/FocusableElements.Cells.stories.tsx b/packages/react-components/react-table/stories/Table/FocusableElements.Cells.stories.tsx
new file mode 100644
index 0000000000000..365615dcbc3eb
--- /dev/null
+++ b/packages/react-components/react-table/stories/Table/FocusableElements.Cells.stories.tsx
@@ -0,0 +1,138 @@
+import * as React from 'react';
+import {
+  FolderRegular,
+  EditRegular,
+  OpenRegular,
+  DocumentRegular,
+  PeopleRegular,
+  DocumentPdfRegular,
+  VideoRegular,
+  DeleteRegular,
+} from '@fluentui/react-icons';
+import {
+  TableBody,
+  TableCell,
+  TableRow,
+  Table,
+  TableHeader,
+  TableHeaderCell,
+  TableCellLayout,
+  PresenceBadgeStatus,
+  Avatar,
+  Button,
+  useArrowNavigationGroup,
+  useFocusableGroup,
+} from '@fluentui/react-components';
+
+const items = [
+  {
+    file: { label: 'Meeting notes', icon: <DocumentRegular /> },
+    author: { label: 'Max Mustermann', status: 'available' },
+    lastUpdated: { label: '7h ago', timestamp: 1 },
+    lastUpdate: {
+      label: 'You edited this',
+      icon: <EditRegular />,
+    },
+  },
+  {
+    file: { label: 'Thursday presentation', icon: <FolderRegular /> },
+    author: { label: 'Erika Mustermann', status: 'busy' },
+    lastUpdated: { label: 'Yesterday at 1:45 PM', timestamp: 2 },
+    lastUpdate: {
+      label: 'You recently opened this',
+      icon: <OpenRegular />,
+    },
+  },
+  {
+    file: { label: 'Training recording', icon: <VideoRegular /> },
+    author: { label: 'John Doe', status: 'away' },
+    lastUpdated: { label: 'Yesterday at 1:45 PM', timestamp: 2 },
+    lastUpdate: {
+      label: 'You recently opened this',
+      icon: <OpenRegular />,
+    },
+  },
+  {
+    file: { label: 'Purchase order', icon: <DocumentPdfRegular /> },
+    author: { label: 'Jane Doe', status: 'offline' },
+    lastUpdated: { label: 'Tue at 9:30 AM', timestamp: 3 },
+    lastUpdate: {
+      label: 'You shared this in a Teams chat',
+      icon: <PeopleRegular />,
+    },
+  },
+];
+
+const columns = [
+  { columnKey: 'file', label: 'File' },
+  { columnKey: 'author', label: 'Author' },
+  { columnKey: 'lastUpdated', label: 'Last updated' },
+  { columnKey: 'actions', label: 'Actions' },
+];
+
+export const FocusableElementsInCells = () => {
+  const keyboardNavAttr = useArrowNavigationGroup({ axis: 'grid' });
+  const focusableGroupAttr = useFocusableGroup({ tabBehavior: 'limited-trap-focus' });
+
+  return (
+    <Table {...keyboardNavAttr} role="grid" aria-label="Table with grid keyboard navigation">
+      <TableHeader>
+        <TableRow>
+          {columns.map(column => (
+            <TableHeaderCell key={column.columnKey}>{column.label}</TableHeaderCell>
+          ))}
+          <TableHeaderCell />
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {items.map(item => (
+          <TableRow key={item.file.label}>
+            <TableCell tabIndex={0} role="gridcell">
+              <TableCellLayout media={item.file.icon}>{item.file.label}</TableCellLayout>
+            </TableCell>
+            <TableCell tabIndex={0} role="gridcell">
+              <TableCellLayout
+                media={
+                  <Avatar
+                    aria-label={item.author.label}
+                    name={item.author.label}
+                    badge={{ status: item.author.status as PresenceBadgeStatus }}
+                  />
+                }
+              >
+                {item.author.label}
+              </TableCellLayout>
+            </TableCell>
+            <TableCell tabIndex={0} role="gridcell">
+              {item.lastUpdated.label}
+            </TableCell>
+            <TableCell role="gridcell" tabIndex={0} {...focusableGroupAttr}>
+              <TableCellLayout>
+                <Button icon={<EditRegular />} aria-label="Edit" />
+                <Button icon={<DeleteRegular />} aria-label="Delete" />
+              </TableCellLayout>
+            </TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  );
+};
+
+FocusableElementsInCells.parameters = {
+  docs: {
+    description: {
+      story: [
+        'When the keyboard navigation is implemented on a Table, there needs to be special handling for cells',
+        'that contain multiple focusable elements. In these cases, the `TableCell` should be focusable and the',
+        'following keyboard pattern should apply:',
+        '- Enter keypress should move focus inside the cell',
+        '- Focus should be trapped while it is in a cell',
+        '- Escape keypress hould focus back on the cell',
+        '',
+        'This can be done using the `useFocusableGroup` hook with the tab behaviour set to `limited-trap-focus`.',
+        'The props returned from the hook should be spread to the `TableCell`.',
+      ].join('\n'),
+    },
+  },
+};
diff --git a/packages/react-components/react-table/stories/Table/index.stories.tsx b/packages/react-components/react-table/stories/Table/index.stories.tsx
index 2e628140eb51c..3e9efc968b7a9 100644
--- a/packages/react-components/react-table/stories/Table/index.stories.tsx
+++ b/packages/react-components/react-table/stories/Table/index.stories.tsx
@@ -17,6 +17,7 @@ export { NonNativeElements } from './NonNativeElements.stories';
 export { CellActions } from './CellActions.stories';
 export { PrimaryCell } from './PrimaryCell.stories';
 export { CellNavigation } from './CellNavigation.stories';
+export { FocusableElementsInCells } from './FocusableElements.Cells.stories';
 export { RowNavigation } from './RowNavigation.stories';
 
 export { Sort } from './Sort.stories';
diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json
index 60d345ef17cf6..1a6b6e1e20516 100644
--- a/packages/react-components/react-tabs/CHANGELOG.json
+++ b/packages/react-components/react-tabs/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-tabs",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-tabs_v9.3.18",
+      "version": "9.3.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:20 GMT",
       "tag": "@fluentui/react-tabs_v9.3.17",
diff --git a/packages/react-components/react-tabs/CHANGELOG.md b/packages/react-components/react-tabs/CHANGELOG.md
index 1c85032fec797..36abdc785d8f6 100644
--- a/packages/react-components/react-tabs/CHANGELOG.md
+++ b/packages/react-components/react-tabs/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-tabs
 
-This log was last generated on Wed, 31 May 2023 06:46:20 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.18)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.17..@fluentui/react-tabs_v9.3.18)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.17)
 
 Wed, 31 May 2023 06:46:20 GMT 
diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json
index 97f7785b3b533..7ade0319be027 100644
--- a/packages/react-components/react-tabs/package.json
+++ b/packages/react-components/react-tabs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.3.17",
+  "version": "9.3.18",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,17 +27,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json
index 7793d2f74d129..312898066a8ef 100644
--- a/packages/react-components/react-tabster/CHANGELOG.json
+++ b/packages/react-components/react-tabster/CHANGELOG.json
@@ -1,6 +1,47 @@
 {
   "name": "@fluentui/react-tabster",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:05 GMT",
+      "tag": "@fluentui/react-tabster_v9.8.0",
+      "version": "9.8.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-tabster",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          }
+        ],
+        "minor": [
+          {
+            "author": "jukapsia@microsoft.com",
+            "package": "@fluentui/react-tabster",
+            "commit": "1a277b9c4d55bc1b7c65a73383425b1934ec1dad",
+            "comment": "useArrowNavigationGroup grid-linear axis"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabster",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabster",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabster",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:20 GMT",
       "tag": "@fluentui/react-tabster_v9.7.5",
diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md
index 076c0a144ba8c..4563956a6a5e6 100644
--- a/packages/react-components/react-tabster/CHANGELOG.md
+++ b/packages/react-components/react-tabster/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-tabster
 
-This log was last generated on Wed, 31 May 2023 06:46:20 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.8.0)
+
+Tue, 20 Jun 2023 12:39:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.7.5..@fluentui/react-tabster_v9.8.0)
+
+### Minor changes
+
+- useArrowNavigationGroup grid-linear axis ([PR #28253](https://github.com/microsoft/fluentui/pull/28253) by jukapsia@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+### Patches
+
+- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
 ## [9.7.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.7.5)
 
 Wed, 31 May 2023 06:46:20 GMT 
diff --git a/packages/react-components/react-tabster/etc/react-tabster.api.md b/packages/react-components/react-tabster/etc/react-tabster.api.md
index c8ce15a06184a..c12efb02d6d68 100644
--- a/packages/react-components/react-tabster/etc/react-tabster.api.md
+++ b/packages/react-components/react-tabster/etc/react-tabster.api.md
@@ -49,7 +49,7 @@ export const useArrowNavigationGroup: (options?: UseArrowNavigationGroupOptions)
 
 // @public (undocumented)
 export interface UseArrowNavigationGroupOptions {
-    axis?: 'vertical' | 'horizontal' | 'grid' | 'both';
+    axis?: 'vertical' | 'horizontal' | 'grid' | 'grid-linear' | 'both';
     circular?: boolean;
     ignoreDefaultKeydown?: Types.FocusableProps['ignoreKeydown'];
     memorizeCurrent?: boolean;
@@ -58,7 +58,7 @@ export interface UseArrowNavigationGroupOptions {
 }
 
 // @public
-export const useFocusableGroup: (options?: UseFocusableGroupOptions | undefined) => Types.TabsterDOMAttribute;
+export const useFocusableGroup: (options?: UseFocusableGroupOptions) => Types.TabsterDOMAttribute;
 
 // @public (undocumented)
 export interface UseFocusableGroupOptions {
diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json
index 15e7a6e15e901..bc8fba8746595 100644
--- a/packages/react-components/react-tabster/package.json
+++ b/packages/react-components/react-tabster/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabster",
-  "version": "9.7.5",
+  "version": "9.8.0",
   "description": "Utilities for focus management and facade for tabster",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -31,13 +31,13 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14",
     "keyborg": "^2.0.0",
-    "tabster": "^4.4.2"
+    "tabster": "^4.5.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
diff --git a/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts b/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts
index f9aca20f45e4a..736a5e63a0c45 100644
--- a/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts
+++ b/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts
@@ -7,7 +7,7 @@ export interface UseArrowNavigationGroupOptions {
    * Focus will navigate vertically, horizontally or in both directions (grid), defaults to horizontally
    * @defaultValue vertical
    */
-  axis?: 'vertical' | 'horizontal' | 'grid' | 'both';
+  axis?: 'vertical' | 'horizontal' | 'grid' | 'grid-linear' | 'both';
   /**
    * Focus will cycle to the first/last elements of the group without stopping
    */
@@ -76,6 +76,8 @@ function axisToMoverDirection(axis: UseArrowNavigationGroupOptions['axis']): Typ
       return Types.MoverDirections.Horizontal;
     case 'grid':
       return Types.MoverDirections.Grid;
+    case 'grid-linear':
+      return Types.MoverDirections.GridLinear;
     case 'both':
       return Types.MoverDirections.Both;
 
diff --git a/packages/react-components/react-tags/etc/react-tags.api.md b/packages/react-components/react-tags/etc/react-tags.api.md
index 2cdee8d68e511..b731080fb1171 100644
--- a/packages/react-components/react-tags/etc/react-tags.api.md
+++ b/packages/react-components/react-tags/etc/react-tags.api.md
@@ -84,7 +84,7 @@ export type TagProps<Value = string> = ComponentProps<Partial<TagSlots>> & {
 
 // @public (undocumented)
 export type TagSlots = {
-    root: NonNullable<Slot<'button'>>;
+    root: NonNullable<Slot<'button', 'span'>>;
     media?: Slot<'span'>;
     icon?: Slot<'span'>;
     primaryText: Slot<'span'>;
diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json
index 0367f86414010..3d9e3e6584032 100644
--- a/packages/react-components/react-tags/package.json
+++ b/packages/react-components/react-tags/package.json
@@ -29,19 +29,20 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx b/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx
index 174ddfaad88b7..ed002889a23df 100644
--- a/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx
+++ b/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx
@@ -14,7 +14,7 @@ const requiredProps: TagProps = {
 };
 
 describe('Tag', () => {
-  isConformant({
+  isConformant<TagProps>({
     Component: Tag,
     displayName: 'Tag',
     requiredProps,
diff --git a/packages/react-components/react-tags/src/components/Tag/Tag.types.ts b/packages/react-components/react-tags/src/components/Tag/Tag.types.ts
index 1869fb1368ec9..2dd7710c60367 100644
--- a/packages/react-components/react-tags/src/components/Tag/Tag.types.ts
+++ b/packages/react-components/react-tags/src/components/Tag/Tag.types.ts
@@ -11,7 +11,7 @@ export type TagContextValues = {
 };
 
 export type TagSlots = {
-  root: NonNullable<Slot<'button'>>;
+  root: NonNullable<Slot<'button', 'span'>>;
 
   /**
    * Slot for an icon or other visual element
diff --git a/packages/react-components/react-tags/src/components/Tag/useTag.tsx b/packages/react-components/react-tags/src/components/Tag/useTag.tsx
index 47c5e8428c45c..57d7727b5b24c 100644
--- a/packages/react-components/react-tags/src/components/Tag/useTag.tsx
+++ b/packages/react-components/react-tags/src/components/Tag/useTag.tsx
@@ -7,8 +7,8 @@ import { useTagGroupContext_unstable } from '../../contexts/TagGroupContext';
 
 const tagAvatarSizeMap = {
   medium: 28,
-  small: 24,
-  'extra-small': 20,
+  small: 20,
+  'extra-small': 16,
 } as const;
 
 const tagAvatarShapeMap = {
diff --git a/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts b/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts
index 16f9f35174451..66214279b8047 100644
--- a/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts
+++ b/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts
@@ -14,78 +14,45 @@ export const tagClassNames: SlotClassNames<TagSlots> = {
 };
 
 /**
- * Base styles shared by Tag/TagButton
+ * Inner horizontal space left and right of Tag
  */
-export const useTagBaseStyles = makeStyles({
-  media: {
-    ...shorthands.gridArea('media'),
-    alignSelf: 'center',
-    paddingLeft: tokens.spacingHorizontalXXS,
-    paddingRight: tokens.spacingHorizontalS,
-  },
-  icon: {
-    ...shorthands.gridArea('media'),
-    display: 'flex',
-    alignSelf: 'center',
-    paddingLeft: '6px',
-    paddingRight: '2px',
-  },
-  primaryText: {
-    gridColumnStart: 'primary',
-    gridRowStart: 'primary',
-    gridRowEnd: 'secondary',
-    ...typographyStyles.body1,
-    paddingLeft: tokens.spacingHorizontalXXS,
-    paddingRight: tokens.spacingHorizontalXXS,
-  },
-  primaryTextWithSecondaryText: {
-    ...shorthands.gridArea('primary'),
-    ...typographyStyles.caption1,
-  },
-  secondaryText: {
-    ...shorthands.gridArea('secondary'),
-    paddingLeft: tokens.spacingHorizontalXXS,
-    paddingRight: tokens.spacingHorizontalXXS,
-    ...typographyStyles.caption2,
-  },
-});
+const tagSpacingMedium = '7px';
+const tagSpacingSmall = '5px';
+const tagSpacingExtraSmall = '5px';
 
-export const useResetButtonStyles = makeStyles({
-  resetButton: {
-    color: 'inherit',
+const mediumIconSize = '20px';
+const smallIconSize = '16px';
+const extraSmallIconSize = '12px';
+
+const useRootStyles = makeStyles({
+  base: {
+    // TODO use makeResetStyle when styles are settled
+
+    // reset default button style:
     fontFamily: 'inherit',
-    lineHeight: 'normal',
-    ...shorthands.overflow('visible'),
     ...shorthands.padding(0),
-    ...shorthands.borderStyle('none'),
     appearance: 'button',
     textAlign: 'unset',
-    backgroundColor: 'transparent',
-  },
-});
 
-const useTagStyles = makeStyles({
-  root: {
-    // TODO use makeResetStyle when styles are settled
     display: 'inline-grid',
     alignItems: 'center',
-    gridTemplateRows: '1fr auto auto 1fr',
     gridTemplateAreas: `
-    "media .         dismissIcon"
     "media primary   dismissIcon"
     "media secondary dismissIcon"
-    "media .         dismissIcon"
     `,
-
     boxSizing: 'border-box',
-    height: '32px',
     width: 'fit-content',
-    ...shorthands.borderRadius(tokens.borderRadiusMedium),
-
     backgroundColor: tokens.colorNeutralBackground3,
     color: tokens.colorNeutralForeground2,
     ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),
 
+    ':hover': {
+      cursor: 'pointer',
+    },
+  },
+
+  rounded: {
+    ...shorthands.borderRadius(tokens.borderRadiusMedium),
     ...createCustomFocusIndicatorStyle(
       {
         ...shorthands.borderRadius(tokens.borderRadiusMedium),
@@ -93,91 +60,225 @@ const useTagStyles = makeStyles({
       },
       { enableOutline: true },
     ),
-
-    ':hover': {
-      cursor: 'pointer',
-    },
   },
-  rootCircular: {
+  circular: {
     ...shorthands.borderRadius(tokens.borderRadiusCircular),
-    ...createCustomFocusIndicatorStyle({
-      ...shorthands.borderRadius(tokens.borderRadiusCircular),
-    }),
+    ...createCustomFocusIndicatorStyle(
+      {
+        ...shorthands.borderRadius(tokens.borderRadiusCircular),
+        ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),
+      },
+      { enableOutline: true },
+    ),
+  },
+
+  medium: {
+    height: '32px',
+  },
+  small: {
+    height: '24px',
+  },
+  'extra-small': {
+    height: '20px',
+  },
+});
+/**
+ * Styles for root slot when Tag is without leading media/icon
+ */
+const useRootWithoutMediaStyles = makeStyles({
+  medium: {
+    paddingLeft: tagSpacingMedium,
+  },
+  small: {
+    paddingLeft: tagSpacingSmall,
   },
-  rootWithoutMedia: {
-    paddingLeft: tokens.spacingHorizontalS,
+  'extra-small': {
+    paddingLeft: tagSpacingExtraSmall,
   },
-  rootWithoutDismiss: {
+});
+/**
+ * Styles for root slot when Tag is without dismiss icon
+ */
+const useRootWithoutDismissStyles = makeStyles({
+  medium: {
+    paddingRight: tagSpacingMedium,
+  },
+  small: {
+    paddingRight: tagSpacingSmall,
+  },
+  'extra-small': {
+    paddingRight: tagSpacingExtraSmall,
+  },
+});
+
+export const useIconStyles = makeStyles({
+  base: {
+    ...shorthands.gridArea('media'),
+    display: 'flex',
+  },
+  medium: {
+    paddingLeft: tagSpacingMedium,
+    paddingRight: tokens.spacingHorizontalXS,
+    width: mediumIconSize,
+    fontSize: mediumIconSize,
+  },
+  small: {
+    paddingLeft: tagSpacingSmall,
+    paddingRight: tokens.spacingHorizontalXXS,
+    width: smallIconSize,
+    fontSize: smallIconSize,
+  },
+  'extra-small': {
+    paddingLeft: tagSpacingExtraSmall,
+    paddingRight: tokens.spacingHorizontalXXS,
+    width: extraSmallIconSize,
+    fontSize: extraSmallIconSize,
+  },
+});
+
+export const useMediaStyles = makeStyles({
+  base: {
+    ...shorthands.gridArea('media'),
+    display: 'flex',
+    paddingLeft: '1px',
+  },
+  medium: {
     paddingRight: tokens.spacingHorizontalS,
   },
+  small: {
+    paddingRight: tokens.spacingHorizontalSNudge,
+  },
+  'extra-small': {
+    paddingRight: tokens.spacingHorizontalSNudge,
+  },
+});
 
-  dismissIcon: {
+const useDismissIconStyles = makeStyles({
+  base: {
     ...shorthands.gridArea('dismissIcon'),
     display: 'flex',
-    alignItems: 'center',
-    fontSize: '20px',
-    paddingLeft: '2px',
-    paddingRight: '6px',
+  },
+  medium: {
+    paddingLeft: tokens.spacingHorizontalXS,
+    paddingRight: tagSpacingMedium,
+    fontSize: mediumIconSize,
+  },
+  small: {
+    paddingLeft: tokens.spacingHorizontalXXS,
+    paddingRight: tagSpacingSmall,
+    fontSize: smallIconSize,
+  },
+  'extra-small': {
+    paddingLeft: tokens.spacingHorizontalXXS,
+    paddingRight: tagSpacingExtraSmall,
+    fontSize: extraSmallIconSize,
+  },
+});
+
+export const usePrimaryTextStyles = makeStyles({
+  base: {
+    whiteSpace: 'nowrap',
+    paddingLeft: tokens.spacingHorizontalXXS,
+    paddingRight: tokens.spacingHorizontalXXS,
   },
 
-  // TODO add additional classes for fill/outline appearance, different sizes, and state
+  medium: {
+    ...typographyStyles.body1,
+  },
+  small: {
+    ...typographyStyles.caption1,
+  },
+  'extra-small': {
+    ...typographyStyles.caption1,
+  },
+
+  withoutSecondaryText: {
+    gridColumnStart: 'primary',
+    gridRowStart: 'primary',
+    gridRowEnd: 'secondary',
+    paddingBottom: tokens.spacingHorizontalXXS,
+  },
+  withSecondaryText: {
+    ...shorthands.gridArea('primary'),
+    ...typographyStyles.caption1,
+    marginTop: '-2px',
+  },
 });
 
-const useSmallTagStyles = makeStyles({
-  root: {
-    height: '24px',
+export const useSecondaryTextStyles = makeStyles({
+  base: {
+    ...shorthands.gridArea('secondary'),
+    paddingLeft: tokens.spacingHorizontalXXS,
+    paddingRight: tokens.spacingHorizontalXXS,
+    ...typographyStyles.caption2,
+    whiteSpace: 'nowrap',
   },
-  // TODO add additional styles for sizes
 });
 
 /**
  * Apply styling to the Tag slots based on the state
  */
 export const useTagStyles_unstable = (state: TagState): TagState => {
-  const baseStyles = useTagBaseStyles();
-  const resetButtonStyles = useResetButtonStyles();
-  const styles = useTagStyles();
-  const smallStyles = useSmallTagStyles();
+  const rootStyles = useRootStyles();
+  const rootWithoutMediaStyles = useRootWithoutMediaStyles();
+  const rootWithoutDismissStyles = useRootWithoutDismissStyles();
+
+  const iconStyles = useIconStyles();
+  const mediaStyles = useMediaStyles();
+  const dismissIconStyles = useDismissIconStyles();
+  const primaryTextStyles = usePrimaryTextStyles();
+  const secondaryTextStyles = useSecondaryTextStyles();
+
+  const { shape, size } = state;
 
   state.root.className = mergeClasses(
     tagClassNames.root,
-    resetButtonStyles.resetButton,
 
-    styles.root,
-    state.shape === 'circular' && styles.rootCircular,
-    !state.media && !state.icon && styles.rootWithoutMedia,
-    !state.dismissIcon && styles.rootWithoutDismiss,
+    rootStyles.base,
+    rootStyles[shape],
+    rootStyles[size],
 
-    state.size === 'small' && smallStyles.root,
+    !state.media && !state.icon && rootWithoutMediaStyles[size],
+    !state.dismissIcon && rootWithoutDismissStyles[size],
 
     state.root.className,
   );
 
   if (state.media) {
-    state.media.className = mergeClasses(tagClassNames.media, baseStyles.media, state.media.className);
+    state.media.className = mergeClasses(
+      tagClassNames.media,
+      mediaStyles.base,
+      mediaStyles[size],
+      state.media.className,
+    );
   }
   if (state.icon) {
-    state.icon.className = mergeClasses(tagClassNames.icon, baseStyles.icon, state.icon.className);
+    state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);
   }
   if (state.primaryText) {
     state.primaryText.className = mergeClasses(
       tagClassNames.primaryText,
-      baseStyles.primaryText,
-      state.secondaryText && baseStyles.primaryTextWithSecondaryText,
+
+      primaryTextStyles.base,
+      primaryTextStyles[size],
+
+      state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText,
+
       state.primaryText.className,
     );
   }
   if (state.secondaryText) {
     state.secondaryText.className = mergeClasses(
       tagClassNames.secondaryText,
-      baseStyles.secondaryText,
+      secondaryTextStyles.base,
       state.secondaryText.className,
     );
   }
   if (state.dismissIcon) {
     state.dismissIcon.className = mergeClasses(
       tagClassNames.dismissIcon,
-      styles.dismissIcon,
+      dismissIconStyles.base,
+      dismissIconStyles[size],
       state.dismissIcon.className,
     );
   }
diff --git a/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx b/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx
index 9ba53fb344a6f..dcb4f6a5a0ad4 100644
--- a/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx
+++ b/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx
@@ -7,8 +7,8 @@ import { useTagGroupContext_unstable } from '../../contexts/TagGroupContext';
 
 const tagButtonAvatarSizeMap = {
   medium: 28,
-  small: 24,
-  'extra-small': 20,
+  small: 20,
+  'extra-small': 16,
 } as const;
 
 const tagButtonAvatarShapeMap = {
diff --git a/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts b/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts
index c1b93faf1db3e..e822a2d2124bd 100644
--- a/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts
+++ b/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts
@@ -3,7 +3,12 @@ import type { TagButtonSlots, TagButtonState } from './TagButton.types';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 import { tokens } from '@fluentui/react-theme';
-import { useResetButtonStyles, useTagBaseStyles } from '../Tag/index';
+import {
+  useIconStyles,
+  useMediaStyles,
+  usePrimaryTextStyles,
+  useSecondaryTextStyles,
+} from '../Tag/useTagStyles.styles';
 
 export const tagButtonClassNames: SlotClassNames<TagButtonSlots> = {
   root: 'fui-TagButton',
@@ -15,153 +20,262 @@ export const tagButtonClassNames: SlotClassNames<TagButtonSlots> = {
   dismissButton: 'fui-TagButton__dismissButton',
 };
 
-const useStyles = makeStyles({
-  root: {
-    // TODO use makeResetStyle when styles are settled
-    display: 'inline-flex',
+const mediumIconSize = '20px';
+const smallIconSize = '16px';
+const extraSmallIconSize = '12px';
 
+const useRootStyles = makeStyles({
+  base: {
+    display: 'inline-flex',
+    alignItems: 'center',
     boxSizing: 'border-box',
-    height: '32px',
     width: 'fit-content',
-    ...shorthands.borderRadius(tokens.borderRadiusMedium),
 
     backgroundColor: tokens.colorNeutralBackground3,
     color: tokens.colorNeutralForeground2,
     ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),
   },
-  rootCircular: shorthands.borderRadius(tokens.borderRadiusCircular),
 
-  content: {
+  rounded: shorthands.borderRadius(tokens.borderRadiusMedium),
+  circular: shorthands.borderRadius(tokens.borderRadiusCircular),
+
+  medium: {
+    height: '32px',
+  },
+  small: {
+    height: '24px',
+  },
+  'extra-small': {
+    height: '20px',
+  },
+});
+
+const useContentButtonStyles = makeStyles({
+  base: {
+    // TODO use makeResetStyle when styles are settled
+
+    // reset default button style:
+    color: 'inherit',
+    fontFamily: 'inherit',
+    ...shorthands.padding(0),
+    ...shorthands.borderStyle('none'),
+    appearance: 'button',
+    textAlign: 'unset',
+    backgroundColor: 'transparent',
+
     display: 'inline-grid',
-    gridTemplateRows: '1fr auto auto 1fr',
+    height: '100%',
+    alignItems: 'center',
     gridTemplateAreas: `
-    "media .        "
     "media primary  "
     "media secondary"
-    "media .        "
     `,
-    paddingRight: tokens.spacingHorizontalS,
-
-    ...createCustomFocusIndicatorStyle(
-      {
-        ...shorthands.borderRadius(tokens.borderRadiusMedium),
-        ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),
-        zIndex: 1,
-      },
-      { enableOutline: true },
-    ),
 
     ':hover': {
       cursor: 'pointer',
     },
   },
-  circularContent: createCustomFocusIndicatorStyle(shorthands.borderRadius(tokens.borderRadiusCircular)),
-  contentWithoutMedia: {
-    paddingLeft: tokens.spacingHorizontalS,
+
+  rounded: createCustomFocusIndicatorStyle(
+    {
+      ...shorthands.borderRadius(tokens.borderRadiusMedium),
+      ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),
+      zIndex: 1,
+    },
+    { enableOutline: true },
+  ),
+  circular: createCustomFocusIndicatorStyle(
+    {
+      ...shorthands.borderRadius(tokens.borderRadiusCircular),
+      ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),
+      zIndex: 1,
+    },
+    { enableOutline: true },
+  ),
+
+  medium: {
+    paddingRight: '7px',
+  },
+  small: {
+    paddingRight: '5px',
   },
-  dismissibleContent: createCustomFocusIndicatorStyle({
+  'extra-small': {
+    paddingRight: '5px',
+  },
+});
+/**
+ * Styles for content slot when TagButton is without leading media/icon
+ */
+const useContentButtonWithoutMediaStyles = makeStyles({
+  medium: {
+    paddingLeft: '7px',
+  },
+  small: {
+    paddingLeft: '5px',
+  },
+  'extra-small': {
+    paddingLeft: '5px',
+  },
+});
+/**
+ * Styles for content slot when TagButton has dismiss button
+ */
+const useDismissibleContentButtonStyles = makeStyles({
+  base: createCustomFocusIndicatorStyle({
     borderTopRightRadius: tokens.borderRadiusNone,
     borderBottomRightRadius: tokens.borderRadiusNone,
   }),
+  medium: {
+    paddingRight: tokens.spacingHorizontalS,
+  },
+  small: {
+    paddingRight: tokens.spacingHorizontalSNudge,
+  },
+  'extra-small': {
+    paddingRight: tokens.spacingHorizontalSNudge,
+  },
+});
+
+const useDismissButtonStyles = makeStyles({
+  base: {
+    // reset default button style:
+    color: 'inherit',
+    fontFamily: 'inherit',
+    ...shorthands.padding(0),
+    ...shorthands.borderStyle('none'),
+    appearance: 'button',
+    textAlign: 'unset',
+    backgroundColor: 'transparent',
 
-  dismissButton: {
     display: 'flex',
+    height: '100%',
     alignItems: 'center',
-    fontSize: '20px',
-    paddingLeft: '6px',
-    paddingRight: '6px',
 
+    // divider:
     ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),
-
     borderTopLeftRadius: tokens.borderRadiusNone,
     borderBottomLeftRadius: tokens.borderRadiusNone,
-    ...createCustomFocusIndicatorStyle({
-      ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),
-      borderTopLeftRadius: tokens.borderRadiusNone,
-      borderBottomLeftRadius: tokens.borderRadiusNone,
-      borderTopRightRadius: tokens.borderRadiusMedium,
-      borderBottomRightRadius: tokens.borderRadiusMedium,
-    }),
 
     ':hover': {
       cursor: 'pointer',
     },
   },
-  dismissButtonCircular: createCustomFocusIndicatorStyle({
+
+  rounded: createCustomFocusIndicatorStyle({
+    ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),
+    borderTopLeftRadius: tokens.borderRadiusNone,
+    borderBottomLeftRadius: tokens.borderRadiusNone,
+    borderTopRightRadius: tokens.borderRadiusMedium,
+    borderBottomRightRadius: tokens.borderRadiusMedium,
+  }),
+  circular: createCustomFocusIndicatorStyle({
+    ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),
+    borderTopLeftRadius: tokens.borderRadiusNone,
+    borderBottomLeftRadius: tokens.borderRadiusNone,
     borderTopRightRadius: tokens.borderRadiusCircular,
     borderBottomRightRadius: tokens.borderRadiusCircular,
   }),
 
-  // TODO add additional classes for fill/outline appearance, different sizes, and state
-});
-
-const useSmallTagButtonStyles = makeStyles({
-  root: {
-    height: '24px',
+  medium: {
+    fontSize: mediumIconSize,
+    paddingLeft: '5px',
+    paddingRight: '5px',
+  },
+  small: {
+    fontSize: smallIconSize,
+    paddingLeft: '3px',
+    paddingRight: '3px',
+  },
+  'extra-small': {
+    fontSize: extraSmallIconSize,
+    paddingLeft: '5px',
+    paddingRight: '5px',
   },
-  // TODO add additional styles for sizes
 });
 
 /**
  * Apply styling to the TagButton slots based on the state
  */
 export const useTagButtonStyles_unstable = (state: TagButtonState): TagButtonState => {
-  const baseStyles = useTagBaseStyles();
-  const resetButtonStyles = useResetButtonStyles();
-  const styles = useStyles();
-  const smallStyles = useSmallTagButtonStyles();
+  const rootStyles = useRootStyles();
 
-  state.root.className = mergeClasses(
-    tagButtonClassNames.root,
-    styles.root,
-    state.shape === 'circular' && styles.rootCircular,
+  const contentButtonStyles = useContentButtonStyles();
+  const contentButtonWithoutMediaStyles = useContentButtonWithoutMediaStyles();
+  const dismissibleContentButtonStyles = useDismissibleContentButtonStyles();
+
+  const iconStyles = useIconStyles();
+  const mediaStyles = useMediaStyles();
+  const primaryTextStyles = usePrimaryTextStyles();
+  const secondaryTextStyles = useSecondaryTextStyles();
+  const dismissButtonStyles = useDismissButtonStyles();
 
-    state.size === 'small' && smallStyles.root,
+  const { shape, size } = state;
 
+  state.root.className = mergeClasses(
+    tagButtonClassNames.root,
+    rootStyles.base,
+    rootStyles[shape],
+    rootStyles[size],
     state.root.className,
   );
+
   if (state.content) {
     state.content.className = mergeClasses(
       tagButtonClassNames.content,
 
-      resetButtonStyles.resetButton,
-      styles.content,
-      state.shape === 'circular' && styles.circularContent,
-      !state.media && !state.icon && styles.contentWithoutMedia,
-      state.dismissible && styles.dismissibleContent,
+      contentButtonStyles.base,
+      contentButtonStyles[shape],
+      contentButtonStyles[size],
+
+      !state.media && !state.icon && contentButtonWithoutMediaStyles[size],
+      state.dismissible && dismissibleContentButtonStyles.base,
+      state.dismissible && dismissibleContentButtonStyles[size],
 
       state.content.className,
     );
   }
 
   if (state.media) {
-    state.media.className = mergeClasses(tagButtonClassNames.media, baseStyles.media, state.media.className);
+    state.media.className = mergeClasses(
+      tagButtonClassNames.media,
+      mediaStyles.base,
+      mediaStyles[size],
+      state.media.className,
+    );
   }
   if (state.icon) {
-    state.icon.className = mergeClasses(tagButtonClassNames.icon, baseStyles.icon, state.icon.className);
+    state.icon.className = mergeClasses(
+      tagButtonClassNames.icon,
+      iconStyles.base,
+      iconStyles[size],
+      state.icon.className,
+    );
   }
   if (state.primaryText) {
     state.primaryText.className = mergeClasses(
       tagButtonClassNames.primaryText,
-      baseStyles.primaryText,
-      state.secondaryText && baseStyles.primaryTextWithSecondaryText,
+
+      primaryTextStyles.base,
+      primaryTextStyles[size],
+
+      state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText,
+
       state.primaryText.className,
     );
   }
   if (state.secondaryText) {
     state.secondaryText.className = mergeClasses(
       tagButtonClassNames.secondaryText,
-      baseStyles.secondaryText,
+      secondaryTextStyles.base,
       state.secondaryText.className,
     );
   }
   if (state.dismissButton) {
     state.dismissButton.className = mergeClasses(
       tagButtonClassNames.dismissButton,
-      resetButtonStyles.resetButton,
-
-      styles.dismissButton,
-      state.shape === 'circular' && styles.dismissButtonCircular,
+      dismissButtonStyles.base,
+      dismissButtonStyles[shape],
+      dismissButtonStyles[size],
       state.dismissButton.className,
     );
   }
diff --git a/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts b/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts
index 5da937f421244..1cdf4937d92e3 100644
--- a/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts
+++ b/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts
@@ -1,6 +1,9 @@
 import * as React from 'react';
-import { getNativeElementProps, useEventCallback } from '@fluentui/react-utilities';
+import { getNativeElementProps, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';
 import type { TagGroupProps, TagGroupState } from './TagGroup.types';
+import { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+import { tagButtonClassNames } from '../TagButton/useTagButtonStyles.styles';
 
 /**
  * Create the state required to render TagGroup.
@@ -14,10 +17,37 @@ import type { TagGroupProps, TagGroupState } from './TagGroup.types';
 export const useTagGroup_unstable = (props: TagGroupProps, ref: React.Ref<HTMLElement>): TagGroupState => {
   const { onDismiss, size = 'medium' } = props;
 
+  const innerRef = React.useRef<HTMLElement>();
+  const { targetDocument } = useFluent();
+  const { findNextFocusable, findPrevFocusable } = useFocusFinders();
+
   const handleTagDismiss = useEventCallback((e: React.MouseEvent | React.KeyboardEvent, id: string) => {
     onDismiss?.(e, { dismissedTagValue: id });
 
-    // TODO set focus after tag dismiss
+    // set focus after tag dismiss
+    const activeElement = targetDocument?.activeElement;
+    if (innerRef.current?.contains(activeElement as HTMLElement)) {
+      // focus on next tag only if the active element is within the current tag group
+      const next = findNextFocusable(activeElement as HTMLElement, { container: innerRef.current });
+      if (next) {
+        next.focus();
+        return;
+      }
+
+      // if there is no next focusable, focus on the previous focusable
+      if (activeElement?.className.includes(tagButtonClassNames.dismissButton)) {
+        const prev = findPrevFocusable(activeElement.parentElement as HTMLElement, { container: innerRef.current });
+        prev?.focus();
+      } else {
+        const prev = findPrevFocusable(activeElement as HTMLElement, { container: innerRef.current });
+        prev?.focus();
+      }
+    }
+  });
+
+  const arrowNavigationProps = useArrowNavigationGroup({
+    circular: true,
+    axis: 'both',
   });
 
   return {
@@ -30,9 +60,10 @@ export const useTagGroup_unstable = (props: TagGroupProps, ref: React.Ref<HTMLEl
     },
 
     root: getNativeElementProps('div', {
-      ref,
+      ref: useMergedRefs(ref, innerRef),
+      role: 'toolbar',
+      ...arrowNavigationProps,
       ...props,
-      // TODO aria attributes
     }),
   };
 };
diff --git a/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts b/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts
index 384730cbf6e5c..ecff3d75c06a8 100644
--- a/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts
+++ b/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts
@@ -10,27 +10,28 @@ export const tagGroupClassNames: SlotClassNames<TagGroupSlots> = {
 /**
  * Styles for the root slot
  */
-const useStyles = makeStyles({
-  root: {
+const useRootStyles = makeStyles({
+  base: {
     display: 'inline-flex',
+  },
+  medium: {
     columnGap: tokens.spacingHorizontalS,
   },
-  rootSmall: {
+  small: {
     columnGap: tokens.spacingHorizontalSNudge,
   },
+  'extra-small': {
+    columnGap: tokens.spacingHorizontalXS,
+  },
 });
 
 /**
  * Apply styling to the TagGroup slots based on the state
  */
 export const useTagGroupStyles_unstable = (state: TagGroupState): TagGroupState => {
-  const styles = useStyles();
-  state.root.className = mergeClasses(
-    tagGroupClassNames.root,
-    styles.root,
-    state.size === 'small' && styles.rootSmall,
-    state.root.className,
-  );
+  const styles = useRootStyles();
+  const { size } = state;
+  state.root.className = mergeClasses(tagGroupClassNames.root, styles.base, styles[size], state.root.className);
 
   return state;
 };
diff --git a/packages/react-components/react-tags/stories/Tag/TagDescription.md b/packages/react-components/react-tags/stories/Tag/TagDescription.md
index e69de29bb2d1d..30785a128834f 100644
--- a/packages/react-components/react-tags/stories/Tag/TagDescription.md
+++ b/packages/react-components/react-tags/stories/Tag/TagDescription.md
@@ -0,0 +1 @@
+A Tag provides a visual representation of an attribute, person, or asset.
diff --git a/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx
new file mode 100644
index 0000000000000..55f0b715c70f2
--- /dev/null
+++ b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx
@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { Avatar, makeStyles } from '@fluentui/react-components';
+import { CalendarMonthRegular } from '@fluentui/react-icons';
+
+import { Tag } from '@fluentui/react-tags';
+
+const useContainerStyles = makeStyles({
+  innerWrapper: {
+    alignItems: 'start',
+    columnGap: '10px',
+    display: 'flex',
+  },
+  outerWrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    rowGap: '10px',
+  },
+});
+export const Size = () => {
+  const styles = useContainerStyles();
+  return (
+    <div className={styles.outerWrapper}>
+      <div className={styles.innerWrapper}>
+        <Tag>Medium</Tag>
+        <Tag dismissible media={<Avatar name="Katri Athokas" badge={{ status: 'busy' }} />}>
+          Medium dismissible
+        </Tag>
+        <Tag icon={<CalendarMonthRegular />} shape="circular">
+          Medium circular
+        </Tag>
+      </div>
+      <div className={styles.innerWrapper}>
+        <Tag size="small">Small</Tag>
+
+        <Tag dismissible size="small" media={<Avatar name="Katri Athokas" badge={{ status: 'busy' }} />}>
+          Small dismissible
+        </Tag>
+        <Tag size="small" icon={<CalendarMonthRegular />} shape="circular">
+          Small circular
+        </Tag>
+      </div>
+      <div className={styles.innerWrapper}>
+        <Tag size="extra-small">Extra small</Tag>
+
+        <Tag dismissible size="extra-small" media={<Avatar name="Katri Athokas" badge={{ status: 'busy' }} />}>
+          Extra small dismissible
+        </Tag>
+        <Tag size="extra-small" icon={<CalendarMonthRegular />} shape="circular">
+          Extra small circular
+        </Tag>
+      </div>
+    </div>
+  );
+};
+
+Size.storyName = 'Size';
+Size.parameters = {
+  docs: {
+    description: { story: 'A tag supports `medium`, `small` and `extra-small` size. Default size is `medium`.' },
+  },
+};
diff --git a/packages/react-components/react-tags/stories/Tag/index.stories.tsx b/packages/react-components/react-tags/stories/Tag/index.stories.tsx
index 722990b615cb6..b6b85183b5b5b 100644
--- a/packages/react-components/react-tags/stories/Tag/index.stories.tsx
+++ b/packages/react-components/react-tags/stories/Tag/index.stories.tsx
@@ -9,6 +9,7 @@ export { Media } from './TagMedia.stories';
 export { SecondaryText } from './TagSecondaryText.stories';
 export { Dismiss } from './TagDismiss.stories';
 export { Shape } from './TagShape.stories';
+export { Size } from './TagSize.stories';
 
 export default {
   title: 'Preview Components/Tag/Tag',
diff --git a/packages/react-components/react-tags/stories/TagButton/TagButtonBestPractices.md b/packages/react-components/react-tags/stories/TagButton/TagButtonBestPractices.md
index 08ff8ddeeb5f8..625151fb10240 100644
--- a/packages/react-components/react-tags/stories/TagButton/TagButtonBestPractices.md
+++ b/packages/react-components/react-tags/stories/TagButton/TagButtonBestPractices.md
@@ -2,4 +2,6 @@
 
 ### Do
 
+- Use `Tag` instead of `TagButton` for tags without a primary action.
+
 ### Don't
diff --git a/packages/react-components/react-tags/stories/TagButton/TagButtonDescription.md b/packages/react-components/react-tags/stories/TagButton/TagButtonDescription.md
index e69de29bb2d1d..691c625a2b65c 100644
--- a/packages/react-components/react-tags/stories/TagButton/TagButtonDescription.md
+++ b/packages/react-components/react-tags/stories/TagButton/TagButtonDescription.md
@@ -0,0 +1 @@
+A TagButton follows the same characteristics as a Tag, but with the added functionality of having a primary and secondary action.
diff --git a/packages/react-components/react-tags/stories/TagButton/TagButtonSize.stories.tsx b/packages/react-components/react-tags/stories/TagButton/TagButtonSize.stories.tsx
new file mode 100644
index 0000000000000..fbf7643d43ccf
--- /dev/null
+++ b/packages/react-components/react-tags/stories/TagButton/TagButtonSize.stories.tsx
@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { Avatar, makeStyles } from '@fluentui/react-components';
+import { CalendarMonthRegular } from '@fluentui/react-icons';
+
+import { TagButton } from '@fluentui/react-tags';
+
+const useContainerStyles = makeStyles({
+  innerWrapper: {
+    alignItems: 'start',
+    columnGap: '10px',
+    display: 'flex',
+  },
+  outerWrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    rowGap: '10px',
+  },
+});
+export const Size = () => {
+  const styles = useContainerStyles();
+  return (
+    <div className={styles.outerWrapper}>
+      <div className={styles.innerWrapper}>
+        <TagButton>Medium</TagButton>
+        <TagButton dismissible media={<Avatar name="Katri Athokas" badge={{ status: 'busy' }} />}>
+          Medium dismissible
+        </TagButton>
+        <TagButton icon={<CalendarMonthRegular />} shape="circular">
+          Medium circular
+        </TagButton>
+      </div>
+      <div className={styles.innerWrapper}>
+        <TagButton size="small">Small</TagButton>
+
+        <TagButton dismissible size="small" media={<Avatar name="Katri Athokas" badge={{ status: 'busy' }} />}>
+          Small dismissible
+        </TagButton>
+        <TagButton size="small" icon={<CalendarMonthRegular />} shape="circular">
+          Small circular
+        </TagButton>
+      </div>
+      <div className={styles.innerWrapper}>
+        <TagButton size="extra-small">Extra small</TagButton>
+
+        <TagButton dismissible size="extra-small" media={<Avatar name="Katri Athokas" badge={{ status: 'busy' }} />}>
+          Extra small dismissible
+        </TagButton>
+        <TagButton size="extra-small" icon={<CalendarMonthRegular />} shape="circular">
+          Extra small circular
+        </TagButton>
+      </div>
+    </div>
+  );
+};
+
+Size.storyName = 'Size';
+Size.parameters = {
+  docs: {
+    description: { story: 'A TagButton supports `medium`, `small` and `extra-small` size. Default size is `medium`.' },
+  },
+};
diff --git a/packages/react-components/react-tags/stories/TagButton/index.stories.tsx b/packages/react-components/react-tags/stories/TagButton/index.stories.tsx
index 2c588fbd79778..e58d4bdb2a2d1 100644
--- a/packages/react-components/react-tags/stories/TagButton/index.stories.tsx
+++ b/packages/react-components/react-tags/stories/TagButton/index.stories.tsx
@@ -9,6 +9,7 @@ export { Media } from './TagButtonMedia.stories';
 export { SecondaryText } from './TagButtonSecondaryText.stories';
 export { Dismiss } from './TagButtonDismiss.stories';
 export { Shape } from './TagButtonShape.stories';
+export { Size } from './TagButtonSize.stories';
 
 export default {
   title: 'Preview Components/Tag/TagButton',
diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupBestPractices.md b/packages/react-components/react-tags/stories/TagGroup/TagGroupBestPractices.md
index 08ff8ddeeb5f8..0be386c6dd82b 100644
--- a/packages/react-components/react-tags/stories/TagGroup/TagGroupBestPractices.md
+++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupBestPractices.md
@@ -2,4 +2,8 @@
 
 ### Do
 
+- A Picker component is planned for displaying multiple selected values using `TagGroup` with `Combobox`, and will be the recommended approach once it's available. But for now, when using `TagGroup` with `Combobox`:
+  - Set the `listbox` role for `TagGroup` and the `option` role for each `Tag`.
+  - If using `TagButton`, set the `option` role for the content and make the dismiss button not focusable. When content is focused, Enter/Space should invoke the primary action, and Backspace/Delete remove the tag.
+
 ### Don't
diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupDescription.md b/packages/react-components/react-tags/stories/TagGroup/TagGroupDescription.md
index e69de29bb2d1d..61fa85c13bde2 100644
--- a/packages/react-components/react-tags/stories/TagGroup/TagGroupDescription.md
+++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupDescription.md
@@ -0,0 +1 @@
+A TagGroup is a container for multiple controls that are Tag or TagButton.
diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx
index 224d13ae13586..f7ef262dff4fe 100644
--- a/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx
+++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx
@@ -3,10 +3,10 @@ import { TagGroup, Tag, TagButton, TagButtonProps, TagProps, TagGroupProps } fro
 
 export const Dismiss = () => {
   const defaultItems = [
-    { value: '1', children: 'Tag 1' },
-    { value: '2', children: 'Tag 2' },
-    { value: 'tagButton-foo', children: 'Foo' },
-    { value: 'tagButton-bar', children: 'Bar' },
+    { value: '1', children: 'Tag 1', 'aria-label': 'Tag1, remove' },
+    { value: '2', children: 'Tag 2', 'aria-label': 'Tag2, remove' },
+    { value: 'tagButton-foo', children: 'Foo', dismissButton: { 'aria-label': 'Foo, remove' } },
+    { value: 'tagButton-bar', children: 'Bar', dismissButton: { 'aria-label': 'Bar, remove' } },
   ];
 
   const [items, setItems] = React.useState<Array<TagProps | TagButtonProps>>(defaultItems);
diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx
new file mode 100644
index 0000000000000..8fbe1614c2cae
--- /dev/null
+++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx
@@ -0,0 +1,151 @@
+import * as React from 'react';
+import { TagGroup, Tag, TagProps } from '@fluentui/react-tags';
+import {
+  makeStyles,
+  shorthands,
+  Menu,
+  MenuItem,
+  MenuList,
+  MenuPopover,
+  MenuTrigger,
+  useIsOverflowItemVisible,
+  useOverflowMenu,
+  Overflow,
+  OverflowItem,
+  Avatar,
+  tokens,
+} from '@fluentui/react-components';
+
+const names = [
+  'Johnie McConnell',
+  'Allan Munger',
+  'Erik Nason',
+  'Kristin Patterson',
+  'Daisy Phillips',
+  'Carole Poland',
+  'Carlos Slattery',
+  'Robert Tolbert',
+  'Kevin Sturgis',
+  'Charlotte Waltson',
+  'Elliot Woodward',
+];
+const defaultItems: TagProps[] = names.map(name => ({
+  value: name.replace(' ', '_'),
+  children: name,
+  media: (
+    <Avatar
+      name={name}
+      badge={{
+        status: 'available',
+      }}
+    />
+  ),
+  secondaryText: 'Available',
+}));
+
+//----- OverflowMenuItem -----//
+
+type OverflowMenuItemProps = {
+  tag: TagProps;
+};
+
+const useMenuItemStyles = makeStyles({
+  menuItem: shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalXS),
+  tag: {
+    backgroundColor: 'transparent',
+    ...shorthands.borderColor('transparent'),
+  },
+});
+
+/**
+ * A menu item for an overflow menu that only displays when the tab is not visible
+ */
+const OverflowMenuItem = (props: OverflowMenuItemProps) => {
+  const { tag } = props;
+  const isVisible = useIsOverflowItemVisible(tag.value!);
+
+  const styles = useMenuItemStyles();
+
+  if (isVisible) {
+    return null;
+  }
+
+  return (
+    <MenuItem key={tag.value} className={styles.menuItem}>
+      <Tag {...tag} as="span" className={styles.tag} />
+    </MenuItem>
+  );
+};
+
+//----- OverflowMenu -----//
+
+/**
+ * A menu for viewing tags that have overflowed and are not visible.
+ */
+const OverflowMenu = () => {
+  const { ref, isOverflowing, overflowCount } = useOverflowMenu<HTMLButtonElement>();
+
+  if (!isOverflowing) {
+    return null;
+  }
+
+  return (
+    <Menu>
+      <MenuTrigger disableButtonEnhancement>
+        <Tag ref={ref} aria-label={`${overflowCount} more tags`}>{`+${overflowCount}`}</Tag>
+      </MenuTrigger>
+      <MenuPopover>
+        <MenuList>
+          {defaultItems.map(item => (
+            <OverflowMenuItem key={item.value} tag={item} />
+          ))}
+        </MenuList>
+      </MenuPopover>
+    </Menu>
+  );
+};
+
+//----- Stories -----//
+
+const useStyles = makeStyles({
+  container: {
+    ...shorthands.overflow('hidden'),
+    ...shorthands.padding('5px'),
+    zIndex: 0, // stop the browser resize handle from piercing the overflow menu
+    height: 'fit-content',
+    minWidth: '150px',
+    resize: 'horizontal',
+    width: '100%',
+  },
+  tagGroup: {
+    display: 'flex', // TagGroup is inline-flex by default, but we want it to be same width as the container
+  },
+});
+
+export const WithOverflow = () => {
+  const styles = useStyles();
+
+  return (
+    <div className={styles.container}>
+      <Overflow minimumVisible={2} padding={30}>
+        <TagGroup className={styles.tagGroup}>
+          {defaultItems.map(item => (
+            <OverflowItem key={item.value} id={item.value!}>
+              <Tag key={item.value} {...item} />
+            </OverflowItem>
+          ))}
+          <OverflowMenu />
+        </TagGroup>
+      </Overflow>
+    </div>
+  );
+};
+
+WithOverflow.storyName = 'With Overflow';
+WithOverflow.parameters = {
+  docs: {
+    description: {
+      story: 'A TagGroup can support overflow by using Overflow and OverflowItem.',
+    },
+  },
+};
diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx
index a1c66a444c89c..8711930996057 100644
--- a/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx
+++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { TagGroup, Tag, TagButton } from '@fluentui/react-tags';
 import { Avatar, makeStyles } from '@fluentui/react-components';
+import { Calendar3DayRegular } from '@fluentui/react-icons';
 import { TagSize } from '../../src/Tag';
 
 const useContainerStyles = makeStyles({
@@ -13,19 +14,22 @@ const useContainerStyles = makeStyles({
 
 export const Sizes = () => {
   const containerStyles = useContainerStyles();
-  // TODO add one more size
-  const sizes: TagSize[] = ['small', 'medium'];
+  const sizes: TagSize[] = ['medium', 'small', 'extra-small'];
   return (
     <div className={containerStyles.root}>
       {sizes.map(size => (
         <div key={size}>
           {`${size}: `}
           <TagGroup size={size}>
-            <Tag media={<Avatar name="Katri Athokas" />} shape="circular">
-              Tag 1
+            <Tag>{size}</Tag>
+            <Tag dismissible media={<Avatar name="Katri Athokas" />}>
+              {size}
             </Tag>
-            <TagButton media={<Avatar name="Katri Athokas" />} shape="circular">
-              Tag 2
+            <Tag icon={<Calendar3DayRegular />} shape="circular">
+              {size}
+            </Tag>
+            <TagButton dismissible icon={<Calendar3DayRegular />}>
+              {size}
             </TagButton>
           </TagGroup>
         </div>
@@ -38,7 +42,8 @@ Sizes.storyName = 'Sizes';
 Sizes.parameters = {
   docs: {
     description: {
-      story: 'A TagGroup supports different sizes',
+      story:
+        'A TagGroup can set default size for all its tags. It supports `medium`, `small` and `extra-small` size. Default value is `medium`.',
     },
   },
 };
diff --git a/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx
index 09880bb5bd497..a07a090b5f856 100644
--- a/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx
+++ b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx
@@ -6,6 +6,7 @@ import bestPracticesMd from './TagGroupBestPractices.md';
 export { Default } from './TagGroupDefault.stories';
 export { Dismiss } from './TagGroupDismiss.stories';
 export { Sizes } from './TagGroupSizes.stories';
+export { WithOverflow } from './TagGroupOverflow.stories';
 
 export default {
   title: 'Preview Components/Tag/TagGroup',
diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json
index bf9a5be27a6c0..bb0ec10136254 100644
--- a/packages/react-components/react-text/CHANGELOG.json
+++ b/packages/react-components/react-text/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-text",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-text_v9.3.13",
+      "version": "9.3.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:21 GMT",
       "tag": "@fluentui/react-text_v9.3.12",
diff --git a/packages/react-components/react-text/CHANGELOG.md b/packages/react-components/react-text/CHANGELOG.md
index d4976ef8d0c39..f15422e162ae7 100644
--- a/packages/react-components/react-text/CHANGELOG.md
+++ b/packages/react-components/react-text/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Wed, 31 May 2023 06:46:21 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.13)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.12..@fluentui/react-text_v9.3.13)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.3.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.12)
 
 Wed, 31 May 2023 06:46:21 GMT 
diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json
index 215515bfe2712..d4f753f377d8c 100644
--- a/packages/react-components/react-text/package.json
+++ b/packages/react-components/react-text/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-text",
-  "version": "9.3.12",
+  "version": "9.3.13",
   "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,15 +28,15 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json
index b66d056786257..a908343ab20a0 100644
--- a/packages/react-components/react-textarea/CHANGELOG.json
+++ b/packages/react-components/react-textarea/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-textarea",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:05 GMT",
+      "tag": "@fluentui/react-textarea_v9.3.17",
+      "version": "9.3.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-textarea",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df",
+            "comment": "fix: Remove fixed height so rows prop works and add missing max-height."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:21 GMT",
       "tag": "@fluentui/react-textarea_v9.3.16",
diff --git a/packages/react-components/react-textarea/CHANGELOG.md b/packages/react-components/react-textarea/CHANGELOG.md
index 29219736b6e39..3a46502b39297 100644
--- a/packages/react-components/react-textarea/CHANGELOG.md
+++ b/packages/react-components/react-textarea/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-textarea
 
-This log was last generated on Wed, 31 May 2023 06:46:21 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.17)
+
+Tue, 20 Jun 2023 12:39:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.16..@fluentui/react-textarea_v9.3.17)
+
+### Patches
+
+- fix: Remove fixed height so rows prop works and add missing max-height. ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by esteban.230@hotmail.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.3.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.16)
 
 Wed, 31 May 2023 06:46:21 GMT 
diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json
index 479d3627ecd5c..159ffabb034ad 100644
--- a/packages/react-components/react-textarea/package.json
+++ b/packages/react-components/react-textarea/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-textarea",
-  "version": "9.3.16",
+  "version": "9.3.17",
   "description": "Fluent UI TextArea component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,16 +28,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts b/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts
index 0e60bde996e35..01603498bdb8f 100644
--- a/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts
+++ b/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts
@@ -8,12 +8,6 @@ export const textareaClassNames: SlotClassNames<TextareaSlots> = {
   textarea: 'fui-Textarea__textarea',
 };
 
-const textareaHeight = {
-  small: '24px',
-  medium: '32px',
-  large: '40px',
-};
-
 /**
  * Styles for the root(wrapper) slot
  */
@@ -162,7 +156,6 @@ const useTextareaStyles = makeStyles({
     flexGrow: 1,
     fontFamily: tokens.fontFamilyBase,
     height: '100%',
-    maxHeight: '100%',
 
     '::placeholder': {
       color: tokens.colorNeutralForeground4,
@@ -188,30 +181,30 @@ const useTextareaStyles = makeStyles({
   // The padding style adds both content and regular padding (from design spec), this is because the handle is not
   // affected by changing the padding of the root.
   small: {
-    height: textareaHeight.small,
     minHeight: '40px',
     ...shorthands.padding(
       tokens.spacingVerticalXS,
       `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,
     ),
+    maxHeight: '200px',
     ...typographyStyles.caption1,
   },
   medium: {
-    height: textareaHeight.medium,
     minHeight: '52px',
     ...shorthands.padding(
       tokens.spacingVerticalSNudge,
       `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,
     ),
+    maxHeight: '260px',
     ...typographyStyles.body1,
   },
   large: {
-    height: textareaHeight.large,
     minHeight: '64px',
     ...shorthands.padding(
       tokens.spacingVerticalS,
       `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalXXS})`,
     ),
+    maxHeight: '320px',
     ...typographyStyles.body2,
   },
 });
diff --git a/packages/react-components/react-theme-sass/CHANGELOG.json b/packages/react-components/react-theme-sass/CHANGELOG.json
index c5a5e923dfab2..3180d6745c2d1 100644
--- a/packages/react-components/react-theme-sass/CHANGELOG.json
+++ b/packages/react-components/react-theme-sass/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-theme-sass",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:05 GMT",
+      "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.13",
+      "version": "9.0.0-alpha.13",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-theme-sass",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Add theme tokens"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-theme-sass",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 24 May 2023 20:45:36 GMT",
       "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.12",
diff --git a/packages/react-components/react-theme-sass/CHANGELOG.md b/packages/react-components/react-theme-sass/CHANGELOG.md
index 99c6eb6e413fe..284d8a7c4f1ef 100644
--- a/packages/react-components/react-theme-sass/CHANGELOG.md
+++ b/packages/react-components/react-theme-sass/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-theme-sass
 
-This log was last generated on Fri, 12 May 2023 20:27:57 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.13)
+
+Tue, 20 Jun 2023 12:39:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.12..@fluentui/react-theme-sass_v9.0.0-alpha.13)
+
+### Changes
+
+- Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.12)
 
 Fri, 12 May 2023 20:27:57 GMT 
diff --git a/packages/react-components/react-theme-sass/package.json b/packages/react-components/react-theme-sass/package.json
index 4facdcde7bac4..22aad39012ba5 100644
--- a/packages/react-components/react-theme-sass/package.json
+++ b/packages/react-components/react-theme-sass/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-theme-sass",
-  "version": "9.0.0-alpha.12",
+  "version": "9.0.0-alpha.13",
   "description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-theme": "^9.1.9",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
diff --git a/packages/react-components/react-theme-sass/sass/colorTokens.scss b/packages/react-components/react-theme-sass/sass/colorTokens.scss
index 7072ecb9ffa66..0579261ed3f25 100644
--- a/packages/react-components/react-theme-sass/sass/colorTokens.scss
+++ b/packages/react-components/react-theme-sass/sass/colorTokens.scss
@@ -32,6 +32,8 @@ $colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover);
 $colorCompoundBrandForeground1Pressed: var(--colorCompoundBrandForeground1Pressed);
 $colorBrandForeground1: var(--colorBrandForeground1);
 $colorBrandForeground2: var(--colorBrandForeground2);
+$colorBrandForeground2Hover: var(--colorBrandForeground2Hover);
+$colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed);
 $colorNeutralForeground1Static: var(--colorNeutralForeground1Static);
 $colorNeutralForegroundInverted: var(--colorNeutralForegroundInverted);
 $colorNeutralForegroundInvertedHover: var(--colorNeutralForegroundInvertedHover);
@@ -108,6 +110,8 @@ $colorCompoundBrandBackgroundHover: var(--colorCompoundBrandBackgroundHover);
 $colorCompoundBrandBackgroundPressed: var(--colorCompoundBrandBackgroundPressed);
 $colorBrandBackgroundStatic: var(--colorBrandBackgroundStatic);
 $colorBrandBackground2: var(--colorBrandBackground2);
+$colorBrandBackground2Hover: var(--colorBrandBackground2Hover);
+$colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed);
 $colorBrandBackgroundInverted: var(--colorBrandBackgroundInverted);
 $colorBrandBackgroundInvertedHover: var(--colorBrandBackgroundInvertedHover);
 $colorBrandBackgroundInvertedPressed: var(--colorBrandBackgroundInvertedPressed);
@@ -122,6 +126,7 @@ $colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed);
 $colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected);
 $colorNeutralStroke2: var(--colorNeutralStroke2);
 $colorNeutralStroke3: var(--colorNeutralStroke3);
+$colorNeutralStrokeSubtle: var(--colorNeutralStrokeSubtle);
 $colorNeutralStrokeOnBrand: var(--colorNeutralStrokeOnBrand);
 $colorNeutralStrokeOnBrand2: var(--colorNeutralStrokeOnBrand2);
 $colorNeutralStrokeOnBrand2Hover: var(--colorNeutralStrokeOnBrand2Hover);
@@ -129,6 +134,8 @@ $colorNeutralStrokeOnBrand2Pressed: var(--colorNeutralStrokeOnBrand2Pressed);
 $colorNeutralStrokeOnBrand2Selected: var(--colorNeutralStrokeOnBrand2Selected);
 $colorBrandStroke1: var(--colorBrandStroke1);
 $colorBrandStroke2: var(--colorBrandStroke2);
+$colorBrandStroke2Hover: var(--colorBrandStroke2Hover);
+$colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed);
 $colorCompoundBrandStroke: var(--colorCompoundBrandStroke);
 $colorCompoundBrandStrokeHover: var(--colorCompoundBrandStrokeHover);
 $colorCompoundBrandStrokePressed: var(--colorCompoundBrandStrokePressed);
diff --git a/packages/react-components/react-theme/CHANGELOG.json b/packages/react-components/react-theme/CHANGELOG.json
index 13bcfb8505461..841be3269815f 100644
--- a/packages/react-components/react-theme/CHANGELOG.json
+++ b/packages/react-components/react-theme/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-theme",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-theme_v9.1.9",
+      "version": "9.1.9",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-theme",
+            "comment": "Bump @fluentui/tokens to v1.0.0-alpha.6",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 24 May 2023 20:45:36 GMT",
       "tag": "@fluentui/react-theme_v9.1.8",
diff --git a/packages/react-components/react-theme/CHANGELOG.md b/packages/react-components/react-theme/CHANGELOG.md
index efb328fd00739..908322e2448eb 100644
--- a/packages/react-components/react-theme/CHANGELOG.md
+++ b/packages/react-components/react-theme/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-theme
 
-This log was last generated on Fri, 12 May 2023 20:27:56 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.9)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.8..@fluentui/react-theme_v9.1.9)
+
+### Patches
+
+- Bump @fluentui/tokens to v1.0.0-alpha.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.8)
 
 Fri, 12 May 2023 20:27:56 GMT 
diff --git a/packages/react-components/react-theme/package.json b/packages/react-components/react-theme/package.json
index 0483c45a2a381..0de3a92441ba4 100644
--- a/packages/react-components/react-theme/package.json
+++ b/packages/react-components/react-theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-theme",
-  "version": "9.1.8",
+  "version": "9.1.9",
   "description": "Fluent UI themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,7 +30,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/tokens": "1.0.0-alpha.5",
+    "@fluentui/tokens": "1.0.0-alpha.6",
     "@swc/helpers": "^0.4.14"
   },
   "beachball": {
diff --git a/packages/react-components/react-toast/etc/react-toast.api.md b/packages/react-components/react-toast/etc/react-toast.api.md
index 4b5fbce3c0cc4..4dc2014c3f33d 100644
--- a/packages/react-components/react-toast/etc/react-toast.api.md
+++ b/packages/react-components/react-toast/etc/react-toast.api.md
@@ -98,6 +98,9 @@ export type ToastFooterState = ComponentState<ToastFooterSlots>;
 // @public (undocumented)
 export type ToastId = string;
 
+// @public (undocumented)
+export type ToastIntent = 'info' | 'success' | 'error' | 'warning';
+
 // @public (undocumented)
 export type ToastOffset = Partial<Record<ToastPosition, ToastOffsetObject>> | ToastOffsetObject;
 
@@ -118,6 +121,9 @@ export type ToastSlots = {
 // @public
 export type ToastState = ComponentState<ToastSlots>;
 
+// @public (undocumented)
+export type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted';
+
 // @public
 export const ToastTitle: ForwardRefComponent<ToastTitleProps>;
 
@@ -125,9 +131,7 @@ export const ToastTitle: ForwardRefComponent<ToastTitleProps>;
 export const toastTitleClassNames: SlotClassNames<ToastTitleSlots>;
 
 // @public
-export type ToastTitleProps = ComponentProps<ToastTitleSlots> & {
-    intent?: 'info' | 'success' | 'error' | 'warning';
-};
+export type ToastTitleProps = ComponentProps<ToastTitleSlots> & {};
 
 // @public (undocumented)
 export type ToastTitleSlots = {
@@ -137,7 +141,7 @@ export type ToastTitleSlots = {
 };
 
 // @public
-export type ToastTitleState = ComponentState<ToastTitleSlots> & Required<Pick<ToastTitleProps, 'intent'>>;
+export type ToastTitleState = ComponentState<ToastTitleSlots> & Pick<ToastContextValue, 'intent'>;
 
 // @public
 export const ToastTrigger: React_2.FC<ToastTriggerProps>;
@@ -166,7 +170,7 @@ export const useToastBodyStyles_unstable: (state: ToastBodyState) => ToastBodySt
 
 // @public (undocumented)
 export function useToastController(toasterId?: ToasterId): {
-    dispatchToast: (content: React_2.ReactNode, options?: DispatchToastOptions | undefined) => void;
+    dispatchToast: (content: React_2.ReactNode, options?: DispatchToastOptions) => void;
     dismissToast: (toastId: ToastId) => void;
     dismissAllToasts: () => void;
     updateToast: (options: UpdateToastOptions) => void;
diff --git a/packages/react-components/react-toast/package.json b/packages/react-components/react-toast/package.json
index 3272e75ea3918..047597e2a33b7 100644
--- a/packages/react-components/react-toast/package.json
+++ b/packages/react-components/react-toast/package.json
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "react-transition-group": "^4.4.1",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx
index 9edc1a9a19219..ef7eb6551b32d 100644
--- a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx
+++ b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx
@@ -8,18 +8,13 @@ import { toastClassNames } from './useToastContainerStyles.styles';
 const defaultToastContainerProps: ToastContainerProps = {
   announce: () => null,
   close: () => null,
-  content: '',
   data: {},
-  dispatchedAt: 0,
   pauseOnHover: false,
   pauseOnWindowBlur: false,
   politeness: 'polite',
-  position: 'bottom-end',
-  priority: 0,
   remove: () => null,
   timeout: -1,
-  toasterId: 'toaster',
-  toastId: 'toast',
+  intent: undefined,
   updateId: 0,
   visible: true,
 };
diff --git a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts
index 1f9540e57299a..c57bf6f66cf0c 100644
--- a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts
+++ b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
 import { Announce } from '../AriaLive/AriaLive.types';
-import { Toast as VanillaToast } from '../../state';
+import { Toast, ToastIntent } from '../../state';
 import { ToastContextValue } from '../../contexts/toastContext';
 import { TimerProps } from '../Timer/Timer';
 
@@ -18,16 +18,20 @@ export type ToastContainerSlots = {
  * ToastContainer Props
  */
 export type ToastContainerProps = ComponentProps<Partial<ToastContainerSlots>> &
-  VanillaToast & {
+  Pick<
+    Toast,
+    'close' | 'remove' | 'updateId' | 'data' | 'timeout' | 'politeness' | 'pauseOnHover' | 'pauseOnWindowBlur'
+  > & {
     visible: boolean;
     announce: Announce;
+    intent: ToastIntent | undefined;
   };
 
 /**
  * State used in rendering ToastContainer
  */
 export type ToastContainerState = ComponentState<ToastContainerSlots> &
-  Pick<ToastContainerProps, 'remove' | 'close' | 'updateId' | 'visible'> & {
+  Pick<ToastContainerProps, 'remove' | 'close' | 'updateId' | 'visible' | 'intent'> & {
     transitionTimeout: number;
     timerTimeout: number;
     running: boolean;
diff --git a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts
index 0896334b207ad..d9247ba3392d4 100644
--- a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts
+++ b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts
@@ -11,6 +11,13 @@ import type { ToastContainerProps, ToastContainerState } from './ToastContainer.
 import { useToast } from '../../state';
 import { Timer, TimerProps } from '../Timer/Timer';
 
+const intentPolitenessMap = {
+  success: 'assertive',
+  warning: 'assertive',
+  error: 'assertive',
+  info: 'polite',
+} as const;
+
 /**
  * Create the state required to render ToastContainer.
  *
@@ -33,16 +40,20 @@ export const useToastContainer_unstable = (
     announce,
     data,
     timeout: timerTimeout,
-    politeness,
+    politeness: desiredPoliteness,
+    intent = 'info',
     ...rest
   } = props;
-  const { play, running, toastRef } = useToast<HTMLDivElement>({ ...props, content: children });
+  const { play, running, toastRef } = useToast<HTMLDivElement>({ ...props });
 
   React.useEffect(() => {
-    if (visible) {
-      announce(toastRef.current?.textContent ?? '', { politeness });
+    if (!visible) {
+      return;
     }
-  }, [announce, politeness, toastRef, visible, updateId]);
+
+    const politeness = desiredPoliteness ?? intentPolitenessMap[intent];
+    announce(toastRef.current?.textContent ?? '', { politeness });
+  }, [announce, desiredPoliteness, toastRef, visible, updateId, intent]);
 
   // It's impossible to animate to height: auto in CSS, the actual pixel value must be known
   // Get the height of the toast before animation styles have been applied and set a CSS
@@ -90,5 +101,6 @@ export const useToastContainer_unstable = (
     onTransitionEntering,
     updateId,
     nodeRef: toastRef,
+    intent,
   };
 };
diff --git a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts
index 7ea8809573013..bfaa9965cc1bd 100644
--- a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts
+++ b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts
@@ -2,13 +2,14 @@ import * as React from 'react';
 import { ToastContainerContextValues, ToastContainerState } from './ToastContainer.types';
 
 export function useToastContainerContextValues_unstable(state: ToastContainerState): ToastContainerContextValues {
-  const { close } = state;
+  const { close, intent } = state;
 
   const toastContext = React.useMemo(
     () => ({
       close,
+      intent,
     }),
-    [close],
+    [close, intent],
   );
 
   return {
diff --git a/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts b/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts
index e3b5f9f0ec148..602a0d4c1efa5 100644
--- a/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts
+++ b/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts
@@ -1,4 +1,5 @@
 import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+import { ToastContextValue } from '../../contexts/toastContext';
 
 export type ToastTitleSlots = {
   root: NonNullable<Slot<'div'>>;
@@ -9,15 +10,9 @@ export type ToastTitleSlots = {
 /**
  * ToastTitle Props
  */
-export type ToastTitleProps = ComponentProps<ToastTitleSlots> & {
-  /**
-   * The intent prop, if present, determines the icon to be rendered in the icon slot. The icon prop
-   * overrides the intent prop
-   */
-  intent?: 'info' | 'success' | 'error' | 'warning';
-};
+export type ToastTitleProps = ComponentProps<ToastTitleSlots> & {};
 
 /**
  * State used in rendering ToastTitle
  */
-export type ToastTitleState = ComponentState<ToastTitleSlots> & Required<Pick<ToastTitleProps, 'intent'>>;
+export type ToastTitleState = ComponentState<ToastTitleSlots> & Pick<ToastContextValue, 'intent'>;
diff --git a/packages/react-components/react-toast/src/components/ToastTitle/useToastTitle.tsx b/packages/react-components/react-toast/src/components/ToastTitle/useToastTitle.tsx
index e25f93e846d32..6c86b75d8c98c 100644
--- a/packages/react-components/react-toast/src/components/ToastTitle/useToastTitle.tsx
+++ b/packages/react-components/react-toast/src/components/ToastTitle/useToastTitle.tsx
@@ -4,6 +4,7 @@ import { CheckmarkCircleFilled, DismissCircleFilled, InfoFilled, WarningFilled }
 import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
 
 import type { ToastTitleProps, ToastTitleState } from './ToastTitle.types';
+import { useToastContext } from '../../contexts/toastContext';
 
 /**
  * Create the state required to render ToastTitle.
@@ -15,7 +16,7 @@ import type { ToastTitleProps, ToastTitleState } from './ToastTitle.types';
  * @param ref - reference to root HTMLElement of ToastTitle
  */
 export const useToastTitle_unstable = (props: ToastTitleProps, ref: React.Ref<HTMLElement>): ToastTitleState => {
-  const { intent = 'info' } = props;
+  const { intent } = useToastContext();
 
   /** Determine the role and media to render based on the intent */
   let defaultIcon;
@@ -41,7 +42,7 @@ export const useToastTitle_unstable = (props: ToastTitleProps, ref: React.Ref<HT
       media: 'div',
       action: 'div',
     },
-    media: resolveShorthand(props.media, { required: !!props.intent, defaultProps: { children: defaultIcon } }),
+    media: resolveShorthand(props.media, { required: !!intent, defaultProps: { children: defaultIcon } }),
     intent,
     root: getNativeElementProps('div', {
       ref,
diff --git a/packages/react-components/react-toast/src/components/ToastTitle/useToastTitleStyles.styles.ts b/packages/react-components/react-toast/src/components/ToastTitle/useToastTitleStyles.styles.ts
index 56684ebff59d4..3fc31666125c9 100644
--- a/packages/react-components/react-toast/src/components/ToastTitle/useToastTitleStyles.styles.ts
+++ b/packages/react-components/react-toast/src/components/ToastTitle/useToastTitleStyles.styles.ts
@@ -36,15 +36,43 @@ const useStyles = makeStyles({
   },
 });
 
+const useIntentIconStyles = makeStyles({
+  success: {
+    // FIXME https://github.com/microsoft/fluentui/issues/28219
+    color: tokens.colorPaletteGreenForeground3,
+  },
+  error: {
+    // FIXME https://github.com/microsoft/fluentui/issues/28219
+    color: tokens.colorPaletteCranberryForeground2,
+  },
+  warning: {
+    // FIXME https://github.com/microsoft/fluentui/issues/28219
+    color: tokens.colorPaletteDarkOrangeForeground1,
+  },
+  info: {
+    color: tokens.colorNeutralForeground2,
+  },
+  progress: {
+    color: tokens.colorNeutralForegroundInverted2,
+  },
+});
+
 /**
  * Apply styling to the ToastTitle slots based on the state
  */
 export const useToastTitleStyles_unstable = (state: ToastTitleState): ToastTitleState => {
   const styles = useStyles();
+  const intentIconStyles = useIntentIconStyles();
+  const { intent } = state;
   state.root.className = mergeClasses(toastTitleClassNames.root, styles.root, state.root.className);
 
   if (state.media) {
-    state.media.className = mergeClasses(toastTitleClassNames.media, styles.media, state.media.className);
+    state.media.className = mergeClasses(
+      toastTitleClassNames.media,
+      styles.media,
+      state.media.className,
+      intent && intentIconStyles[intent],
+    );
   }
 
   if (state.action) {
diff --git a/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx b/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx
index f9670644073c0..8e67c04b5ee23 100644
--- a/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx
+++ b/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx
@@ -24,7 +24,13 @@ export const useToaster_unstable = (props: ToasterProps): ToasterState => {
     resolveShorthand(toastsToRender.has(toastPosition) ? rootProps : null, {
       defaultProps: {
         children: toastsToRender.get(toastPosition)?.map(toast => (
-          <ToastContainer {...toast} announce={announce} key={toast.toastId} visible={isToastVisible(toast.toastId)}>
+          <ToastContainer
+            {...toast}
+            intent={toast.intent}
+            announce={announce}
+            key={toast.toastId}
+            visible={isToastVisible(toast.toastId)}
+          >
             {toast.content as React.ReactNode}
           </ToastContainer>
         )),
diff --git a/packages/react-components/react-toast/src/contexts/toastContext.tsx b/packages/react-components/react-toast/src/contexts/toastContext.tsx
index d4d3da04bd790..795ea441f09bd 100644
--- a/packages/react-components/react-toast/src/contexts/toastContext.tsx
+++ b/packages/react-components/react-toast/src/contexts/toastContext.tsx
@@ -1,11 +1,14 @@
 import * as React from 'react';
+import { ToastIntent } from '../state/types';
 
 export type ToastContextValue = {
   close: () => void;
+  intent: ToastIntent | undefined;
 };
 
 const toastContextDefaultValue: ToastContextValue = {
   close: () => null,
+  intent: undefined,
 };
 
 const toastContext = React.createContext<ToastContextValue | undefined>(undefined);
diff --git a/packages/react-components/react-toast/src/index.ts b/packages/react-components/react-toast/src/index.ts
index 2e0316bd0d123..8578e40344db4 100644
--- a/packages/react-components/react-toast/src/index.ts
+++ b/packages/react-components/react-toast/src/index.ts
@@ -1,5 +1,5 @@
 export { useToastController } from './state';
-export type { ToastPosition, ToastId, ToastOffset, ToastPoliteness } from './state';
+export type { ToastPosition, ToastId, ToastOffset, ToastPoliteness, ToastStatus, ToastIntent } from './state';
 
 export { ToastTrigger } from './ToastTrigger';
 export type { ToastTriggerChildProps, ToastTriggerProps, ToastTriggerState } from './ToastTrigger';
diff --git a/packages/react-components/react-toast/src/state/types.ts b/packages/react-components/react-toast/src/state/types.ts
index 676d35e2c4920..df38a6a2d4839 100644
--- a/packages/react-components/react-toast/src/state/types.ts
+++ b/packages/react-components/react-toast/src/state/types.ts
@@ -6,6 +6,13 @@ export type ToasterId = string;
 
 export type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
 export type ToastPoliteness = 'assertive' | 'polite';
+export type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted';
+export type ToastIntent = 'info' | 'success' | 'error' | 'warning';
+export type ToastChangeHandler = (event: null, data: ToastChangeData) => void;
+
+export interface ToastChangeData extends ToastOptions, Pick<Toast, 'updateId'> {
+  status: ToastStatus;
+}
 
 export interface ToastOptions<TData = object> {
   /**
@@ -45,12 +52,25 @@ export interface ToastOptions<TData = object> {
   priority: number;
   /**
    * Used to determine [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration
+   * This will override the intent prop
+   */
+  politeness?: ToastPoliteness;
+
+  /**
+   * Default toast types that determine the urgency or [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration
+   * The UI layer may use these intents to apply specific styling.
+   * @default info
    */
-  politeness: ToastPoliteness;
+  intent?: ToastIntent;
   /**
    * Additional data that needs to be passed to the toast
    */
   data: TData;
+
+  /**
+   * Reports changes to the Toast lifecycle
+   */
+  onStatusChange: ToastChangeHandler | undefined;
 }
 
 export interface ToastOffsetObject {
diff --git a/packages/react-components/react-toast/src/state/useToast.ts b/packages/react-components/react-toast/src/state/useToast.ts
index 77373ef08c205..77d19cb8fbab5 100644
--- a/packages/react-components/react-toast/src/state/useToast.ts
+++ b/packages/react-components/react-toast/src/state/useToast.ts
@@ -5,8 +5,12 @@ import { Toast as ToastProps } from './types';
 
 const noop = () => null;
 
-export function useToast<TElement extends HTMLElement>(options: ToastProps) {
-  const { pauseOnHover, pauseOnWindowBlur } = options;
+interface UseToastOptions extends Pick<ToastProps, 'pauseOnHover' | 'pauseOnWindowBlur'> {
+  visible: boolean;
+}
+
+export function useToast<TElement extends HTMLElement>(options: UseToastOptions) {
+  const { pauseOnHover, pauseOnWindowBlur, visible } = options;
 
   const forceRender = useForceUpdate();
   const [toast] = React.useState(() => new Toast());
@@ -14,7 +18,7 @@ export function useToast<TElement extends HTMLElement>(options: ToastProps) {
   const toastRef = React.useRef<TElement>(null);
 
   React.useEffect(() => {
-    if (toast && toastRef.current) {
+    if (visible && toast && toastRef.current) {
       toast.onUpdate = forceRender;
       toast.connectToDOM(toastRef.current, {
         pauseOnHover,
@@ -23,7 +27,7 @@ export function useToast<TElement extends HTMLElement>(options: ToastProps) {
 
       return () => toast.disconnect();
     }
-  }, [toast, pauseOnWindowBlur, pauseOnHover, forceRender]);
+  }, [toast, pauseOnWindowBlur, pauseOnHover, forceRender, visible]);
 
   if (!toast) {
     return {
diff --git a/packages/react-components/react-toast/src/state/vanilla/toaster.ts b/packages/react-components/react-toast/src/state/vanilla/toaster.ts
index 184ef5989c851..e2ac5d245dc95 100644
--- a/packages/react-components/react-toast/src/state/vanilla/toaster.ts
+++ b/packages/react-components/react-toast/src/state/vanilla/toaster.ts
@@ -31,10 +31,10 @@ export class Toaster {
   private targetDocument?: Document;
   private toastOptions: Pick<
     ToastOptions,
-    'priority' | 'pauseOnHover' | 'pauseOnWindowBlur' | 'position' | 'timeout' | 'politeness'
+    'priority' | 'pauseOnHover' | 'pauseOnWindowBlur' | 'position' | 'timeout' | 'politeness' | 'onStatusChange'
   >;
   private toasterId?: ToasterId;
-  private queue: PriorityQueue<Toast>;
+  private queue: PriorityQueue<ToastId>;
   private limit: number;
 
   private listeners = new Map<keyof ToastListenerMap, ToastListenerMap[keyof ToastListenerMap]>();
@@ -44,14 +44,20 @@ export class Toaster {
     this.visibleToasts = new Set<ToastId>();
     this.onUpdate = () => null;
     this.toastOptions = {
-      politeness: 'polite',
+      onStatusChange: undefined,
       priority: 0,
       pauseOnHover: false,
       pauseOnWindowBlur: false,
       position: 'bottom-end',
       timeout: 3000,
     };
-    this.queue = createPriorityQueue<Toast>((a, b) => {
+    this.queue = createPriorityQueue<ToastId>((ta, tb) => {
+      const a = this.toasts.get(ta);
+      const b = this.toasts.get(tb);
+      if (!a || !b) {
+        return 0;
+      }
+
       if (a.priority === b.priority) {
         return a.dispatchedAt - b.dispatchedAt;
       }
@@ -154,16 +160,33 @@ export class Toaster {
     }
 
     const close = () => {
+      const toast = this.toasts.get(toastId);
+      if (!toast) {
+        return;
+      }
+
       this.visibleToasts.delete(toastId);
       this.onUpdate();
+      toast.onStatusChange?.(null, { status: 'dismissed', ...toast });
     };
 
     const remove = () => {
+      const toast = this.toasts.get(toastId);
+      if (!toast) {
+        return;
+      }
+
+      toast.onStatusChange?.(null, { status: 'unmounted', ...toast });
       this.toasts.delete(toastId);
+
       if (this.visibleToasts.size < this.limit && this.queue.peek()) {
-        const nextToast = this.queue.dequeue();
-        this.toasts.set(nextToast.toastId, nextToast);
+        const nextToast = this.toasts.get(this.queue.dequeue());
+        if (!nextToast) {
+          return;
+        }
+
         this.visibleToasts.add(nextToast.toastId);
+        toast.onStatusChange?.(null, { status: 'visible', ...nextToast });
       }
       this.onUpdate();
     };
@@ -182,12 +205,14 @@ export class Toaster {
 
     assignDefined<Toast>(toast, toastOptions);
 
+    this.toasts.set(toastId, toast);
+    toast.onStatusChange?.(null, { status: 'queued', ...toast });
     if (this.visibleToasts.size >= this.limit) {
-      this.queue.enqueue(toast);
+      this.queue.enqueue(toastId);
     } else {
-      this.toasts.set(toastId, toast);
       this.visibleToasts.add(toastId);
       this.onUpdate();
+      toast.onStatusChange?.(null, { status: 'visible', ...toast });
     }
   }
 }
diff --git a/packages/react-components/react-toast/stories/Toast/CustomAnnounce.stories.tsx b/packages/react-components/react-toast/stories/Toast/CustomAnnounce.stories.tsx
index 47c052d69953f..3cb7a1be5babb 100644
--- a/packages/react-components/react-toast/stories/Toast/CustomAnnounce.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/CustomAnnounce.stories.tsx
@@ -26,11 +26,11 @@ export const CustomAnnounce = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="success">
+        <ToastTitle>
           {politeness === 'polite' ? 'Polite' : 'Assertive'} toast {counter++}
         </ToastTitle>
       </Toast>,
-      { politeness },
+      { intent: 'success' },
     );
 
   const announce: ToasterProps['announce'] = (msg, options) => {
diff --git a/packages/react-components/react-toast/stories/Toast/CustomTimeout.stories.tsx b/packages/react-components/react-toast/stories/Toast/CustomTimeout.stories.tsx
index fa289fe118ee6..c45fc7b6f42db 100644
--- a/packages/react-components/react-toast/stories/Toast/CustomTimeout.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/CustomTimeout.stories.tsx
@@ -15,12 +15,11 @@ export const CustomTimeout = () => {
               <Link>Dismiss</Link>
             </ToastTrigger>
           }
-          intent="info"
         >
           {timeout >= 0 ? `Custom timeout ${timeout}ms` : `Dismiss manually`}
         </ToastTitle>
       </Toast>,
-      { timeout },
+      { timeout, intent: 'info' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/Default.stories.tsx b/packages/react-components/react-toast/stories/Toast/Default.stories.tsx
index 8b9f29825af98..b1cdd5a0f3c7b 100644
--- a/packages/react-components/react-toast/stories/Toast/Default.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/Default.stories.tsx
@@ -8,15 +8,14 @@ export const Default = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="success" action={<Link>Undo</Link>}>
-          Email sent
-        </ToastTitle>
+        <ToastTitle action={<Link>Undo</Link>}>Email sent</ToastTitle>
         <ToastBody subtitle="Subtitle">This is a toast body</ToastBody>
         <ToastFooter>
           <Link>Action</Link>
           <Link>Action</Link>
         </ToastFooter>
       </Toast>,
+      { intent: 'success' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/DefaultToastOptions.stories.tsx b/packages/react-components/react-toast/stories/Toast/DefaultToastOptions.stories.tsx
index 32d10ea99273b..28560b60a749a 100644
--- a/packages/react-components/react-toast/stories/Toast/DefaultToastOptions.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/DefaultToastOptions.stories.tsx
@@ -8,8 +8,9 @@ export const DefaultToastOptions = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="info">Options configured in Toaster</ToastTitle>
+        <ToastTitle>Options configured in Toaster</ToastTitle>
       </Toast>,
+      { intent: 'info' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/DismissAll.stories.tsx b/packages/react-components/react-toast/stories/Toast/DismissAll.stories.tsx
index a11e8f9fdf3df..dca3913605d22 100644
--- a/packages/react-components/react-toast/stories/Toast/DismissAll.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/DismissAll.stories.tsx
@@ -8,8 +8,9 @@ export const DismissAll = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="success">'This is a toast</ToastTitle>
+        <ToastTitle>'This is a toast</ToastTitle>
       </Toast>,
+      { intent: 'info' },
     );
   const dismissAll = () => dismissAllToasts();
 
diff --git a/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx b/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx
index b408cda15374f..df6db2c4f5b7a 100644
--- a/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx
@@ -5,21 +5,23 @@ import { useId, Button } from '@fluentui/react-components';
 export const DismissToast = () => {
   const toasterId = useId('toaster');
   const toastId = useId('example');
+  const [unmounted, setUnmounted] = React.useState(false);
   const { dispatchToast, dismissToast } = useToastController(toasterId);
-  const notify = () =>
+  const notify = () => {
     dispatchToast(
       <Toast>
-        <ToastTitle intent="success">This is a toast</ToastTitle>
+        <ToastTitle>This is a toast</ToastTitle>
       </Toast>,
-      { toastId },
+      { toastId, intent: 'success', onStatusChange: (e, { status }) => setUnmounted(status === 'unmounted') },
     );
+    setUnmounted(false);
+  };
   const dismiss = () => dismissToast(toastId);
 
   return (
     <>
       <Toaster toasterId={toasterId} />
-      <Button onClick={notify}>Make toast</Button>
-      <Button onClick={dismiss}>Dismiss toast</Button>
+      <Button onClick={unmounted ? dismiss : notify}>{unmounted ? 'Make' : 'Dismiss'} toast</Button>
     </>
   );
 };
diff --git a/packages/react-components/react-toast/stories/Toast/DismissToastWithAction.stories.tsx b/packages/react-components/react-toast/stories/Toast/DismissToastWithAction.stories.tsx
index 83c3cc75791eb..633dcd7bf574e 100644
--- a/packages/react-components/react-toast/stories/Toast/DismissToastWithAction.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/DismissToastWithAction.stories.tsx
@@ -9,7 +9,6 @@ export const DismissToastWithAction = () => {
     dispatchToast(
       <Toast>
         <ToastTitle
-          intent="success"
           action={
             <ToastTrigger>
               <Link>Dismiss</Link>
@@ -19,7 +18,7 @@ export const DismissToastWithAction = () => {
           Dismiss me
         </ToastTitle>
       </Toast>,
-      { timeout: -1 },
+      { timeout: -1, intent: 'success' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/Intent.stories.tsx b/packages/react-components/react-toast/stories/Toast/Intent.stories.tsx
new file mode 100644
index 0000000000000..dc2b196ba0dde
--- /dev/null
+++ b/packages/react-components/react-toast/stories/Toast/Intent.stories.tsx
@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { Toaster, useToastController, ToastTitle, Toast, ToastIntent } from '@fluentui/react-toast';
+import { useId, Button, Field, RadioGroup, Radio, Spinner, Avatar } from '@fluentui/react-components';
+
+export const Intent = () => {
+  const toasterId = useId('toaster');
+  const { dispatchToast } = useToastController(toasterId);
+  const [intent, setIntent] = React.useState<ToastIntent | 'progress' | 'avatar'>('success');
+  const notify = () => {
+    switch (intent) {
+      case 'progress':
+        dispatchToast(
+          <Toast>
+            <ToastTitle media={<Spinner size="tiny" />}>Progress toast</ToastTitle>
+          </Toast>,
+        );
+        break;
+      case 'avatar':
+        dispatchToast(
+          <Toast>
+            <ToastTitle media={<Avatar name="Erika Mustermann" size={16} />}>Avatar toast</ToastTitle>
+          </Toast>,
+        );
+        break;
+      case 'error':
+      case 'info':
+      case 'success':
+      case 'warning':
+        dispatchToast(
+          <Toast>
+            <ToastTitle>Toast intent: {intent}</ToastTitle>
+          </Toast>,
+          { intent },
+        );
+        break;
+    }
+  };
+
+  return (
+    <>
+      <Field label="Select a intent">
+        <RadioGroup value={intent} onChange={(e, data) => setIntent(data.value as ToastIntent)}>
+          <Radio label="success" value="success" />
+          <Radio label="info" value="info" />
+          <Radio label="warning" value="warning" />
+          <Radio label="error" value="error" />
+          <Radio label="progress (custom media slot)" value="progress" />
+          <Radio label="avatar (custom media slot)" value="avatar" />
+        </RadioGroup>
+      </Field>
+      <Toaster toasterId={toasterId} />
+      <Button onClick={() => notify()}>Make toast</Button>
+    </>
+  );
+};
+
+Intent.parameters = {
+  docs: {
+    description: {
+      story: [
+        'The toast comes by default with 4 different intents:',
+        '- success',
+        '- info',
+        '- warning',
+        '- error',
+        '',
+        'Each intent affects the default icon in the title and its colour. These icon slots can be overriden',
+        'to render other content such as progress spinners or avatars.',
+        '',
+        '>intent determines the urgency of the screen reader aria-live narration.',
+        'To retain default intent styles, use the`politeness` option to override the urgency or aria-live narration.',
+      ].join('\n'),
+    },
+  },
+};
diff --git a/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx b/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx
index 7ab0f0b7ff73d..fed5d8bb451a9 100644
--- a/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx
@@ -12,14 +12,16 @@ export const MultipleToasters = () => {
     if (toaster === first) {
       dispatchFirstToast(
         <Toast>
-          <ToastTitle intent="info">First toaster</ToastTitle>
+          <ToastTitle>First toaster</ToastTitle>
         </Toast>,
+        { intent: 'info' },
       );
     } else {
       dispatchSecondToast(
         <Toast>
-          <ToastTitle intent="info">Second toaster</ToastTitle>
+          <ToastTitle>Second toaster</ToastTitle>
         </Toast>,
+        { intent: 'info' },
       );
     }
   };
diff --git a/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx b/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx
index 9d151fe74ac8b..c64ebd8319574 100644
--- a/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx
@@ -37,11 +37,11 @@ export const Offset = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="info">
+        <ToastTitle>
           Offset: {horizontal}, {vertical}
         </ToastTitle>
       </Toast>,
-      { position },
+      { position, intent: 'info' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx b/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx
index f0e3b09ab57fe..5d3953ba65ca9 100644
--- a/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx
@@ -8,9 +8,9 @@ export const PauseOnHover = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="info">Hover me!</ToastTitle>
+        <ToastTitle>Hover me!</ToastTitle>
       </Toast>,
-      { pauseOnHover: true },
+      { pauseOnHover: true, intent: 'info' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx b/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx
index 448ab308dec9c..45bcd16933b10 100644
--- a/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx
@@ -8,9 +8,9 @@ export const PauseOnWindowBlur = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="info">Click on another window!</ToastTitle>
+        <ToastTitle>Click on another window!</ToastTitle>
       </Toast>,
-      { pauseOnWindowBlur: true },
+      { pauseOnWindowBlur: true, intent: 'info' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx b/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx
new file mode 100644
index 0000000000000..ccfb961df969c
--- /dev/null
+++ b/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx
@@ -0,0 +1,124 @@
+import * as React from 'react';
+import {
+  Toaster,
+  useToastController,
+  Toast,
+  ToastTitle,
+  ToastBody,
+  ToastFooter,
+  ToastStatus,
+} from '@fluentui/react-toast';
+import { useId, Link, Button, Text, makeStyles, shorthands, tokens } from '@fluentui/react-components';
+
+const useStyles = makeStyles({
+  root: {
+    display: 'flex',
+    ...shorthands.gap('20px'),
+  },
+
+  button: {
+    display: 'block',
+  },
+
+  logContainer: {
+    display: 'flex',
+    flexDirection: 'column',
+  },
+
+  logLabel: {
+    color: tokens.colorNeutralForegroundOnBrand,
+    backgroundColor: tokens.colorBrandBackground,
+    width: 'fit-content',
+    fontWeight: tokens.fontWeightBold,
+    ...shorthands.padding('2px', '12px'),
+  },
+
+  log: {
+    overflowY: 'auto',
+    boxShadow: tokens.shadow16,
+    position: 'relative',
+    minWidth: '200px',
+    height: '200px',
+    ...shorthands.border('2px', 'solid', tokens.colorBrandBackground),
+    ...shorthands.padding('12px', '12px'),
+  },
+});
+
+export const ToastLifecycle = () => {
+  const styles = useStyles();
+  const toasterId = useId('toaster');
+  const labelId = useId();
+  const { dispatchToast } = useToastController(toasterId);
+  const [statusLog, setStatusLog] = React.useState<[number, ToastStatus][]>([]);
+  const [dismissed, setDismissed] = React.useState(true);
+  const notify = () => {
+    dispatchToast(
+      <Toast>
+        <ToastTitle action={<Link>Undo</Link>}>Email sent</ToastTitle>
+        <ToastBody subtitle="Subtitle">This is a toast body</ToastBody>
+        <ToastFooter>
+          <Link>Action</Link>
+          <Link>Action</Link>
+        </ToastFooter>
+      </Toast>,
+      {
+        timeout: 1000,
+        intent: 'success',
+        onStatusChange: (e, { status: toastStatus }) => {
+          setDismissed(toastStatus === 'unmounted');
+          setStatusLog(prev => [[Date.now(), toastStatus], ...prev]);
+        },
+      },
+    );
+  };
+
+  return (
+    <>
+      <div className={styles.root}>
+        <div>
+          <Button className={styles.button} disabledFocusable={!dismissed} onClick={notify}>
+            Make toast
+          </Button>
+          <Button className={styles.button} onClick={() => setStatusLog([])}>
+            Clear log
+          </Button>
+        </div>
+        <div className={styles.logContainer}>
+          <div className={styles.logLabel} id={labelId}>
+            Status log
+          </div>
+          <div role="log" aria-labelledby={labelId} className={styles.log}>
+            {statusLog.map(([time, toastStatus]) => {
+              const date = new Date(time);
+              return (
+                <div key={time}>
+                  {date.toLocaleTimeString()} <Text weight="bold">{toastStatus}</Text>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </div>
+      <Toaster toasterId={toasterId} />
+    </>
+  );
+};
+
+ToastLifecycle.parameters = {
+  docs: {
+    description: {
+      story: [
+        'Since toasts are imperative, the way they are mapped to React is internal, and not reflective of its usage.',
+        'The Toast API exposes its own lifecycle that users can hook into, and is already used in other',
+        'documentation examples. The lifecycle stages are:',
+        '',
+        '- queued - The toast is queued until it can be made visible',
+        '- visible - The toast is mounted and rendered, this is instance if the toast limit is not reached',
+        '- dismissed - The toast is visually invisible but still mounted',
+        '- unounted - The toast has been completely unmounted and no longer exists',
+        '',
+        'Use the `onStatusChange` option when dispatching a toast to listen to lifecycle changes.',
+      ].join('\n'),
+    },
+  },
+};
diff --git a/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx b/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx
index b3272836d5ca0..bffce44eff229 100644
--- a/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx
@@ -9,9 +9,9 @@ export const ToastPositions = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="success">This toast is {position}</ToastTitle>
+        <ToastTitle>This toast is {position}</ToastTitle>
       </Toast>,
-      { position },
+      { position, intent: 'success' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx b/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx
index c8938752966a1..24d80a9665df3 100644
--- a/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx
@@ -9,8 +9,9 @@ export const ToasterLimit = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle intent="success">Limited to 3 toasts</ToastTitle>
+        <ToastTitle>Limited to 3 toasts</ToastTitle>
       </Toast>,
+      { intent: 'success' },
     );
 
   return (
diff --git a/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx b/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx
index cc1ca025be73a..3611fb508bec0 100644
--- a/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx
@@ -5,41 +5,39 @@ import { useId, Button } from '@fluentui/react-components';
 export const UpdateToast = () => {
   const toastId = useId('toast');
   const toasterId = useId('toaster');
-  const [dispatched, setDispatched] = React.useState(false);
+  const [unmounted, setUnmounted] = React.useState(true);
 
   const { dispatchToast, updateToast } = useToastController(toasterId);
-  const notify = () =>
+  const notify = () => {
     dispatchToast(
       <Toast>
-        <ToastTitle intent="warning">This toast never closes</ToastTitle>
+        <ToastTitle>This toast never closes</ToastTitle>
       </Toast>,
-      { toastId, timeout: -1 },
+      {
+        toastId,
+        intent: 'warning',
+        timeout: -1,
+        onStatusChange: (e, { status }) => setUnmounted(status === 'unmounted'),
+      },
     );
+    setUnmounted(false);
+  };
   const update = () =>
     updateToast({
       content: (
         <Toast>
-          <ToastTitle intent="success">This toast will close soon</ToastTitle>
+          <ToastTitle>This toast will close soon</ToastTitle>
         </Toast>
       ),
+      intent: 'success',
       toastId,
       timeout: 2000,
     });
 
-  const onClick = () => {
-    if (dispatched) {
-      update();
-      setDispatched(false);
-    } else {
-      notify();
-      setDispatched(true);
-    }
-  };
-
   return (
     <>
       <Toaster toasterId={toasterId} />
-      <Button onClick={onClick}>{dispatched ? 'Update toast' : 'Make toast'}</Button>
+      <Button onClick={unmounted ? notify : update}>{unmounted ? 'Make toast' : 'Update toast'}</Button>
     </>
   );
 };
diff --git a/packages/react-components/react-toast/stories/Toast/index.stories.tsx b/packages/react-components/react-toast/stories/Toast/index.stories.tsx
index b2459ee2fcce8..bd1ad60758ef6 100644
--- a/packages/react-components/react-toast/stories/Toast/index.stories.tsx
+++ b/packages/react-components/react-toast/stories/Toast/index.stories.tsx
@@ -1,5 +1,6 @@
 import { Toast, ToastTitle, ToastBody, ToastFooter, Toaster } from '@fluentui/react-toast';
 export { Default } from './Default.stories';
+export { Intent } from './Intent.stories';
 export { DefaultToastOptions } from './DefaultToastOptions.stories';
 export { CustomTimeout } from './CustomTimeout.stories';
 export { DismissToastWithAction } from './DismissToastWithAction.stories';
@@ -9,6 +10,7 @@ export { DismissToast } from './DismissToast.stories';
 export { DismissAll } from './DismissAll.stories';
 export { PauseOnWindowBlur } from './PauseOnWindowBlur.stories';
 export { PauseOnHover } from './PauseOnHover.stories';
+export { ToastLifecycle } from './ToastLifecycle.stories';
 export { UpdateToast } from './UpdateToast.stories';
 export { MultipleToasters } from './MultipleToasters.stories';
 export { ToasterLimit } from './ToasterLimit.stories';
diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json
index f93724ed32d9f..798e8904b6881 100644
--- a/packages/react-components/react-toolbar/CHANGELOG.json
+++ b/packages/react-components/react-toolbar/CHANGELOG.json
@@ -1,6 +1,75 @@
 {
   "name": "@fluentui/react-toolbar",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-toolbar_v9.1.18",
+      "version": "9.1.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-button to v9.3.17",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-divider to v9.2.16",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-radio to v9.1.18",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:21 GMT",
       "tag": "@fluentui/react-toolbar_v9.1.17",
diff --git a/packages/react-components/react-toolbar/CHANGELOG.md b/packages/react-components/react-toolbar/CHANGELOG.md
index d86ec18674b65..b7b88862db31b 100644
--- a/packages/react-components/react-toolbar/CHANGELOG.md
+++ b/packages/react-components/react-toolbar/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-toolbar
 
-This log was last generated on Wed, 31 May 2023 06:46:21 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.18)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.17..@fluentui/react-toolbar_v9.1.18)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-divider to v9.2.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-radio to v9.1.18 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.17)
 
 Wed, 31 May 2023 06:46:21 GMT 
diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json
index 2ce68765dcf78..cf46e8c96a93a 100644
--- a/packages/react-components/react-toolbar/package.json
+++ b/packages/react-components/react-toolbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toolbar",
-  "version": "9.1.17",
+  "version": "9.1.18",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,21 +29,21 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.16",
-    "@fluentui/react-divider": "^9.2.15",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-radio": "^9.1.17",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
+    "@fluentui/react-button": "^9.3.17",
+    "@fluentui/react-divider": "^9.2.16",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-radio": "^9.1.18",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-tooltip/CHANGELOG.json b/packages/react-components/react-tooltip/CHANGELOG.json
index 21972b672d341..3dc4f02045a5f 100644
--- a/packages/react-components/react-tooltip/CHANGELOG.json
+++ b/packages/react-components/react-tooltip/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-tooltip",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/react-tooltip_v9.2.17",
+      "version": "9.2.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-positioning to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:22 GMT",
       "tag": "@fluentui/react-tooltip_v9.2.16",
diff --git a/packages/react-components/react-tooltip/CHANGELOG.md b/packages/react-components/react-tooltip/CHANGELOG.md
index 02f585568b50c..62aac610e545d 100644
--- a/packages/react-components/react-tooltip/CHANGELOG.md
+++ b/packages/react-components/react-tooltip/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-tooltip
 
-This log was last generated on Wed, 31 May 2023 06:46:22 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.17)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.16..@fluentui/react-tooltip_v9.2.17)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.16)
 
 Wed, 31 May 2023 06:46:22 GMT 
diff --git a/packages/react-components/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json
index d5fc6c47dea53..4e6f8e6b6fe96 100644
--- a/packages/react-components/react-tooltip/package.json
+++ b/packages/react-components/react-tooltip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tooltip",
-  "version": "9.2.16",
+  "version": "9.2.17",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-positioning": "^9.7.0",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-tree/CHANGELOG.json b/packages/react-components/react-tree/CHANGELOG.json
index e4e807028e5fb..f1f34116e22a8 100644
--- a/packages/react-components/react-tree/CHANGELOG.json
+++ b/packages/react-components/react-tree/CHANGELOG.json
@@ -1,6 +1,87 @@
 {
   "name": "@fluentui/react-tree",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:06 GMT",
+      "tag": "@fluentui/react-tree_v9.0.0-beta.19",
+      "version": "9.0.0-beta.19",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-tree",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-aria to v9.3.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-avatar to v9.5.6",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-button to v9.3.17",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:22 GMT",
       "tag": "@fluentui/react-tree_v9.0.0-beta.18",
diff --git a/packages/react-components/react-tree/CHANGELOG.md b/packages/react-components/react-tree/CHANGELOG.md
index ba67c94f37499..fdb1b0c4fe195 100644
--- a/packages/react-components/react-tree/CHANGELOG.md
+++ b/packages/react-components/react-tree/CHANGELOG.md
@@ -1,9 +1,29 @@
 # Change Log - @fluentui/react-tree
 
-This log was last generated on Wed, 31 May 2023 06:46:22 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.19)
+
+Tue, 20 Jun 2023 12:39:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.0.0-beta.18..@fluentui/react-tree_v9.0.0-beta.19)
+
+### Changes
+
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.18)
 
 Wed, 31 May 2023 06:46:22 GMT 
diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json
index feae85b5d3a4a..a4edf054899db 100644
--- a/packages/react-components/react-tree/package.json
+++ b/packages/react-components/react-tree/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tree",
-  "version": "9.0.0-beta.18",
+  "version": "9.0.0-beta.19",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-cypress": "*",
@@ -37,17 +37,17 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-aria": "^9.3.22",
-    "@fluentui/react-avatar": "^9.5.5",
-    "@fluentui/react-button": "^9.3.16",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@fluentui/react-aria": "^9.3.23",
+    "@fluentui/react-avatar": "^9.5.6",
+    "@fluentui/react-button": "^9.3.17",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-portal": "^9.2.13",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/react-utilities/CHANGELOG.json b/packages/react-components/react-utilities/CHANGELOG.json
index 373f7d703135f..320d621f77588 100644
--- a/packages/react-components/react-utilities/CHANGELOG.json
+++ b/packages/react-components/react-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-utilities",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:06 GMT",
+      "tag": "@fluentui/react-utilities_v9.9.3",
+      "version": "9.9.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "8b6d1d1fee189c864aa6a201888ed94f61b6dc7d",
+            "comment": "fix: getNativeElementProps should support animation event handlers"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:22 GMT",
       "tag": "@fluentui/react-utilities_v9.9.2",
diff --git a/packages/react-components/react-utilities/CHANGELOG.md b/packages/react-components/react-utilities/CHANGELOG.md
index d316aea2a757e..605a5ec85f0db 100644
--- a/packages/react-components/react-utilities/CHANGELOG.md
+++ b/packages/react-components/react-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-utilities
 
-This log was last generated on Wed, 31 May 2023 06:46:22 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.9.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.9.3)
+
+Tue, 20 Jun 2023 12:39:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.9.2..@fluentui/react-utilities_v9.9.3)
+
+### Patches
+
+- fix: getNativeElementProps should support animation event handlers ([PR #28094](https://github.com/microsoft/fluentui/pull/28094) by lingfangao@hotmail.com)
+
 ## [9.9.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.9.2)
 
 Wed, 31 May 2023 06:46:22 GMT 
diff --git a/packages/react-components/react-utilities/package.json b/packages/react-components/react-utilities/package.json
index c01782f232ee9..b6ac8115797ae 100644
--- a/packages/react-components/react-utilities/package.json
+++ b/packages/react-components/react-utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-utilities",
-  "version": "9.9.2",
+  "version": "9.9.3",
   "description": "A set of general React-specific utilities.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-virtualizer/CHANGELOG.json b/packages/react-components/react-virtualizer/CHANGELOG.json
index b839285565572..6d7053d8d91a7 100644
--- a/packages/react-components/react-virtualizer/CHANGELOG.json
+++ b/packages/react-components/react-virtualizer/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-virtualizer",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:06 GMT",
+      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.23",
+      "version": "9.0.0-alpha.23",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "ab901891c51f8bd5d1a5099e66011c9c84372566",
+            "comment": "feature: Add scrollTo index hook and callbacks, isScrolling flag"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 31 May 2023 06:46:23 GMT",
       "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.22",
diff --git a/packages/react-components/react-virtualizer/CHANGELOG.md b/packages/react-components/react-virtualizer/CHANGELOG.md
index b175e8b3fcd0e..d5a001502edd8 100644
--- a/packages/react-components/react-virtualizer/CHANGELOG.md
+++ b/packages/react-components/react-virtualizer/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-virtualizer
 
-This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.23)
+
+Tue, 20 Jun 2023 12:39:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.22..@fluentui/react-virtualizer_v9.0.0-alpha.23)
+
+### Changes
+
+- feature: Add scrollTo index hook and callbacks, isScrolling flag ([PR #27864](https://github.com/microsoft/fluentui/pull/27864) by mifraser@microsoft.com)
+- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.22)
 
 Wed, 31 May 2023 06:46:23 GMT 
diff --git a/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md b/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md
index 069fc45c7692d..abbcc63f6a8e2 100644
--- a/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md
+++ b/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md
@@ -72,7 +72,7 @@ export const useDynamicVirtualizerMeasure: <TElement extends HTMLElement>(virtua
 };
 
 // @public
-export const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit | undefined) => {
+export const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => {
     setObserverList: Dispatch<SetStateAction<Element[] | undefined>>;
     setObserverInit: Dispatch<SetStateAction<IntersectionObserverInit | undefined>>;
     observer: MutableRefObject<IntersectionObserver | undefined>;
diff --git a/packages/react-components/react-virtualizer/package.json b/packages/react-components/react-virtualizer/package.json
index 98319253d07e9..aa7026f18d721 100644
--- a/packages/react-components/react-virtualizer/package.json
+++ b/packages/react-components/react-virtualizer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-virtualizer",
-  "version": "9.0.0-alpha.22",
+  "version": "9.0.0-alpha.23",
   "description": "Generic and composable virtualizer framework built on browser intersection observer",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,13 +27,13 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json
index df63ce32f27e6..8bec0a979afc6 100644
--- a/packages/react-components/theme-designer/package.json
+++ b/packages/react-components/theme-designer/package.json
@@ -32,13 +32,13 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-alert": "9.0.0-beta.51",
-    "@fluentui/react-components": "^9.21.0",
-    "@fluentui/react-context-selector": "^9.1.22",
-    "@fluentui/react-icons": "^2.0.196",
+    "@fluentui/react-alert": "9.0.0-beta.52",
+    "@fluentui/react-components": "^9.22.0",
+    "@fluentui/react-context-selector": "^9.1.23",
+    "@fluentui/react-icons": "^2.0.203",
     "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14",
     "@types/dedent": "0.7.0",
diff --git a/packages/react-conformance/.npmignore b/packages/react-conformance/.npmignore
index 24337b6c973e8..72e2ecf619016 100644
--- a/packages/react-conformance/.npmignore
+++ b/packages/react-conformance/.npmignore
@@ -1,34 +1,37 @@
+.storybook/
+.vscode/
+bundle-size/
+config/
+coverage/
+docs/
+etc/
+node_modules/
+src/
+stories/
+dist/types/
+temp/
+__fixtures__
+__mocks__
+__tests__
+
 *.api.json
-*.config.js
 *.log
-*.nuspec
+*.spec.*
+*.cy.*
 *.test.*
 *.yml
+
+# config files
+*config.*
+*rc.*
 .editorconfig
-.eslintrc*
-.eslintcache
-.gitattributes
-.gitignore
-.vscode
-coverage
-dist/storybook
-dist/*.stats.html
-dist/*.stats.json
-dist/demo
-fabric-test*
-gulpfile.js
-images
-index.html
-jsconfig.json
-node_modules
-results
-src/**/*
-!src/**/examples/*.tsx
-!src/**/docs/**/*.md
-!src/**/*.types.ts
-temp
-tsconfig.json
-tsd.json
-tslint.json
-typings
-visualtests
+.eslint*
+.git*
+.prettierignore
+.swcrc
+
+# exclude gitignore patterns explicitly
+!lib
+!lib-commonjs
+!lib-amd
+!dist/*.d.ts
diff --git a/packages/react-conformance/.swcrc b/packages/react-conformance/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-conformance/.swcrc
@@ -0,0 +1,30 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "exclude": [
+    "/testing",
+    "/**/*.cy.ts",
+    "/**/*.cy.tsx",
+    "/**/*.spec.ts",
+    "/**/*.spec.tsx",
+    "/**/*.test.ts",
+    "/**/*.test.tsx"
+  ],
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": false,
+      "dynamicImport": false
+    },
+    "externalHelpers": true,
+    "transform": {
+      "react": {
+        "runtime": "classic",
+        "useSpread": true
+      }
+    },
+    "target": "es2019"
+  },
+  "minify": false,
+  "sourceMaps": true
+}
diff --git a/packages/react-conformance/CHANGELOG.json b/packages/react-conformance/CHANGELOG.json
index 7401d2d959400..06499428855b9 100644
--- a/packages/react-conformance/CHANGELOG.json
+++ b/packages/react-conformance/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-conformance",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:38:56 GMT",
+      "tag": "@fluentui/react-conformance_v0.17.0",
+      "version": "0.17.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-conformance",
+            "commit": "402599eb2172bf1cd13c003f5050e4d172ed9742",
+            "comment": "BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 05 Jun 2023 07:37:25 GMT",
       "tag": "@fluentui/react-conformance_v0.16.3",
diff --git a/packages/react-conformance/CHANGELOG.md b/packages/react-conformance/CHANGELOG.md
index 5664fcf9fcdad..0eaba29976c12 100644
--- a/packages/react-conformance/CHANGELOG.md
+++ b/packages/react-conformance/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-conformance
 
-This log was last generated on Mon, 05 Jun 2023 07:37:25 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:38:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.17.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance_v0.17.0)
+
+Tue, 20 Jun 2023 12:38:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance_v0.16.3..@fluentui/react-conformance_v0.17.0)
+
+### Minor changes
+
+- BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build ([PR #28215](https://github.com/microsoft/fluentui/pull/28215) by martinhochel@microsoft.com)
+
 ## [0.16.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance_v0.16.3)
 
 Mon, 05 Jun 2023 07:37:25 GMT 
diff --git a/packages/react-conformance/config/api-extractor.json b/packages/react-conformance/config/api-extractor.json
new file mode 100644
index 0000000000000..89ba391e079ec
--- /dev/null
+++ b/packages/react-conformance/config/api-extractor.json
@@ -0,0 +1,5 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
+  "extends": "@fluentui/scripts-api-extractor/api-extractor.common.v-next.json",
+  "mainEntryPointFilePath": "<projectFolder>/../../dist/out-tsc/types/packages/<unscopedPackageName>/src/index.d.ts"
+}
diff --git a/packages/react-conformance/config/tests.js b/packages/react-conformance/config/tests.js
new file mode 100644
index 0000000000000..2e211ae9e2142
--- /dev/null
+++ b/packages/react-conformance/config/tests.js
@@ -0,0 +1 @@
+/** Jest test setup file. */
diff --git a/packages/react-conformance/etc/react-conformance.api.md b/packages/react-conformance/etc/react-conformance.api.md
new file mode 100644
index 0000000000000..7f841f59461b7
--- /dev/null
+++ b/packages/react-conformance/etc/react-conformance.api.md
@@ -0,0 +1,75 @@
+## API Report File for "@fluentui/react-conformance"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ComponentDoc } from 'react-docgen-typescript';
+import * as React_2 from 'react';
+import { render } from '@testing-library/react';
+import * as ts from 'typescript';
+
+// @public (undocumented)
+export type ConformanceTest<TProps = {}> = (componentInfo: ComponentDoc, testInfo: IsConformantOptions<TProps>, tsProgram: ts.Program) => void;
+
+// @public (undocumented)
+export function isConformant<TProps = {}>(...testInfo: Partial<IsConformantOptions<TProps>>[]): void;
+
+// @public (undocumented)
+export interface IsConformantOptions<TProps = {}> {
+    Component: React_2.ComponentType<TProps>;
+    componentPath: string;
+    disabledTests?: string[];
+    displayName: string;
+    elementRefName?: string;
+    extraTests?: TestObject<TProps>;
+    getTargetElement?: (renderResult: ReturnType<typeof render>, attr: keyof React_2.AllHTMLAttributes<HTMLElement> | 'ref' | `data-${string}`) => HTMLElement;
+    isInternal?: boolean;
+    primarySlot?: keyof TProps | 'root';
+    renderOptions?: Parameters<typeof render>[1];
+    requiredProps?: Partial<TProps>;
+    testOptions?: TestOptions;
+    tsConfig?: Partial<{
+        configName: string;
+        configDir: string;
+    }>;
+    // @deprecated (undocumented)
+    tsconfigDir?: string;
+    useDefaultExport?: boolean;
+}
+
+// @public (undocumented)
+export interface TestObject<TProps = {}> {
+    // (undocumented)
+    [key: string]: ConformanceTest<TProps>;
+}
+
+// @public
+export interface TestOptions {
+    // (undocumented)
+    'component-has-static-classname'?: {
+        prefix?: string;
+    };
+    // (undocumented)
+    'consistent-callback-args'?: {
+        ignoreProps?: string[];
+    };
+    // (undocumented)
+    'consistent-callback-names'?: {
+        ignoreProps?: string[];
+    };
+    // (undocumented)
+    'has-static-classnames'?: {
+        props: {
+            [key: string]: string | {};
+        };
+        expectedClassNames?: {
+            [key: string]: string;
+        };
+        getPortalElement?: (renderResult: ReturnType<typeof render>) => HTMLElement;
+    }[];
+}
+
+// (No @packageDocumentation comment for this package)
+
+```
diff --git a/packages/react-conformance/jest.config.js b/packages/react-conformance/jest.config.js
index b5c1d19b02222..101261e61a4ef 100644
--- a/packages/react-conformance/jest.config.js
+++ b/packages/react-conformance/jest.config.js
@@ -1,5 +1,20 @@
-const { createV8Config: createConfig } = require('@fluentui/scripts-jest');
+// @ts-check
 
-const config = createConfig({});
-
-module.exports = config;
+/**
+ * @type {import('@jest/types').Config.InitialOptions}
+ */
+module.exports = {
+  displayName: 'react-conformance',
+  preset: '../../jest.preset.js',
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+      isolatedModules: true,
+    },
+  },
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+  coverageDirectory: './coverage',
+  setupFilesAfterEnv: ['./config/tests.js'],
+};
diff --git a/packages/react-conformance/just.config.ts b/packages/react-conformance/just.config.ts
index 242d94f1f0210..b7b2c9a33bf43 100644
--- a/packages/react-conformance/just.config.ts
+++ b/packages/react-conformance/just.config.ts
@@ -2,4 +2,4 @@ import { preset, task } from '@fluentui/scripts-tasks';
 
 preset();
 
-task('build', 'build:node-lib').cached!();
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-conformance/package.json b/packages/react-conformance/package.json
index 6291197e04e93..6ab0a14ee718c 100644
--- a/packages/react-conformance/package.json
+++ b/packages/react-conformance/package.json
@@ -1,9 +1,9 @@
 {
   "name": "@fluentui/react-conformance",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "description": "Customizable conformance testing utility for Fluent UI React components.",
   "main": "lib-commonjs/index.js",
-  "typings": "lib-commonjs/index.d.ts",
+  "typings": "dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui"
@@ -15,7 +15,9 @@
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "test": "just-scripts test",
-    "lint": "just-scripts lint"
+    "lint": "just-scripts lint",
+    "generate-api": "just-scripts generate-api",
+    "type-check": "just-scripts type-check"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
@@ -37,5 +39,13 @@
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0",
     "typescript": "^4.3.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
   }
 }
diff --git a/packages/react-conformance/tsconfig.json b/packages/react-conformance/tsconfig.json
index 08e77d03e1277..228b07034cea4 100644
--- a/packages/react-conformance/tsconfig.json
+++ b/packages/react-conformance/tsconfig.json
@@ -1,22 +1,22 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "baseUrl": ".",
-    "outDir": "lib",
-    "target": "es6",
-    "module": "commonjs",
+    "target": "ES2019",
+    "noEmit": true,
     "jsx": "react",
-    "declaration": true,
-    "sourceMap": true,
-    "experimentalDecorators": true,
+    "isolatedModules": true,
     "importHelpers": true,
-    "noUnusedLocals": true,
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "moduleResolution": "node",
     "preserveConstEnums": true,
-    "isolatedModules": true,
-    "lib": ["es2017", "dom"],
-    "types": ["jest", "node"]
+    "noUnusedLocals": true
   },
-  "include": ["src"]
+  "include": [],
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
 }
diff --git a/packages/react-conformance/tsconfig.lib.json b/packages/react-conformance/tsconfig.lib.json
new file mode 100644
index 0000000000000..29882306a1429
--- /dev/null
+++ b/packages/react-conformance/tsconfig.lib.json
@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "lib": ["DOM", "ES2019"],
+    "declaration": true,
+    "declarationDir": "../../dist/out-tsc/types",
+    "outDir": "../../dist/out-tsc",
+    "inlineSources": true,
+    "types": ["static-assets", "environment", "jest", "node"],
+    "module": "CommonJS"
+  },
+  "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx"],
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"]
+}
diff --git a/packages/react-conformance/tsconfig.spec.json b/packages/react-conformance/tsconfig.spec.json
new file mode 100644
index 0000000000000..469fcba4d7ba7
--- /dev/null
+++ b/packages/react-conformance/tsconfig.spec.json
@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "outDir": "dist",
+    "types": ["jest", "node"]
+  },
+  "include": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
+}
diff --git a/packages/react-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json
index c1d8cae79fec2..11db871c4d45b 100644
--- a/packages/react-date-time/CHANGELOG.json
+++ b/packages/react-date-time/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "@fluentui/react-date-time",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-date-time_v8.7.97",
+      "version": "8.7.97",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-date-time",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/react-date-time_v8.7.96",
+      "version": "8.7.96",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-date-time",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/react-date-time_v8.7.95",
diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md
index cb88c7f37ff6a..86fc2b64b9b1c 100644
--- a/packages/react-date-time/CHANGELOG.md
+++ b/packages/react-date-time/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-date-time
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.7.97](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.97)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.96..@fluentui/react-date-time_v8.7.97)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.7.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.96)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.95..@fluentui/react-date-time_v8.7.96)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [8.7.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.95)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json
index 2dfaac05b7b1c..00a198f5416dc 100644
--- a/packages/react-date-time/package.json
+++ b/packages/react-date-time/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-date-time",
-  "version": "8.7.95",
+  "version": "8.7.97",
   "description": "Date and time related React components for building experiences for Microsoft 365.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/set-version": "^8.2.11",
     "tslib": "^2.1.0"
   },
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index c205746478e75..599f4bdf4dfd1 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,81 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 07:36:29 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.12.24",
+      "version": "8.12.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.101",
+            "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.12.23",
+      "version": "8.12.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/theme to v2.6.33",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-hooks to v8.6.28",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.100",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/common-styles to v1.2.31",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.12.22",
+      "version": "8.12.22",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.99",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/react-docsite-components_v8.12.21",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index ee1bce081f36a..d26c61d581f02 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,41 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.12.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.24)
+
+Tue, 20 Jun 2023 07:36:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.23..@fluentui/react-docsite-components_v8.12.24)
+
+### Patches
+
+- Bump @fluentui/react-monaco-editor to v1.7.101 ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by beachball)
+
+## [8.12.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.23)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.22..@fluentui/react-docsite-components_v8.12.23)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react-monaco-editor to v1.7.100 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/common-styles to v1.2.31 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.12.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.22)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.21..@fluentui/react-docsite-components_v8.12.22)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+- Bump @fluentui/react-monaco-editor to v1.7.99 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [8.12.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.21)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index 8ad7c9e22da56..a6645d77ee998 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.12.21",
+  "version": "8.12.24",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,7 +20,7 @@
     "test": "just-scripts test"
   },
   "devDependencies": {
-    "@fluentui/common-styles": "^1.2.30",
+    "@fluentui/common-styles": "^1.2.31",
     "@fluentui/eslint-plugin": "*",
     "@types/color-check": "0.0.0",
     "@types/react-custom-scrollbars": "^4.0.5",
@@ -35,14 +35,14 @@
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/theme": "^2.6.32",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/theme": "^2.6.33",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@fluentui/example-data": "^8.4.11",
     "@fluentui/public-docsite-setup": "^0.3.21",
-    "@fluentui/react-hooks": "^8.6.27",
+    "@fluentui/react-hooks": "^8.6.28",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/react-monaco-editor": "^1.7.98",
+    "@fluentui/react-monaco-editor": "^1.7.101",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index bdd5f5b2d45d3..a8096d4555fd9 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -25,27 +25,27 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/azure-themes": "^8.6.16",
-    "@fluentui/date-time-utilities": "^8.5.12",
+    "@fluentui/azure-themes": "^8.6.18",
+    "@fluentui/date-time-utilities": "^8.5.13",
     "@fluentui/dom-utilities": "^2.2.11",
     "@fluentui/example-data": "^8.4.11",
-    "@fluentui/font-icons-mdl2": "^8.5.21",
-    "@fluentui/foundation-legacy": "^8.2.41",
+    "@fluentui/font-icons-mdl2": "^8.5.22",
+    "@fluentui/foundation-legacy": "^8.2.42",
     "@fluentui/merge-styles": "^8.5.12",
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/react-cards": "^0.205.95",
-    "@fluentui/react-charting": "^5.16.41",
-    "@fluentui/react-docsite-components": "^8.12.21",
-    "@fluentui/react-experiments": "^8.14.90",
-    "@fluentui/react-file-type-icons": "^8.9.0",
-    "@fluentui/react-focus": "^8.8.28",
-    "@fluentui/react-hooks": "^8.6.27",
-    "@fluentui/react-icons-mdl2": "^1.3.45",
-    "@fluentui/scheme-utilities": "^8.3.33",
-    "@fluentui/style-utilities": "^8.9.14",
-    "@fluentui/theme": "^2.6.32",
-    "@fluentui/theme-samples": "^8.7.95",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/react-cards": "^0.205.97",
+    "@fluentui/react-charting": "^5.16.44",
+    "@fluentui/react-docsite-components": "^8.12.24",
+    "@fluentui/react-experiments": "^8.14.92",
+    "@fluentui/react-file-type-icons": "^8.9.2",
+    "@fluentui/react-focus": "^8.8.29",
+    "@fluentui/react-hooks": "^8.6.28",
+    "@fluentui/react-icons-mdl2": "^1.3.46",
+    "@fluentui/scheme-utilities": "^8.3.34",
+    "@fluentui/style-utilities": "^8.9.15",
+    "@fluentui/theme": "^2.6.33",
+    "@fluentui/theme-samples": "^8.7.97",
+    "@fluentui/utilities": "^8.13.17",
     "@microsoft/load-themed-styles": "^1.10.26",
     "d3-fetch": "3.0.1",
     "d3-format": "^1.4.4",
diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json
index a81345517166b..adc1dfe96b90d 100644
--- a/packages/react-experiments/CHANGELOG.json
+++ b/packages/react-experiments/CHANGELOG.json
@@ -1,6 +1,84 @@
 {
   "name": "@fluentui/react-experiments",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:38 GMT",
+      "tag": "@fluentui/react-experiments_v8.14.92",
+      "version": "8.14.92",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-experiments",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "fix: resolve FloatingSuggestion if conditions to mitigate ts 4.7 always true violation\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/theme to v2.6.33",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/foundation-legacy to v8.2.42",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.22",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/react-hooks to v8.6.28",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/common-styles to v1.2.31",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/react-experiments_v8.14.91",
+      "version": "8.14.91",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/react-experiments_v8.14.90",
diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md
index 63af65853d290..b14e883acb8c9 100644
--- a/packages/react-experiments/CHANGELOG.md
+++ b/packages/react-experiments/CHANGELOG.md
@@ -1,9 +1,35 @@
 # Change Log - @fluentui/react-experiments
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.14.92](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.92)
+
+Mon, 19 Jun 2023 07:36:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.91..@fluentui/react-experiments_v8.14.92)
+
+### Patches
+
+- fix: resolve FloatingSuggestion if conditions to mitigate ts 4.7 always true violation" ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/foundation-legacy to v8.2.42 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/font-icons-mdl2 to v8.5.22 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/common-styles to v1.2.31 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.14.91](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.91)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.90..@fluentui/react-experiments_v8.14.91)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [8.14.90](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.90)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json
index 468935b934962..2eeb3dc15a6b6 100644
--- a/packages/react-experiments/package.json
+++ b/packages/react-experiments/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-experiments",
-  "version": "8.14.90",
+  "version": "8.14.92",
   "description": "Experimental React components for building experiences for Microsoft 365.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,7 +27,7 @@
     "update-snapshots": "just-scripts jest -u"
   },
   "devDependencies": {
-    "@fluentui/common-styles": "^1.2.30",
+    "@fluentui/common-styles": "^1.2.31",
     "@fluentui/eslint-plugin": "*",
     "@types/deep-assign": "^0.1.1",
     "@types/prop-types": "15.7.1",
@@ -39,17 +39,17 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/theme": "^2.6.32",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/theme": "^2.6.33",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@fluentui/example-data": "^8.4.11",
-    "@fluentui/foundation-legacy": "^8.2.41",
-    "@fluentui/font-icons-mdl2": "^8.5.21",
+    "@fluentui/foundation-legacy": "^8.2.42",
+    "@fluentui/font-icons-mdl2": "^8.5.22",
     "@fluentui/merge-styles": "^8.5.12",
-    "@fluentui/react-hooks": "^8.6.27",
+    "@fluentui/react-hooks": "^8.6.28",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/style-utilities": "^8.9.14",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/style-utilities": "^8.9.15",
+    "@fluentui/utilities": "^8.13.17",
     "deep-assign": "^2.0.0",
     "prop-types": "^15.7.2",
     "tslib": "^2.1.0"
diff --git a/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx b/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx
index 1f8cf76a6ce70..29a92564a8b4f 100644
--- a/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx
+++ b/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx
@@ -70,7 +70,7 @@ export class FloatingSuggestions<TItem>
   public onQueryStringChanged = (queryString: string): void => {
     if (queryString !== this.state.queryString) {
       this.setState({
-        queryString: queryString,
+        queryString,
       });
 
       if (this.props.onInputChanged) {
@@ -278,9 +278,8 @@ export class FloatingSuggestions<TItem>
       case KeyCodes.del:
         if (
           this.props.onRemoveSuggestion &&
-          this.suggestionsControl.current &&
-          this.suggestionsControl.current.hasSuggestionSelected &&
-          this.suggestionsControl.current.currentSuggestion &&
+          this.suggestionsControl.current?.hasSuggestionSelected &&
+          this.suggestionsControl.current?.currentSuggestion &&
           ev.shiftKey
         ) {
           this.props.onRemoveSuggestion(this.suggestionsControl.current.currentSuggestion!.item);
diff --git a/packages/react-file-type-icons/CHANGELOG.json b/packages/react-file-type-icons/CHANGELOG.json
index 4d869cd1dfbc9..a1932363d3170 100644
--- a/packages/react-file-type-icons/CHANGELOG.json
+++ b/packages/react-file-type-icons/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "@fluentui/react-file-type-icons",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 07:36:29 GMT",
+      "tag": "@fluentui/react-file-type-icons_v8.9.2",
+      "version": "8.9.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "alinazaieva@microsoft.com",
+            "package": "@fluentui/react-file-type-icons",
+            "commit": "88f01346113e912c48078427326ec425da9d4ff0",
+            "comment": "Map mhtml extension to html icon"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-file-type-icons_v8.9.1",
+      "version": "8.9.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-file-type-icons",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 12 Jun 2023 07:33:50 GMT",
       "tag": "@fluentui/react-file-type-icons_v8.9.0",
diff --git a/packages/react-file-type-icons/CHANGELOG.md b/packages/react-file-type-icons/CHANGELOG.md
index c6b14d6ea3aa1..e2b89ec0d4b36 100644
--- a/packages/react-file-type-icons/CHANGELOG.md
+++ b/packages/react-file-type-icons/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-file-type-icons
 
-This log was last generated on Mon, 12 Jun 2023 07:33:50 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.9.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.9.2)
+
+Tue, 20 Jun 2023 07:36:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.9.1..@fluentui/react-file-type-icons_v8.9.2)
+
+### Patches
+
+- Map mhtml extension to html icon ([PR #28112](https://github.com/microsoft/fluentui/pull/28112) by alinazaieva@microsoft.com)
+
+## [8.9.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.9.1)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.9.0..@fluentui/react-file-type-icons_v8.9.1)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [8.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.9.0)
 
 Mon, 12 Jun 2023 07:33:50 GMT 
diff --git a/packages/react-file-type-icons/package.json b/packages/react-file-type-icons/package.json
index d50d565753214..0039d28d7025d 100644
--- a/packages/react-file-type-icons/package.json
+++ b/packages/react-file-type-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-file-type-icons",
-  "version": "8.9.0",
+  "version": "8.9.2",
   "description": "Fluent UI React file type icon set.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/style-utilities": "^8.9.14",
+    "@fluentui/style-utilities": "^8.9.15",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-file-type-icons/src/FileTypeIconMap.ts b/packages/react-file-type-icons/src/FileTypeIconMap.ts
index 11cf3c7a1913a..6214161afa381 100644
--- a/packages/react-file-type-icons/src/FileTypeIconMap.ts
+++ b/packages/react-file-type-icons/src/FileTypeIconMap.ts
@@ -288,7 +288,7 @@ export const FileTypeIconMap: { [key: string]: { extensions?: string[] } } = {
   form: {},
   genericfile: {},
   html: {
-    extensions: ['htm', 'html', 'mht'],
+    extensions: ['htm', 'html', 'mht', 'mhtml'],
   },
   ipynb: {
     extensions: ['nnb', 'ipynb'],
diff --git a/packages/react-focus/CHANGELOG.json b/packages/react-focus/CHANGELOG.json
index d1f7a6aaed561..4798ac2e3cd3e 100644
--- a/packages/react-focus/CHANGELOG.json
+++ b/packages/react-focus/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-focus",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-focus_v8.8.29",
+      "version": "8.8.29",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-focus",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-focus",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/react-focus_v8.8.27",
diff --git a/packages/react-focus/CHANGELOG.md b/packages/react-focus/CHANGELOG.md
index 56c3b513b38f9..190f3e00a7d58 100644
--- a/packages/react-focus/CHANGELOG.md
+++ b/packages/react-focus/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-focus
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.8.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.8.29)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-focus_v8.8.27..@fluentui/react-focus_v8.8.29)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [8.8.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.8.27)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/react-focus/package.json b/packages/react-focus/package.json
index b961007ffda68..546f226d980b3 100644
--- a/packages/react-focus/package.json
+++ b/packages/react-focus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-focus",
-  "version": "8.8.28",
+  "version": "8.8.29",
   "description": "Focus helpers to be used in React applications.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -39,8 +39,8 @@
     "@fluentui/keyboard-key": "^0.4.11",
     "@fluentui/merge-styles": "^8.5.12",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/style-utilities": "^8.9.14",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/style-utilities": "^8.9.15",
+    "@fluentui/utilities": "^8.13.17",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-hooks/CHANGELOG.json b/packages/react-hooks/CHANGELOG.json
index f3901c52410ae..3ef2a8d5430d0 100644
--- a/packages/react-hooks/CHANGELOG.json
+++ b/packages/react-hooks/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-hooks",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-hooks_v8.6.28",
+      "version": "8.6.28",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-hooks",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/react-hooks_v8.6.27",
diff --git a/packages/react-hooks/CHANGELOG.md b/packages/react-hooks/CHANGELOG.md
index f1544a0c519d3..fc89119ae326d 100644
--- a/packages/react-hooks/CHANGELOG.md
+++ b/packages/react-hooks/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-hooks
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.6.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-hooks_v8.6.28)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-hooks_v8.6.27..@fluentui/react-hooks_v8.6.28)
+
+### Patches
+
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [8.6.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-hooks_v8.6.27)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json
index 49dd32b7dc6a0..7cbec867d4543 100644
--- a/packages/react-hooks/package.json
+++ b/packages/react-hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-hooks",
-  "version": "8.6.27",
+  "version": "8.6.28",
   "description": "Fluent UI React hooks.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@fluentui/react-window-provider": "^2.2.15",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/utilities": "^8.13.17",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-icon-provider/CHANGELOG.json b/packages/react-icon-provider/CHANGELOG.json
index 8cf18e7cc399b..4664346db0f12 100644
--- a/packages/react-icon-provider/CHANGELOG.json
+++ b/packages/react-icon-provider/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-icon-provider",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-icon-provider_v1.3.43",
+      "version": "1.3.43",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icon-provider",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/react-icon-provider_v1.3.42",
diff --git a/packages/react-icon-provider/CHANGELOG.md b/packages/react-icon-provider/CHANGELOG.md
index 5caa92c6a6205..d35e353fdd075 100644
--- a/packages/react-icon-provider/CHANGELOG.md
+++ b/packages/react-icon-provider/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-icon-provider
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.3.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.43)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icon-provider_v1.3.42..@fluentui/react-icon-provider_v1.3.43)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [1.3.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.42)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/react-icon-provider/package.json b/packages/react-icon-provider/package.json
index 03a1ac897e547..f20db2e1ebb43 100644
--- a/packages/react-icon-provider/package.json
+++ b/packages/react-icon-provider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icon-provider",
-  "version": "1.3.42",
+  "version": "1.3.43",
   "description": "Package for applying icon overrides to Fluent UI React SVG icons",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/style-utilities": "^8.9.14",
+    "@fluentui/style-utilities": "^8.9.15",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.json b/packages/react-icons-mdl2-branded/CHANGELOG.json
index 3e8e9d09e4e6a..b81193363d5fb 100644
--- a/packages/react-icons-mdl2-branded/CHANGELOG.json
+++ b/packages/react-icons-mdl2-branded/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-icons-mdl2-branded",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-icons-mdl2-branded_v1.2.47",
+      "version": "1.2.47",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-mdl2-branded",
+            "comment": "Bump @fluentui/react-icons-mdl2 to v1.3.46",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/react-icons-mdl2-branded_v1.2.46",
diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.md b/packages/react-icons-mdl2-branded/CHANGELOG.md
index 8adc10cce42f4..fe40350fbad16 100644
--- a/packages/react-icons-mdl2-branded/CHANGELOG.md
+++ b/packages/react-icons-mdl2-branded/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-icons-mdl2-branded
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.2.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.47)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2-branded_v1.2.46..@fluentui/react-icons-mdl2-branded_v1.2.47)
+
+### Patches
+
+- Bump @fluentui/react-icons-mdl2 to v1.3.46 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [1.2.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.46)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/react-icons-mdl2-branded/package.json b/packages/react-icons-mdl2-branded/package.json
index 58c3ab72f8ec8..669fca0d25fc8 100644
--- a/packages/react-icons-mdl2-branded/package.json
+++ b/packages/react-icons-mdl2-branded/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons-mdl2-branded",
-  "version": "1.2.46",
+  "version": "1.2.47",
   "description": "Branded SVG icons from the MDL2 icon set",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/react-icons-mdl2": "^1.3.45",
+    "@fluentui/react-icons-mdl2": "^1.3.46",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-icons-mdl2/CHANGELOG.json b/packages/react-icons-mdl2/CHANGELOG.json
index f2b4d822b3115..041ff3ad3a9a2 100644
--- a/packages/react-icons-mdl2/CHANGELOG.json
+++ b/packages/react-icons-mdl2/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-icons-mdl2",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-icons-mdl2_v1.3.46",
+      "version": "1.3.46",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-mdl2",
+            "comment": "Bump @fluentui/react-icon-provider to v1.3.43",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-mdl2",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/react-icons-mdl2_v1.3.45",
diff --git a/packages/react-icons-mdl2/CHANGELOG.md b/packages/react-icons-mdl2/CHANGELOG.md
index ca071fea699e4..0111c911ce224 100644
--- a/packages/react-icons-mdl2/CHANGELOG.md
+++ b/packages/react-icons-mdl2/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-icons-mdl2
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.3.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.46)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2_v1.3.45..@fluentui/react-icons-mdl2_v1.3.46)
+
+### Patches
+
+- Bump @fluentui/react-icon-provider to v1.3.43 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [1.3.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.45)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/react-icons-mdl2/package.json b/packages/react-icons-mdl2/package.json
index 90e09907a62e7..450005bfd9d2f 100644
--- a/packages/react-icons-mdl2/package.json
+++ b/packages/react-icons-mdl2/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons-mdl2",
-  "version": "1.3.45",
+  "version": "1.3.46",
   "description": "SVG icon components for @fluentui/react",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,9 +32,9 @@
   },
   "dependencies": {
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/react-icon-provider": "^1.3.42",
+    "@fluentui/react-icon-provider": "^1.3.43",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/utilities": "^8.13.17",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index 374791ed50932..756234f5e0087 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 07:36:29 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.101",
+      "version": "1.7.101",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.16.44",
+            "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.100",
+      "version": "1.7.100",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-hooks to v8.6.28",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.16.43",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.99",
+      "version": "1.7.99",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.16.42",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.98",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index 52db13fd2e8b3..2aa52133712b1 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,39 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.101](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.101)
+
+Tue, 20 Jun 2023 07:36:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.100..@fluentui/react-monaco-editor_v1.7.101)
+
+### Patches
+
+- Bump @fluentui/react-charting to v5.16.44 ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by beachball)
+
+## [1.7.100](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.100)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.99..@fluentui/react-monaco-editor_v1.7.100)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react-charting to v5.16.43 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [1.7.99](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.99)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.98..@fluentui/react-monaco-editor_v1.7.99)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+- Bump @fluentui/react-charting to v5.16.42 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [1.7.98](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.98)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index 8e6644693209f..91fa267cafe7e 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.98",
+  "version": "1.7.101",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,12 +30,12 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@fluentui/example-data": "^8.4.11",
     "@fluentui/monaco-editor": "^1.3.11",
-    "@fluentui/react-hooks": "^8.6.27",
-    "@fluentui/react-charting": "^5.16.41",
+    "@fluentui/react-hooks": "^8.6.28",
+    "@fluentui/react-charting": "^5.16.44",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"
diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json
index 724854116a26e..f05b08e765158 100644
--- a/packages/react/CHANGELOG.json
+++ b/packages/react/CHANGELOG.json
@@ -1,6 +1,90 @@
 {
   "name": "@fluentui/react",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:38 GMT",
+      "tag": "@fluentui/react_v8.110.4",
+      "version": "8.110.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/date-time-utilities to v8.5.13",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/foundation-legacy to v8.2.42",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.22",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/react-focus to v8.8.29",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/react-hooks to v8.6.28",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/style-utilities to v8.9.15",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/theme to v2.6.33",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/common-styles to v1.2.31",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/react_v8.110.3",
+      "version": "8.110.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react",
+            "commit": "4909ac04f54bad5d810758354093c899c11dfbc8",
+            "comment": "fix: revert column resize behavior for DetailsList"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/react_v8.110.2",
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 03c986de209ef..d72aebedae597 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,9 +1,36 @@
 # Change Log - @fluentui/react
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.110.4](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.110.4)
+
+Mon, 19 Jun 2023 07:36:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.110.3..@fluentui/react_v8.110.4)
+
+### Patches
+
+- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+- Bump @fluentui/date-time-utilities to v8.5.13 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/foundation-legacy to v8.2.42 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/font-icons-mdl2 to v8.5.22 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react-focus to v8.8.29 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/common-styles to v1.2.31 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.110.3](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.110.3)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.110.2..@fluentui/react_v8.110.3)
+
+### Patches
+
+- fix: revert column resize behavior for DetailsList ([PR #27418](https://github.com/microsoft/fluentui/pull/27418) by seanmonahan@microsoft.com)
+
 ## [8.110.2](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.110.2)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md
index 24aec2dc81885..705811e613ba9 100644
--- a/packages/react/etc/react.api.md
+++ b/packages/react/etc/react.api.md
@@ -561,7 +561,7 @@ export class BaseExtendedPicker<T, P extends IBaseExtendedPickerProps<T>> extend
     // (undocumented)
     protected onCopy: (ev: React_2.ClipboardEvent<HTMLElement>) => void;
     // (undocumented)
-    protected onInputChange: (value: string, composing?: boolean | undefined) => void;
+    protected onInputChange: (value: string, composing?: boolean) => void;
     // (undocumented)
     protected onInputClick: (ev: React_2.MouseEvent<HTMLInputElement | Autofill>) => void;
     // (undocumented)
@@ -1068,7 +1068,7 @@ export const CompactPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;
 export class CompactPeoplePickerBase extends BasePeoplePicker {
     static defaultProps: {
         onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
-        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps<any> | undefined) => JSX.Element;
+        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSX.Element;
         createGenericItem: typeof createGenericItem;
     };
 }
@@ -1117,7 +1117,7 @@ export const ContextualMenuItem: React_2.FunctionComponent<IContextualMenuItemPr
 export class ContextualMenuItemBase extends React_2.Component<IContextualMenuItemProps, {}> {
     constructor(props: IContextualMenuItemProps);
     // (undocumented)
-    dismissMenu: (dismissAll?: boolean | undefined) => void;
+    dismissMenu: (dismissAll?: boolean) => void;
     // (undocumented)
     dismissSubMenu: () => void;
     // (undocumented)
@@ -1322,7 +1322,7 @@ export class DetailsListBase extends React_2.Component<IDetailsListProps, IDetai
     // (undocumented)
     getStartItemIndexInView(): number;
     // (undocumented)
-    protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps> | undefined) => JSX.Element;
+    protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps>) => JSX.Element;
     // (undocumented)
     render(): JSX.Element;
     // (undocumented)
@@ -1712,7 +1712,7 @@ export { formProperties }
 export const getActivityItemClassNames: (styles: IActivityItemStyles, className: string, activityPersonas: Array<IPersonaProps>, isCompact: boolean) => IActivityItemClassNames;
 
 // @public (undocumented)
-export const getActivityItemStyles: (theme?: ITheme, customStyles?: IActivityItemStyles | undefined, animateBeaconSignal?: IActivityItemProps['animateBeaconSignal'], beaconColorOne?: IActivityItemProps['beaconColorOne'], beaconColorTwo?: IActivityItemProps['beaconColorTwo'], isCompact?: IActivityItemProps['isCompact']) => IActivityItemStyles;
+export const getActivityItemStyles: (theme?: ITheme, customStyles?: IActivityItemStyles, animateBeaconSignal?: IActivityItemProps['animateBeaconSignal'], beaconColorOne?: IActivityItemProps['beaconColorOne'], beaconColorTwo?: IActivityItemProps['beaconColorTwo'], isCompact?: IActivityItemProps['isCompact']) => IActivityItemStyles;
 
 // @public (undocumented)
 export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[];
@@ -1755,7 +1755,7 @@ export const getCommandButtonStyles: (customStyles: IButtonStyles | undefined) =
 // Warning: (ae-internal-missing-underscore) The name "getContextualMenuItemClassNames" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal @deprecated (undocumented)
-export const getContextualMenuItemClassNames: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string | undefined, dividerClassName?: string | undefined, iconClassName?: string | undefined, subMenuClassName?: string | undefined, primaryDisabled?: boolean | undefined, className?: string | undefined) => IContextualMenuItemStyles;
+export const getContextualMenuItemClassNames: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string, dividerClassName?: string, iconClassName?: string, subMenuClassName?: string, primaryDisabled?: boolean, className?: string) => IContextualMenuItemStyles;
 
 // @public
 export const getContextualMenuItemStyles: (props: IContextualMenuItemStyleProps) => IContextualMenuItemStyles;
@@ -1807,7 +1807,7 @@ export { getFocusOutlineStyle }
 export { getFocusStyle }
 
 // @public
-export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React_2.ReactElement<any, any> | null;
+export const getFontIcon: (iconName: string, className?: string, ariaLabel?: string) => React_2.ReactElement<any, any> | null;
 
 // @public
 export function getFullColorString(color: IColor): string;
@@ -1824,7 +1824,7 @@ export { getIcon }
 export { getIconClassName }
 
 // @public (undocumented)
-export const getIconContent: (iconName?: string | undefined) => IIconContent | null;
+export const getIconContent: (iconName?: string) => IIconContent | null;
 
 export { getId }
 
@@ -1880,7 +1880,7 @@ export const getNextResizeGroupStateProvider: (measurementCache?: {
     getCachedMeasurement: (data: any) => number | undefined;
     addMeasurementToCache: (data: any, measurement: number) => void;
 }) => {
-    getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number | undefined) => IResizeGroupState | undefined;
+    getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number) => IResizeGroupState | undefined;
     shouldRenderDataForMeasurement: (dataToMeasure: any | undefined) => boolean;
     getInitialResizeGroupState: (data: any) => IResizeGroupState;
 };
@@ -1927,7 +1927,7 @@ export function getShade(color: IColor, shade: Shade, isInverted?: boolean): ICo
 export const getShimmeredDetailsListStyles: (props: IShimmeredDetailsListStyleProps) => IShimmeredDetailsListStyles;
 
 // @public (undocumented)
-export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean | undefined) => ISplitButtonClassNames;
+export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean) => ISplitButtonClassNames;
 
 export { getStartDateOfWeek }
 
@@ -2079,7 +2079,7 @@ export class HoverCardBase extends React_2.Component<IHoverCardProps, IHoverCard
         type: HoverCardType;
     };
     // (undocumented)
-    dismiss: (withTimeOut?: boolean | undefined) => void;
+    dismiss: (withTimeOut?: boolean) => void;
     // (undocumented)
     render(): JSX.Element;
 }
@@ -9860,7 +9860,7 @@ export const ListPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;
 export class ListPeoplePickerBase extends MemberListPeoplePicker {
     static defaultProps: {
         onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
-        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps<any> | undefined) => JSX.Element;
+        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSX.Element;
         createGenericItem: typeof createGenericItem;
     };
 }
@@ -10012,7 +10012,7 @@ export const NormalPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;
 export class NormalPeoplePickerBase extends BasePeoplePicker {
     static defaultProps: {
         onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
-        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps<any> | undefined) => JSX.Element;
+        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSX.Element;
         createGenericItem: typeof createGenericItem;
     };
 }
@@ -10087,7 +10087,7 @@ export class PanelBase extends React_2.Component<IPanelProps, IPanelState> imple
     // (undocumented)
     static defaultProps: IPanelProps;
     // (undocumented)
-    dismiss: (ev?: KeyboardEvent | React_2.SyntheticEvent<HTMLElement, Event> | undefined) => void;
+    dismiss: (ev?: React_2.SyntheticEvent<HTMLElement> | KeyboardEvent) => void;
     // (undocumented)
     static getDerivedStateFromProps(nextProps: Readonly<IPanelProps>, prevState: Readonly<IPanelState>): Partial<IPanelState> | null;
     get isActive(): boolean;
@@ -10551,7 +10551,7 @@ export class ScrollablePaneBase extends React_2.Component<IScrollablePaneProps,
     // (undocumented)
     shouldComponentUpdate(nextProps: IScrollablePaneProps, nextState: IScrollablePaneState): boolean;
     // (undocumented)
-    sortSticky: (sticky: Sticky, sortAgain?: boolean | undefined) => void;
+    sortSticky: (sticky: Sticky, sortAgain?: boolean) => void;
     // (undocumented)
     get stickyAbove(): HTMLDivElement | null;
     // (undocumented)
@@ -11364,7 +11364,7 @@ export function useHeightOffset({ finalHeight }: IPositioningContainerProps, con
 export function useKeytipRef<TElement extends HTMLElement = HTMLElement>(options: KeytipDataOptions): React_2.Ref<TElement>;
 
 // @public
-export const useResponsiveMode: (elementRef: React_2.RefObject<HTMLElement | null>, overrideResponsiveMode?: ResponsiveMode | undefined) => ResponsiveMode;
+export const useResponsiveMode: (elementRef: React_2.RefObject<HTMLElement | null>, overrideResponsiveMode?: ResponsiveMode) => ResponsiveMode;
 
 // @public @deprecated
 export type UseStylesOptions = {
diff --git a/packages/react/package.json b/packages/react/package.json
index 17b2a75faa83c..4d4765ddea914 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react",
-  "version": "8.110.2",
+  "version": "8.110.4",
   "description": "Reusable React components for building web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,7 +33,7 @@
     "mf": "just-scripts mf"
   },
   "devDependencies": {
-    "@fluentui/common-styles": "^1.2.30",
+    "@fluentui/common-styles": "^1.2.31",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/example-data": "^8.4.11",
     "@fluentui/jest-serializer-merge-styles": "^8.0.29",
@@ -47,18 +47,18 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/date-time-utilities": "^8.5.12",
-    "@fluentui/foundation-legacy": "^8.2.41",
-    "@fluentui/font-icons-mdl2": "^8.5.21",
+    "@fluentui/date-time-utilities": "^8.5.13",
+    "@fluentui/foundation-legacy": "^8.2.42",
+    "@fluentui/font-icons-mdl2": "^8.5.22",
     "@fluentui/merge-styles": "^8.5.12",
-    "@fluentui/react-focus": "^8.8.28",
-    "@fluentui/react-hooks": "^8.6.27",
+    "@fluentui/react-focus": "^8.8.29",
+    "@fluentui/react-hooks": "^8.6.28",
     "@fluentui/react-portal-compat-context": "^9.0.6",
     "@fluentui/react-window-provider": "^2.2.15",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/style-utilities": "^8.9.14",
-    "@fluentui/theme": "^2.6.32",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/style-utilities": "^8.9.15",
+    "@fluentui/theme": "^2.6.33",
+    "@fluentui/utilities": "^8.13.17",
     "@microsoft/load-themed-styles": "^1.10.26",
     "tslib": "^2.1.0"
   },
diff --git a/packages/react/src/components/DetailsList/DetailsList.base.tsx b/packages/react/src/components/DetailsList/DetailsList.base.tsx
index 67410fc3a4a13..c615531a49f50 100644
--- a/packages/react/src/components/DetailsList/DetailsList.base.tsx
+++ b/packages/react/src/components/DetailsList/DetailsList.base.tsx
@@ -1326,6 +1326,7 @@ export class DetailsListBase extends React.Component<IDetailsListProps, IDetails
       selectionMode !== SelectionMode.none && checkboxVisibility !== CheckboxVisibility.hidden ? CHECKBOX_WIDTH : 0;
     const groupExpandWidth = this._getGroupNestingDepth() * GROUP_EXPAND_WIDTH;
     let totalWidth = 0; // offset because we have one less inner padding.
+    let minimumWidth = 0;
     const availableWidth = viewportWidth - (rowCheckWidth + groupExpandWidth);
     const adjustedColumns: IColumn[] = newColumns.map((column, i) => {
       const baseColumn = {
@@ -1338,6 +1339,11 @@ export class DetailsListBase extends React.Component<IDetailsListProps, IDetails
         ...this._columnOverrides[column.key],
       };
 
+      // eslint-disable-next-line deprecation/deprecation
+      if (!(baseColumn.isCollapsible || baseColumn.isCollapsable)) {
+        minimumWidth += getPaddedWidth(baseColumn, props);
+      }
+
       totalWidth += getPaddedWidth(newColumn, props);
 
       return newColumn;
@@ -1359,8 +1365,11 @@ export class DetailsListBase extends React.Component<IDetailsListProps, IDetails
       // eslint-disable-next-line deprecation/deprecation
       if (column.calculatedWidth! - minWidth >= overflowWidth || !(column.isCollapsible || column.isCollapsable)) {
         const originalWidth = column.calculatedWidth!;
-        column.calculatedWidth = Math.max(column.calculatedWidth! - overflowWidth, minWidth);
-        totalWidth -= originalWidth - column.calculatedWidth;
+        if (minimumWidth < availableWidth) {
+          // Only adjust in cases where all the columns fit within the viewport
+          column.calculatedWidth = Math.max(column.calculatedWidth! - overflowWidth, minWidth);
+        }
+        totalWidth -= originalWidth - column.calculatedWidth!;
       } else {
         totalWidth -= getPaddedWidth(column, props);
         adjustedColumns.splice(lastIndex, 1);
diff --git a/packages/scheme-utilities/CHANGELOG.json b/packages/scheme-utilities/CHANGELOG.json
index 08ea51997e0ad..a4a2a6a5eb059 100644
--- a/packages/scheme-utilities/CHANGELOG.json
+++ b/packages/scheme-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/scheme-utilities",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/scheme-utilities_v8.3.34",
+      "version": "8.3.34",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/scheme-utilities",
+            "comment": "Bump @fluentui/theme to v2.6.33",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/scheme-utilities_v8.3.33",
diff --git a/packages/scheme-utilities/CHANGELOG.md b/packages/scheme-utilities/CHANGELOG.md
index e1ce0b59d124d..f5f6d10d72a1f 100644
--- a/packages/scheme-utilities/CHANGELOG.md
+++ b/packages/scheme-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/scheme-utilities
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.3.34](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.34)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/scheme-utilities_v8.3.33..@fluentui/scheme-utilities_v8.3.34)
+
+### Patches
+
+- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [8.3.33](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.33)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/scheme-utilities/package.json b/packages/scheme-utilities/package.json
index b018ae82b1797..69ba0f4c80ec7 100644
--- a/packages/scheme-utilities/package.json
+++ b/packages/scheme-utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/scheme-utilities",
-  "version": "8.3.33",
+  "version": "8.3.34",
   "description": "Fluent UI React subtheme generator.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/theme": "^2.6.32",
+    "@fluentui/theme": "^2.6.33",
     "@fluentui/set-version": "^8.2.11",
     "tslib": "^2.1.0"
   },
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index f4501da024922..f2709827aabe7 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -22,13 +22,13 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
-    "@fluentui/theme": "^2.6.32",
+    "@fluentui/react": "^8.110.4",
+    "@fluentui/theme": "^2.6.33",
     "@storybook/addon-knobs": "6.4.0",
     "@storybook/addon-essentials": "6.5.15",
     "@storybook/addons": "6.5.15",
-    "@fluentui/azure-themes": "^8.6.16",
-    "@fluentui/theme-samples": "^8.7.95",
+    "@fluentui/azure-themes": "^8.6.18",
+    "@fluentui/theme-samples": "^8.7.97",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/style-utilities/CHANGELOG.json b/packages/style-utilities/CHANGELOG.json
index 3eb42335adde0..cd45d3fd14e2d 100644
--- a/packages/style-utilities/CHANGELOG.json
+++ b/packages/style-utilities/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/style-utilities",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/style-utilities_v8.9.15",
+      "version": "8.9.15",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/style-utilities",
+            "comment": "Bump @fluentui/theme to v2.6.33",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/style-utilities",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/style-utilities_v8.9.14",
diff --git a/packages/style-utilities/CHANGELOG.md b/packages/style-utilities/CHANGELOG.md
index 198bcbf0a54a5..119872b558982 100644
--- a/packages/style-utilities/CHANGELOG.md
+++ b/packages/style-utilities/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/style-utilities
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.9.15](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.9.15)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/style-utilities_v8.9.14..@fluentui/style-utilities_v8.9.15)
+
+### Patches
+
+- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [8.9.14](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.9.14)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/style-utilities/package.json b/packages/style-utilities/package.json
index f591967e87dc4..f03b0d37632a7 100644
--- a/packages/style-utilities/package.json
+++ b/packages/style-utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/style-utilities",
-  "version": "8.9.14",
+  "version": "8.9.15",
   "description": "Styling helpers for Fluent UI React.",
   "repository": {
     "type": "git",
@@ -32,10 +32,10 @@
   },
   "dependencies": {
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/theme": "^2.6.32",
+    "@fluentui/theme": "^2.6.33",
     "@fluentui/merge-styles": "^8.5.12",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/utilities": "^8.13.17",
     "tslib": "^2.1.0"
   },
   "exports": {
diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json
index 6103261b799e3..c566d500af6d5 100644
--- a/packages/theme-samples/CHANGELOG.json
+++ b/packages/theme-samples/CHANGELOG.json
@@ -1,6 +1,42 @@
 {
   "name": "@fluentui/theme-samples",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/theme-samples_v8.7.97",
+      "version": "8.7.97",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme-samples",
+            "comment": "Bump @fluentui/react to v8.110.4",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme-samples",
+            "comment": "Bump @fluentui/scheme-utilities to v8.3.34",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 14 Jun 2023 07:38:33 GMT",
+      "tag": "@fluentui/theme-samples_v8.7.96",
+      "version": "8.7.96",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme-samples",
+            "comment": "Bump @fluentui/react to v8.110.3",
+            "commit": "122c0d6057ad16e9e005e68214b083a77686d1df"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 08 Jun 2023 07:35:14 GMT",
       "tag": "@fluentui/theme-samples_v8.7.95",
diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md
index 9455d1fb85b8c..f592cb269ac74 100644
--- a/packages/theme-samples/CHANGELOG.md
+++ b/packages/theme-samples/CHANGELOG.md
@@ -1,9 +1,28 @@
 # Change Log - @fluentui/theme-samples
 
-This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.7.97](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.97)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.96..@fluentui/theme-samples_v8.7.97)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+- Bump @fluentui/scheme-utilities to v8.3.34 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
+## [8.7.96](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.96)
+
+Wed, 14 Jun 2023 07:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.95..@fluentui/theme-samples_v8.7.96)
+
+### Patches
+
+- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball)
+
 ## [8.7.95](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.95)
 
 Thu, 08 Jun 2023 07:35:14 GMT 
diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json
index cc89447c99bf3..8282a6561488c 100644
--- a/packages/theme-samples/package.json
+++ b/packages/theme-samples/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/theme-samples",
-  "version": "8.7.95",
+  "version": "8.7.97",
   "description": "Sample themes for use with Fabric components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,9 +27,9 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.2",
+    "@fluentui/react": "^8.110.4",
     "@fluentui/set-version": "^8.2.11",
-    "@fluentui/scheme-utilities": "^8.3.33",
+    "@fluentui/scheme-utilities": "^8.3.34",
     "tslib": "^2.1.0"
   },
   "exports": {
diff --git a/packages/theme/CHANGELOG.json b/packages/theme/CHANGELOG.json
index 61fe5e4ca0db5..8c508cc1a01da 100644
--- a/packages/theme/CHANGELOG.json
+++ b/packages/theme/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/theme",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:39 GMT",
+      "tag": "@fluentui/theme_v2.6.33",
+      "version": "2.6.33",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme",
+            "comment": "Bump @fluentui/utilities to v8.13.17",
+            "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/theme_v2.6.32",
diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md
index 648277bbde1ef..037ccae72436f 100644
--- a/packages/theme/CHANGELOG.md
+++ b/packages/theme/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/theme
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.6.33](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.33)
+
+Mon, 19 Jun 2023 07:36:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.6.32..@fluentui/theme_v2.6.33)
+
+### Patches
+
+- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball)
+
 ## [2.6.32](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.32)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/theme/package.json b/packages/theme/package.json
index 8fdc5fc5cdfbe..367b4ef58314e 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/theme",
-  "version": "2.6.32",
+  "version": "2.6.33",
   "description": "Basic building blocks for Fluent UI React Component themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@fluentui/merge-styles": "^8.5.12",
-    "@fluentui/utilities": "^8.13.16",
+    "@fluentui/utilities": "^8.13.17",
     "@fluentui/set-version": "^8.2.11",
     "tslib": "^2.1.0"
   },
diff --git a/packages/tokens/CHANGELOG.json b/packages/tokens/CHANGELOG.json
index 6e3205c1ab2d4..82d8ceda0f392 100644
--- a/packages/tokens/CHANGELOG.json
+++ b/packages/tokens/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/tokens",
   "entries": [
+    {
+      "date": "Tue, 20 Jun 2023 12:39:07 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.6",
+      "version": "1.0.0-alpha.6",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693",
+            "comment": "Add/update theme tokens"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/tokens",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "fix:  cast to String keys interpolated within string literals"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 24 May 2023 20:45:37 GMT",
       "tag": "@fluentui/tokens_v1.0.0-alpha.5",
diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md
index 3aa4edcd3dfe5..6a7e84957f5b6 100644
--- a/packages/tokens/CHANGELOG.md
+++ b/packages/tokens/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/tokens
 
-This log was last generated on Fri, 12 May 2023 20:28:07 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.6)
+
+Tue, 20 Jun 2023 12:39:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.5..@fluentui/tokens_v1.0.0-alpha.6)
+
+### Changes
+
+- Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com)
+- fix:  cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
 ## [1.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.5)
 
 Fri, 12 May 2023 20:28:07 GMT 
diff --git a/packages/tokens/etc/tokens.api.md b/packages/tokens/etc/tokens.api.md
index 35035b9c21f26..fc0282dee28a7 100644
--- a/packages/tokens/etc/tokens.api.md
+++ b/packages/tokens/etc/tokens.api.md
@@ -164,6 +164,8 @@ export type ColorTokens = {
     colorCompoundBrandForeground1Pressed: string;
     colorBrandForeground1: string;
     colorBrandForeground2: string;
+    colorBrandForeground2Hover: string;
+    colorBrandForeground2Pressed: string;
     colorNeutralForeground1Static: string;
     colorNeutralForegroundInverted: string;
     colorNeutralForegroundInvertedHover: string;
@@ -240,6 +242,8 @@ export type ColorTokens = {
     colorCompoundBrandBackgroundPressed: string;
     colorBrandBackgroundStatic: string;
     colorBrandBackground2: string;
+    colorBrandBackground2Hover: string;
+    colorBrandBackground2Pressed: string;
     colorBrandBackgroundInverted: string;
     colorBrandBackgroundInvertedHover: string;
     colorBrandBackgroundInvertedPressed: string;
@@ -254,6 +258,7 @@ export type ColorTokens = {
     colorNeutralStroke1Selected: string;
     colorNeutralStroke2: string;
     colorNeutralStroke3: string;
+    colorNeutralStrokeSubtle: string;
     colorNeutralStrokeOnBrand: string;
     colorNeutralStrokeOnBrand2: string;
     colorNeutralStrokeOnBrand2Hover: string;
@@ -261,6 +266,8 @@ export type ColorTokens = {
     colorNeutralStrokeOnBrand2Selected: string;
     colorBrandStroke1: string;
     colorBrandStroke2: string;
+    colorBrandStroke2Hover: string;
+    colorBrandStroke2Pressed: string;
     colorCompoundBrandStroke: string;
     colorCompoundBrandStrokeHover: string;
     colorCompoundBrandStrokePressed: string;
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
index 7bd4c1ce2836d..4ffd22714da84 100644
--- a/packages/tokens/package.json
+++ b/packages/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/tokens",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.6",
   "description": "Fluent UI Theme Tokens",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/tokens/src/alias/darkColor.ts b/packages/tokens/src/alias/darkColor.ts
index db18339eeef36..b6ff7343675d3 100644
--- a/packages/tokens/src/alias/darkColor.ts
+++ b/packages/tokens/src/alias/darkColor.ts
@@ -39,6 +39,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90
   colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100
   colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110
+  colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130
+  colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160
   colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14
   colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White
   colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14
@@ -114,7 +116,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110
   colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90
   colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80
-  colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40
+  colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20
+  colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40
+  colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10
   colorBrandBackgroundInverted: white, // #ffffff Global.Color.White
   colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160
   colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140
@@ -129,6 +133,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44
   colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32
   colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24
+  colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4
   colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16
   colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White
   colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White
@@ -136,6 +141,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White
   colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100
   colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50
+  colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50
+  colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30
   colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100
   colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110
   colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90
diff --git a/packages/tokens/src/alias/highContrastColor.ts b/packages/tokens/src/alias/highContrastColor.ts
index 3314730506e29..1eebd76f9dba8 100644
--- a/packages/tokens/src/alias/highContrastColor.ts
+++ b/packages/tokens/src/alias/highContrastColor.ts
@@ -48,7 +48,9 @@ export const generateColorTokens = (): ColorTokens => ({
   colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight
   colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight
   colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText
-  colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText
+  colorBrandForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText
+  colorBrandForeground2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText
+  colorBrandForeground2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText
   colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas
   colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText
   colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText
@@ -124,7 +126,9 @@ export const generateColorTokens = (): ColorTokens => ({
   colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight
   colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight
   colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas
-  colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace
+  colorBrandBackground2: hcCanvas, // Canvas Global.Color.hcCanvas
+  colorBrandBackground2Hover: hcCanvas, // Canvas Global.Color.hcCanvas
+  colorBrandBackground2Pressed: hcCanvas, // Canvas Global.Color.hcCanvas
   colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace
   colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight
   colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight
@@ -139,6 +143,7 @@ export const generateColorTokens = (): ColorTokens => ({
   colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight
   colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText
   colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText
+  colorNeutralStrokeSubtle: hcCanvasText, // CanvasText Global.Color.hcCanvasText
   colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas
   colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText
   colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText
@@ -146,6 +151,8 @@ export const generateColorTokens = (): ColorTokens => ({
   colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText
   colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText
   colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText
+  colorBrandStroke2Hover: hcHighlight, // Highlight Global.Color.hcHighlight
+  colorBrandStroke2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight
   colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight
   colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight
   colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight
diff --git a/packages/tokens/src/alias/lightColor.ts b/packages/tokens/src/alias/lightColor.ts
index a638bd7fa1723..313605b93896e 100644
--- a/packages/tokens/src/alias/lightColor.ts
+++ b/packages/tokens/src/alias/lightColor.ts
@@ -39,6 +39,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60
   colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80
   colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70
+  colorBrandForeground2Hover: brand[60], // #005a9e Global.Color.Brand.60
+  colorBrandForeground2Pressed: brand[30], // #043862 Global.Color.Brand.30
   colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14
   colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White
   colorNeutralForegroundInverted: white, // #ffffff Global.Color.White
@@ -115,6 +117,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60
   colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80
   colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160
+  colorBrandBackground2Hover: brand[150], // #deecf9 Global.Color.Brand.150
+  colorBrandBackground2Pressed: brand[130], // #82c7ff Global.Color.Brand.130
   colorBrandBackgroundInverted: white, // #ffffff Global.Color.White
   colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160
   colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140
@@ -129,6 +133,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74
   colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88
   colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94
+  colorNeutralStrokeSubtle: grey[88], // #e0e0e0 Global.Color.Grey.88
   colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White
   colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White
   colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White
@@ -136,6 +141,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White
   colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80
   colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140
+  colorBrandStroke2Hover: brand[120], // #6cb8f6 Global.Color.Brand.120
+  colorBrandStroke2Pressed: brand[80], // #0078d4 Global.Color.Brand.80
   colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80
   colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70
   colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60
diff --git a/packages/tokens/src/alias/teamsDarkColor.ts b/packages/tokens/src/alias/teamsDarkColor.ts
index bf1b30e9e23ae..181e6b1e02e0b 100644
--- a/packages/tokens/src/alias/teamsDarkColor.ts
+++ b/packages/tokens/src/alias/teamsDarkColor.ts
@@ -39,6 +39,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90
   colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100
   colorBrandForeground2: brand[120], // #6cb8f6 Global.Color.Brand.120
+  colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130
+  colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160
   colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14
   colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White
   colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14
@@ -114,7 +116,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110
   colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90
   colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80
-  colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40
+  colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20
+  colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40
+  colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10
   colorBrandBackgroundInverted: white, // #ffffff Global.Color.White
   colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160
   colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140
@@ -129,6 +133,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44
   colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32
   colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24
+  colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4
   colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16
   colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White
   colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White
@@ -136,6 +141,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({
   colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White
   colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100
   colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50
+  colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50
+  colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30
   colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90
   colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100
   colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80
diff --git a/packages/tokens/src/themeToTokensObject.ts b/packages/tokens/src/themeToTokensObject.ts
index 25189f147d874..f6c6473a46698 100644
--- a/packages/tokens/src/themeToTokensObject.ts
+++ b/packages/tokens/src/themeToTokensObject.ts
@@ -12,7 +12,7 @@ export function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record
   const tokens = {} as Record<keyof TTheme, string>;
   const keys = Object.keys(theme) as (keyof TTheme)[];
   for (const key of keys) {
-    tokens[key] = `var(--${key})`;
+    tokens[key] = `var(--${String(key)})`;
   }
   return tokens;
 }
diff --git a/packages/tokens/src/tokens.ts b/packages/tokens/src/tokens.ts
index 20115b8d4d85c..79a4f0823b1aa 100644
--- a/packages/tokens/src/tokens.ts
+++ b/packages/tokens/src/tokens.ts
@@ -47,6 +47,8 @@ export const tokens: Record<keyof Theme, string> = {
   colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
   colorBrandForeground1: 'var(--colorBrandForeground1)',
   colorBrandForeground2: 'var(--colorBrandForeground2)',
+  colorBrandForeground2Hover: 'var(--colorBrandForeground2Hover)',
+  colorBrandForeground2Pressed: 'var(--colorBrandForeground2Pressed)',
   colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
   colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
   colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
@@ -112,6 +114,8 @@ export const tokens: Record<keyof Theme, string> = {
   colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
   colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
   colorBrandBackground2: 'var(--colorBrandBackground2)',
+  colorBrandBackground2Hover: 'var(--colorBrandBackground2Hover)',
+  colorBrandBackground2Pressed: 'var(--colorBrandBackground2Pressed)',
   colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
   colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
   colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
@@ -126,6 +130,7 @@ export const tokens: Record<keyof Theme, string> = {
   colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
   colorNeutralStroke2: 'var(--colorNeutralStroke2)',
   colorNeutralStroke3: 'var(--colorNeutralStroke3)',
+  colorNeutralStrokeSubtle: 'var(--colorNeutralStrokeSubtle)',
   colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
   colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
   colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
@@ -133,6 +138,8 @@ export const tokens: Record<keyof Theme, string> = {
   colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
   colorBrandStroke1: 'var(--colorBrandStroke1)',
   colorBrandStroke2: 'var(--colorBrandStroke2)',
+  colorBrandStroke2Hover: 'var(--colorBrandStroke2Hover)',
+  colorBrandStroke2Pressed: 'var(--colorBrandStroke2Pressed)',
   colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
   colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
   colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
diff --git a/packages/tokens/src/types.ts b/packages/tokens/src/types.ts
index 7f5ee40270aeb..9f07e8e9d1528 100644
--- a/packages/tokens/src/types.ts
+++ b/packages/tokens/src/types.ts
@@ -38,6 +38,8 @@ export type ColorTokens = {
   colorCompoundBrandForeground1Pressed: string;
   colorBrandForeground1: string;
   colorBrandForeground2: string;
+  colorBrandForeground2Hover: string;
+  colorBrandForeground2Pressed: string;
   colorNeutralForeground1Static: string;
   colorNeutralForegroundInverted: string;
   colorNeutralForegroundInvertedHover: string;
@@ -114,6 +116,8 @@ export type ColorTokens = {
   colorCompoundBrandBackgroundPressed: string;
   colorBrandBackgroundStatic: string;
   colorBrandBackground2: string;
+  colorBrandBackground2Hover: string;
+  colorBrandBackground2Pressed: string;
   colorBrandBackgroundInverted: string;
   colorBrandBackgroundInvertedHover: string;
   colorBrandBackgroundInvertedPressed: string;
@@ -128,6 +132,7 @@ export type ColorTokens = {
   colorNeutralStroke1Selected: string;
   colorNeutralStroke2: string;
   colorNeutralStroke3: string;
+  colorNeutralStrokeSubtle: string;
   colorNeutralStrokeOnBrand: string;
   colorNeutralStrokeOnBrand2: string;
   colorNeutralStrokeOnBrand2Hover: string;
@@ -135,6 +140,8 @@ export type ColorTokens = {
   colorNeutralStrokeOnBrand2Selected: string;
   colorBrandStroke1: string;
   colorBrandStroke2: string;
+  colorBrandStroke2Hover: string;
+  colorBrandStroke2Pressed: string;
   colorCompoundBrandStroke: string;
   colorCompoundBrandStrokeHover: string;
   colorCompoundBrandStrokePressed: string;
diff --git a/packages/utilities/CHANGELOG.json b/packages/utilities/CHANGELOG.json
index 1b744fcf48a5a..687ed050af816 100644
--- a/packages/utilities/CHANGELOG.json
+++ b/packages/utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/utilities",
   "entries": [
+    {
+      "date": "Mon, 19 Jun 2023 07:36:38 GMT",
+      "tag": "@fluentui/utilities_v8.13.17",
+      "version": "8.13.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/utilities",
+            "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20",
+            "comment": "fix: cast to String keys interpolated within string literals"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 01 Jun 2023 07:38:37 GMT",
       "tag": "@fluentui/utilities_v8.13.16",
diff --git a/packages/utilities/CHANGELOG.md b/packages/utilities/CHANGELOG.md
index 2751822ea4d37..5d74883d43d4f 100644
--- a/packages/utilities/CHANGELOG.md
+++ b/packages/utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/utilities
 
-This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.17](https://github.com/microsoft/fluentui/tree/@fluentui/utilities_v8.13.17)
+
+Mon, 19 Jun 2023 07:36:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/utilities_v8.13.16..@fluentui/utilities_v8.13.17)
+
+### Patches
+
+- fix: cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com)
+
 ## [8.13.16](https://github.com/microsoft/fluentui/tree/@fluentui/utilities_v8.13.16)
 
 Thu, 01 Jun 2023 07:38:37 GMT 
diff --git a/packages/utilities/package.json b/packages/utilities/package.json
index 5ab6ca2825af2..c53284b241609 100644
--- a/packages/utilities/package.json
+++ b/packages/utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/utilities",
-  "version": "8.13.16",
+  "version": "8.13.17",
   "description": "Fluent UI React utilities for building components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/utilities/src/warn/warnControlledUsage.ts b/packages/utilities/src/warn/warnControlledUsage.ts
index 0ce94b86f3176..faf98d8f8221d 100644
--- a/packages/utilities/src/warn/warnControlledUsage.ts
+++ b/packages/utilities/src/warn/warnControlledUsage.ts
@@ -74,9 +74,11 @@ export function warnControlledUsage<P>(params: IWarnControlledUsageParams<P>): v
       if (!(hasOnChange || isReadOnly) && !warningsMap.valueOnChange[componentId]) {
         warningsMap.valueOnChange[componentId] = true;
         warn(
-          `Warning: You provided a '${valueProp}' prop to a ${componentName} without an '${onChangeProp}' handler. ` +
-            `This will render a read-only field. If the field should be mutable use '${defaultValueProp}'. ` +
-            `Otherwise, set '${onChangeProp}'${readOnlyProp ? ` or '${readOnlyProp}'` : ''}.`,
+          `Warning: You provided a '${String(valueProp)}' prop to a ${String(componentName)} without an '${String(
+            onChangeProp,
+          )}' handler. ` +
+            `This will render a read-only field. If the field should be mutable use '${String(defaultValueProp)}'. ` +
+            `Otherwise, set '${String(onChangeProp)}'${readOnlyProp ? ` or '${String(readOnlyProp)}'` : ''}.`,
         );
       }
 
@@ -85,9 +87,13 @@ export function warnControlledUsage<P>(params: IWarnControlledUsageParams<P>): v
       if (defaultValue !== undefined && defaultValue !== null && !warningsMap.valueDefaultValue[componentId]) {
         warningsMap.valueDefaultValue[componentId] = true;
         warn(
-          `Warning: You provided both '${valueProp}' and '${defaultValueProp}' to a ${componentName}. ` +
-            `Form fields must be either controlled or uncontrolled (specify either the '${valueProp}' prop, ` +
-            `or the '${defaultValueProp}' prop, but not both). Decide between using a controlled or uncontrolled ` +
+          `Warning: You provided both '${String(valueProp)}' and '${String(
+            defaultValueProp,
+          )}' to a ${componentName}. ` +
+            `Form fields must be either controlled or uncontrolled (specify either the '${String(valueProp)}' prop, ` +
+            `or the '${String(
+              defaultValueProp,
+            )}' prop, but not both). Decide between using a controlled or uncontrolled ` +
             `${componentName} and remove one of these props. More info: https://fb.me/react-controlled-components`,
         );
       }
diff --git a/scripts/storybook/src/utils.js b/scripts/storybook/src/utils.js
index f38cdf5e6efbf..d7c2965828763 100644
--- a/scripts/storybook/src/utils.js
+++ b/scripts/storybook/src/utils.js
@@ -208,16 +208,15 @@ function _createCodesandboxRule(allPackageInfo = getAllPackageInfo()) {
 function getPackageStoriesGlob(options) {
   const projectMetadata = getProjectMetadata({ name: options.packageName });
 
-  /** @type {Record<string,unknown>} */
+  /** @type {{name:string;version:string;dependencies?:Record<string,string>}} */
   const packageJson = JSON.parse(
     fs.readFileSync(path.resolve(workspaceRoot, projectMetadata.root, 'package.json'), 'utf-8'),
   );
 
-  const dependencies = /** @type {Record<string,string>} */ (
-    Object.assign(packageJson.dependencies, {
-      [options.packageName]: '*',
-    })
-  );
+  packageJson.dependencies = packageJson.dependencies ?? {};
+  const dependencies = Object.assign(packageJson.dependencies, {
+    [options.packageName]: '*',
+  });
   const rootOffset = offsetFromRoot(options.callerPath.replace(workspaceRoot, ''));
 
   return Object.keys(dependencies)
diff --git a/scripts/tasks/src/bundle-size-collect.ts b/scripts/tasks/src/bundle-size-collect.ts
deleted file mode 100644
index 75e82c70ba399..0000000000000
--- a/scripts/tasks/src/bundle-size-collect.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-
-export function bundleSizeCollect() {
-  // This script collates bundle size information from
-  // minified files in apps/test-bundles/dist and writes to
-  // apps/test-bundles/dist/bundlesizes.json.
-  // It is uploaded as an artifact by the build definition in
-  // Azure Dev Ops and used to compare baseline and PR file size
-  // information which gets reported by Size Auditor
-
-  const distRoot = path.join(__dirname, '../../apps/test-bundles/dist');
-  const sizes: Record<string, number> = {};
-  const outputFilename = 'bundlesize.json';
-
-  const items = fs.readdirSync(distRoot);
-  items.forEach(item => {
-    const file = path.join(distRoot, item);
-
-    const isMinifiedJavascriptFile = item.match(/.min.js$/);
-    if (isMinifiedJavascriptFile) {
-      sizes[getComponentName(item)] = getFilesizeInBytes(file);
-    }
-  });
-
-  fs.writeFileSync(path.join(distRoot, outputFilename), JSON.stringify({ sizes }));
-
-  function getFilesizeInBytes(fileName: string) {
-    return fs.statSync(fileName).size;
-  }
-
-  function getComponentName(fileName: string) {
-    return path.basename(fileName, '.min.js');
-  }
-}
diff --git a/scripts/tasks/src/utils.spec.ts b/scripts/tasks/src/utils.spec.ts
index 56e35def7e657..84489ea9a4f4b 100644
--- a/scripts/tasks/src/utils.spec.ts
+++ b/scripts/tasks/src/utils.spec.ts
@@ -43,10 +43,13 @@ describe(`utils`, () => {
         definitionsRootPath: 'dist/for/types',
       });
 
-      expect(actual.overrideTsconfig.compilerOptions).toEqual(expect.objectContaining({ paths: undefined }));
+      expect(actual.overrideTsconfig.compilerOptions).toEqual(
+        expect.objectContaining({ paths: undefined, baseUrl: '.' }),
+      );
     });
 
-    it(`should override path aliases to emitted declaration files instead of source files`, () => {
+    // This is not used unless api-extractor resolves resolving workspace d.ts packages - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339
+    it.skip(`should override path aliases to emitted declaration files instead of source files`, () => {
       const actual = setup({
         definitionsRootPath: 'dist/for/types',
         pathAliasesTsConfigPath: path.join(workspaceRoot, 'tsconfig.base.json'),
diff --git a/scripts/tasks/src/utils.ts b/scripts/tasks/src/utils.ts
index dca9655a30960..c1af3d56e6b29 100644
--- a/scripts/tasks/src/utils.ts
+++ b/scripts/tasks/src/utils.ts
@@ -108,6 +108,8 @@ function enableAllowSyntheticDefaultImports(options: { pkgJson: PackageJson }) {
   return shouldEnable ? { allowSyntheticDefaultImports: true } : null;
 }
 
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore - 💡 NOTE: this is not used unless api-extractor resolves resolving workspace d.ts packages - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339
 function createNormalizedTsPaths(options: { definitionsRootPath: string; pathAliasesTsConfigPath: string }) {
   type PathAliases = Record<string, string[]>;
   const { definitionsRootPath, pathAliasesTsConfigPath } = options;
@@ -132,14 +134,16 @@ export function getTsPathAliasesApiExtractorConfig(options: {
   definitionsRootPath: string;
   pathAliasesTsConfigPath?: string;
 }) {
-  const { packageJson, tsConfig, pathAliasesTsConfigPath, definitionsRootPath } = options;
+  const { packageJson, tsConfig /* , pathAliasesTsConfigPath, definitionsRootPath */ } = options;
   /**
    * Because api-extractor ran into race conditions when executing via lage (https://github.com/microsoft/fluentui/issues/25766),
    * we won't use path aliases on CI, rather serving api-extractor rolluped dts files cross package, that will be referenced via yarn workspace sym-links
+   *
+   * 💡 NOTE: this is not used unless api-extractor resolves resolving workspace d.ts packages - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339
    */
-  const normalizedPaths = pathAliasesTsConfigPath
-    ? createNormalizedTsPaths({ definitionsRootPath, pathAliasesTsConfigPath })
-    : undefined;
+  // const normalizedPaths = pathAliasesTsConfigPath
+  //   ? createNormalizedTsPaths({ definitionsRootPath, pathAliasesTsConfigPath })
+  //   : undefined;
 
   /**
    * Customized TSConfig that uses `tsconfig.lib.json` as base with some required overrides:
@@ -166,10 +170,13 @@ export function getTsPathAliasesApiExtractorConfig(options: {
        */
       skipLibCheck: false,
       /**
-       * just-scripts provides invalid types for tsconfig, thus `paths` cannot be set to dictionary,nor null or `{}`
+       * api-extractor introduced a "feature" which is actually a bug and makes using path aliases impossible
+       * - with this api extractor change user is forced to rely on yarn/npm "workspace" symlinks in order to determine that inner workspace package should not be bundled in type definition rollup/api.md
+       * - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339
+       *
        */
-      // @ts-expect-error - just-scripts provides invalid types
-      paths: normalizedPaths,
+      paths: undefined,
+      baseUrl: '.',
     },
   };
 
diff --git a/tools/generators/cypress-component-configuration/README.md b/tools/generators/cypress-component-configuration/README.md
new file mode 100644
index 0000000000000..ebcbdfdbc4b6e
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/README.md
@@ -0,0 +1,38 @@
+# cypress-component-configuration
+
+Workspace Generator for setting up Cypress component testing for a project
+
+<!-- toc -->
+
+- [Usage](#usage)
+  - [Examples](#examples)
+- [Options](#options)
+  - [`project`](#project)
+
+<!-- tocstop -->
+
+## Usage
+
+```sh
+yarn nx workspace-generator cypress-component-configuration ...
+```
+
+Show what will be generated without writing to disk:
+
+```sh
+yarn nx workspace-generator cypress-component-configuration --dry-run
+```
+
+### Examples
+
+```sh
+yarn nx workspace-generator cypress-component-configuration
+```
+
+## Options
+
+#### `project`
+
+Type: `string`
+
+The name of the project to add cypress component testing to
diff --git a/tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__ b/tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__
new file mode 100644
index 0000000000000..ca52cf041bbf2
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__
@@ -0,0 +1,3 @@
+import { baseConfig } from '@fluentui/scripts-cypress';
+
+export default baseConfig;
diff --git a/tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__ b/tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__
new file mode 100644
index 0000000000000..5db18f12b7ef2
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__
@@ -0,0 +1,9 @@
+{
+  "extends":"./tsconfig.json",
+  "compilerOptions":{
+    "isolatedModules":false,
+    "types":["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"],
+    "lib":["ES2019", "dom"]
+  },
+  "include":["**/*.cy.ts", "**/*.cy.tsx"]
+}
diff --git a/tools/generators/cypress-component-configuration/index.spec.ts b/tools/generators/cypress-component-configuration/index.spec.ts
new file mode 100644
index 0000000000000..ce7411397e2a9
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/index.spec.ts
@@ -0,0 +1,142 @@
+import {
+  addProjectConfiguration,
+  joinPathFragments,
+  NxJsonConfiguration,
+  readJson,
+  readNxJson,
+  serializeJson,
+  Tree,
+} from '@nrwl/devkit';
+import { createTreeWithEmptyV1Workspace } from '@nrwl/devkit/testing';
+
+import generator from './index';
+
+describe(`cypress-component-configuration`, () => {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  const noop = () => {};
+
+  let tree: Tree;
+  beforeEach(() => {
+    jest.spyOn(console, 'log').mockImplementation(noop);
+    jest.spyOn(console, 'info').mockImplementation(noop);
+    jest.spyOn(console, 'warn').mockImplementation(noop);
+
+    tree = createTreeWithEmptyV1Workspace();
+  });
+
+  it(`should not create component testing for application`, async () => {
+    const project = '@proj/app-one';
+    tree = setupDummyPackage(tree, { name: project, projectType: 'application' });
+
+    await generator(tree, { project });
+
+    expect(tree.exists('apps/app-one/cypress.config.ts')).toBe(false);
+  });
+
+  it(`should setup cypress component testing for existing project`, async () => {
+    const project = '@proj/one';
+    tree = setupDummyPackage(tree, { name: project });
+
+    await generator(tree, { project });
+
+    expect(tree.read('packages/one/cypress.config.ts', 'utf-8')).toMatchInlineSnapshot(`
+      "import { baseConfig } from '@fluentui/scripts-cypress';
+
+      export default baseConfig;
+      "
+    `);
+    expect(readJson(tree, 'packages/one/tsconfig.json').references).toEqual(
+      expect.arrayContaining([
+        {
+          path: './tsconfig.cy.json',
+        },
+      ]),
+    );
+    expect(readJson(tree, 'packages/one/tsconfig.lib.json').exclude).toEqual(
+      expect.arrayContaining(['**/*.cy.ts', '**/*.cy.tsx']),
+    );
+    expect(readJson(tree, 'packages/one/tsconfig.cy.json')).toMatchInlineSnapshot(`
+      Object {
+        "compilerOptions": Object {
+          "isolatedModules": false,
+          "lib": Array [
+            "ES2019",
+            "dom",
+          ],
+          "types": Array [
+            "node",
+            "cypress",
+            "cypress-storybook/cypress",
+            "cypress-real-events",
+          ],
+        },
+        "extends": "./tsconfig.json",
+        "include": Array [
+          "**/*.cy.ts",
+          "**/*.cy.tsx",
+        ],
+      }
+    `);
+
+    expect(readJson(tree, 'packages/one/package.json').scripts).toEqual(
+      expect.objectContaining({
+        e2e: 'cypress run --component',
+        'e2e:local': 'cypress open --component',
+      }),
+    );
+  });
+});
+
+function setupDummyPackage(tree: Tree, options: { name: string; projectType?: 'application' | 'library' }) {
+  const { name: pkgName, projectType = 'library' } = options;
+
+  const workspaceConfig = readNxJson(tree) ?? {};
+  const normalizedPkgName = getNormalizedPkgName({ pkgName, workspaceConfig });
+  const paths = {
+    root: `${projectType === 'application' ? 'apps' : 'packages'}/${normalizedPkgName}`,
+  };
+
+  const templates = {
+    packageJson: {
+      name: pkgName,
+      version: '0.0.1',
+      typings: 'lib/index.d.ts',
+      main: 'lib-commonjs/index.js',
+      scripts: {},
+      dependencies: {},
+      devDependencies: {},
+    },
+    tsconfigs: {
+      root: {
+        references: [
+          {
+            path: './tsconfig.lib.json',
+          },
+        ],
+      },
+      lib: {
+        extends: './tsconfig.json',
+        compilerOptions: {},
+        exclude: ['./src/testing/**', '**/*.spec.ts', '**/*.spec.tsx', '**/*.test.ts', '**/*.test.tsx'],
+      },
+    },
+  };
+
+  tree.write(`${paths.root}/package.json`, serializeJson(templates.packageJson));
+  tree.write(`${paths.root}/tsconfig.json`, serializeJson(templates.tsconfigs.root));
+  tree.write(`${paths.root}/tsconfig.lib.json`, serializeJson(templates.tsconfigs.lib));
+  tree.write(`${paths.root}/src/index.ts`, `export const greet = 'hello' `);
+
+  addProjectConfiguration(tree, pkgName, {
+    root: paths.root,
+    sourceRoot: joinPathFragments(paths.root, 'src'),
+    projectType,
+    targets: {},
+  });
+
+  return tree;
+}
+
+function getNormalizedPkgName(options: { pkgName: string; workspaceConfig: NxJsonConfiguration }) {
+  return options.pkgName.replace(`@${options.workspaceConfig.npmScope}/`, '');
+}
diff --git a/tools/generators/cypress-component-configuration/index.ts b/tools/generators/cypress-component-configuration/index.ts
new file mode 100644
index 0000000000000..a417f05307c1b
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/index.ts
@@ -0,0 +1,35 @@
+import { Tree, formatFiles, names } from '@nrwl/devkit';
+
+import { getProjectConfig, printUserLogs, UserLog } from '../../utils';
+
+import type { CypressComponentConfigurationGeneratorSchema } from './schema';
+
+import { addFiles } from './lib/add-files';
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+interface _NormalizedSchema extends ReturnType<typeof normalizeOptions> {}
+
+export default async function (tree: Tree, schema: CypressComponentConfigurationGeneratorSchema) {
+  const userLog: UserLog = [];
+  const normalizedOptions = normalizeOptions(tree, schema);
+
+  if (normalizedOptions.projectConfig.projectType === 'application') {
+    userLog.push({ type: 'warn', message: 'we dont support cypress component tests for applications' });
+    printUserLogs(userLog);
+    return;
+  }
+
+  addFiles(tree, normalizedOptions);
+
+  await formatFiles(tree);
+}
+
+function normalizeOptions(tree: Tree, options: CypressComponentConfigurationGeneratorSchema) {
+  const project = getProjectConfig(tree, { packageName: options.project });
+
+  return {
+    ...options,
+    ...project,
+    ...names(options.project),
+  };
+}
diff --git a/tools/generators/cypress-component-configuration/lib/add-files.ts b/tools/generators/cypress-component-configuration/lib/add-files.ts
new file mode 100644
index 0000000000000..8eca64ec75745
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/lib/add-files.ts
@@ -0,0 +1,56 @@
+import { stripIndents, Tree, updateJson, generateFiles, joinPathFragments } from '@nrwl/devkit';
+import * as path from 'path';
+
+import { PackageJson, TsConfig } from '../../../types';
+import { getProjectConfig } from '../../../utils';
+import { uniqueArray } from './utils';
+
+const templates = {
+  config: stripIndents`
+    import { baseConfig } from '@fluentui/scripts-cypress';
+
+    export default baseConfig;
+  `,
+  tsconfig: {
+    extends: './tsconfig.json',
+    compilerOptions: {
+      isolatedModules: false,
+      types: ['node', 'cypress', 'cypress-storybook/cypress', 'cypress-real-events'],
+      lib: ['ES2019', 'dom'],
+    },
+    include: ['**/*.cy.ts', '**/*.cy.tsx'],
+  },
+};
+
+type Options = ReturnType<typeof getProjectConfig>;
+
+export function addFiles(tree: Tree, options: Options) {
+  generateFiles(tree, joinPathFragments(__dirname, '../files'), options.projectConfig.root, { tmpl: '' });
+
+  updateJson(tree, options.paths.tsconfig.main, (json: TsConfig) => {
+    json.references?.push({
+      path: `./${path.basename(options.paths.tsconfig.cypress)}`,
+    });
+
+    return json;
+  });
+
+  // update lib ts with new exclude globs
+  updateJson(tree, options.paths.tsconfig.lib, (json: TsConfig) => {
+    json.exclude = json.exclude || [];
+    json.exclude.push(...['**/*.cy.ts', '**/*.cy.tsx']);
+    json.exclude = uniqueArray(json.exclude);
+
+    return json;
+  });
+
+  updateJson(tree, options.paths.packageJson, (json: PackageJson) => {
+    json.scripts = json.scripts ?? {};
+    json.scripts.e2e = 'cypress run --component';
+    json.scripts['e2e:local'] = 'cypress open --component';
+
+    return json;
+  });
+
+  return tree;
+}
diff --git a/tools/generators/cypress-component-configuration/lib/utils.spec.ts b/tools/generators/cypress-component-configuration/lib/utils.spec.ts
new file mode 100644
index 0000000000000..62640aacb1ace
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/lib/utils.spec.ts
@@ -0,0 +1,7 @@
+import { uniqueArray } from './utils';
+
+describe(`utils`, () => {
+  it(`should create uniquie array`, () => {
+    expect(uniqueArray(['a', 'b', 'a', 'c', 'd', 'b'])).toEqual(['a', 'b', 'c', 'd']);
+  });
+});
diff --git a/tools/generators/cypress-component-configuration/lib/utils.ts b/tools/generators/cypress-component-configuration/lib/utils.ts
new file mode 100644
index 0000000000000..773199330b2db
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/lib/utils.ts
@@ -0,0 +1,3 @@
+export function uniqueArray<T extends unknown>(value: T[]) {
+  return Array.from(new Set(value));
+}
diff --git a/tools/generators/cypress-component-configuration/schema.json b/tools/generators/cypress-component-configuration/schema.json
new file mode 100644
index 0000000000000..67c30c616a537
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/schema.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "id": "cypress-component-configuration",
+  "type": "object",
+  "title": "Set up Cypress component testing for a project",
+  "description": "Set up Cypress component test for a project.",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project to add cypress component testing to",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What project should we add Cypress component testing to?"
+    }
+  },
+  "required": ["project"]
+}
diff --git a/tools/generators/cypress-component-configuration/schema.ts b/tools/generators/cypress-component-configuration/schema.ts
new file mode 100644
index 0000000000000..42f6fffc6cc2c
--- /dev/null
+++ b/tools/generators/cypress-component-configuration/schema.ts
@@ -0,0 +1,6 @@
+export interface CypressComponentConfigurationGeneratorSchema {
+  /**
+   * The name of the project to add cypress component testing to
+   */
+  project: string;
+}
diff --git a/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__ b/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__
index 4e711a1d5dea3..b7b2c9a33bf43 100644
--- a/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__
+++ b/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__
@@ -2,4 +2,4 @@ import { preset, task } from '@fluentui/scripts-tasks';
 
 preset();
 
-task('build', 'build:react-components').cached?.();`
+task('build', 'build:react-components').cached?.();
diff --git a/tools/generators/migrate-converged-pkg/index.ts b/tools/generators/migrate-converged-pkg/index.ts
index 779cce54762dc..4b158af035e78 100644
--- a/tools/generators/migrate-converged-pkg/index.ts
+++ b/tools/generators/migrate-converged-pkg/index.ts
@@ -20,7 +20,8 @@ import * as path from 'path';
 import * as os from 'os';
 import * as ts from 'typescript';
 
-import { getTemplate } from './lib/utils';
+import { getTemplate, uniqueArray } from './lib/utils';
+import setupCypressComponentTesting from '../cypress-component-configuration';
 import { PackageJson, TsConfig } from '../../types';
 import {
   arePromptsEnabled,
@@ -576,10 +577,6 @@ function hasConformanceSetup(tree: Tree, options: NormalizedSchema) {
   return tree.exists(options.paths.conformanceSetup);
 }
 
-function uniqueArray<T extends unknown>(value: T[]) {
-  return Array.from(new Set(value));
-}
-
 function updateNxWorkspace(tree: Tree, options: NormalizedSchema) {
   const packageType = getPackageType(tree, options);
   const tags = {
@@ -671,6 +668,8 @@ function setupUnstableApi(tree: Tree, options: NormalizedSchemaWithTsConfigs) {
         },
       };
 
+      stableJson.exports = stableJson.exports ?? {};
+
       Object.assign(stableJson.exports, {
         './unstable': {
           types: unstableJson.typings?.replace(/\.\.\//g, ''),
@@ -758,6 +757,7 @@ function updateApiExtractor(tree: Tree, options: NormalizedSchemaWithTsConfigs)
   writeJson(tree, joinPathFragments(options.paths.configRoot, 'api-extractor.json'), apiExtractor.main);
 
   updateJson(tree, options.paths.packageJson, (json: PackageJson) => {
+    json.scripts = json.scripts ?? {};
     Object.assign(json.scripts, scripts);
 
     return json;
@@ -821,6 +821,7 @@ function setupStorybook(tree: Tree, options: NormalizedSchema) {
         storybook: `start-storybook`,
         start: 'yarn storybook',
       };
+      json.scripts = json.scripts ?? {};
       Object.assign(json.scripts, scripts);
 
       return json;
@@ -917,49 +918,18 @@ function shouldSetupStorybook(tree: Tree, options: NormalizedSchema) {
   }
 }
 
-function setupCypress(tree: Tree, options: NormalizedSchema) {
-  const template = {
-    exclude: ['**/*.cy.ts', '**/*.cy.tsx'],
-  };
+async function setupCypress(tree: Tree, options: NormalizedSchema) {
+  const shouldSetupCypress = tree.exists(options.paths.tsconfig.cypress);
 
-  if (!shouldSetupCypress(tree, options)) {
+  if (!shouldSetupCypress) {
     return tree;
   }
 
-  writeJson<TsConfig>(tree, options.paths.tsconfig.cypress, templates.cypress.tsconfig);
-
-  updateJson(tree, options.paths.tsconfig.main, (json: TsConfig) => {
-    json.references?.push({
-      path: `./${path.basename(options.paths.tsconfig.cypress)}`,
-    });
-
-    return json;
-  });
-
-  // update lib ts with new exclude globs
-  updateJson(tree, options.paths.tsconfig.lib, (json: TsConfig) => {
-    json.exclude = json.exclude || [];
-    json.exclude.push(...template.exclude);
-    json.exclude = uniqueArray(json.exclude);
-
-    return json;
-  });
-
-  updateJson(tree, options.paths.packageJson, (json: PackageJson) => {
-    json.scripts = json.scripts ?? {};
-    json.scripts.e2e = 'cypress run --component';
-    json.scripts['e2e:local'] = 'cypress open --component';
-
-    return json;
-  });
+  await setupCypressComponentTesting(tree, { project: options.name });
 
   return tree;
 }
 
-function shouldSetupCypress(tree: Tree, options: NormalizedSchema) {
-  return tree.exists(options.paths.tsconfig.cypress);
-}
-
 function updateLocalJestConfig(tree: Tree, options: NormalizedSchema) {
   const jestSetupFilePath = options.paths.jestSetupFile;
   const packageType = getPackageType(tree, options);
diff --git a/tools/generators/migrate-converged-pkg/lib/utils.ts b/tools/generators/migrate-converged-pkg/lib/utils.ts
index f4c4b8039de8d..d3d6bb27d6810 100644
--- a/tools/generators/migrate-converged-pkg/lib/utils.ts
+++ b/tools/generators/migrate-converged-pkg/lib/utils.ts
@@ -28,3 +28,7 @@ export function getTemplate(src: string, substitutions: Record<string, unknown>)
     throw err;
   }
 }
+
+export function uniqueArray<T extends unknown>(value: T[]) {
+  return Array.from(new Set(value));
+}
diff --git a/tools/utils.ts b/tools/utils.ts
index 6007a8fba3d22..74be1bb389054 100644
--- a/tools/utils.ts
+++ b/tools/utils.ts
@@ -100,6 +100,7 @@ export function getProjectConfig(tree: Tree, options: { packageName: string }) {
       rootPackageJson: joinPathFragments(projectConfig.root, 'src', 'unstable', 'package.json__tmpl__'),
     },
     conformanceSetup: joinPathFragments(projectConfig.root, 'src', 'testing', 'isConformant.ts'),
+    cypressConfig: joinPathFragments(projectConfig.root, 'cypress.config.ts'),
     babelConfig: joinPathFragments(projectConfig.root, '.babelrc.json'),
     jestConfig: joinPathFragments(projectConfig.root, 'jest.config.js'),
     jestSetupFile: joinPathFragments(projectConfig.root, 'config', 'tests.js'),
diff --git a/workspace.json b/workspace.json
index 40ae5268834d2..8aa630b8799ea 100644
--- a/workspace.json
+++ b/workspace.json
@@ -418,8 +418,9 @@
     "@fluentui/react-conformance": {
       "root": "packages/react-conformance",
       "projectType": "library",
+      "sourceRoot": "packages/react-conformance/src",
       "implicitDependencies": [],
-      "tags": ["v8", "platform:node"]
+      "tags": ["vNext", "platform:node"]
     },
     "@fluentui/react-conformance-griffel": {
       "root": "packages/react-components/react-conformance-griffel",
diff --git a/yarn.lock b/yarn.lock
index 0eb09dec72c3b..c31aa0b6b7f08 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1649,10 +1649,10 @@
     "@uifabric/set-version" "^7.0.23"
     tslib "^1.10.0"
 
-"@fluentui/react-icons@^2.0.196":
-  version "2.0.196"
-  resolved "https://registry.yarnpkg.com/@fluentui/react-icons/-/react-icons-2.0.196.tgz#5d7184f29775b3600d0adf60779dab47b4c1fc5b"
-  integrity sha512-FqhU9uKLE0iTHpk0POuGWjz/iDWHwPIK0LERtD2muErUKTiq1gIFIJglplVdz7//rqLxo3CvUQP/leya1tEA+Q==
+"@fluentui/react-icons@^2.0.203":
+  version "2.0.203"
+  resolved "https://registry.yarnpkg.com/@fluentui/react-icons/-/react-icons-2.0.203.tgz#51dab997eec2db7bbcd429c3939490f868c2ab4e"
+  integrity sha512-eOV9GnCFzEIgllHEYenfkVB2MYChMRj2B8Vlr4qqdL0Kts7gRMfBIb+0+ADr5a3KIN0GtdAvG7KtsJ99O6gNmw==
   dependencies:
     "@griffel/react" "^1.0.0"
     tslib "^2.1.0"
@@ -3051,41 +3051,32 @@
   resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b"
   integrity sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA==
 
-"@microsoft/api-extractor-model@7.17.1":
-  version "7.17.1"
-  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.17.1.tgz#2a6b7d8eec510ba1c7713c682d2a0c730074b29c"
-  integrity sha512-DCDtD8TdEpNk2lW4JvXgwwpxKy70P0JLad55iahwO8A+C63KYsrHIpAzo0FUauh5pwJ0v5QVNIJ+OBgKGteemg==
+"@microsoft/api-extractor-model@7.24.2":
+  version "7.24.2"
+  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.24.2.tgz#759b09f2360fe761ff40bcf7e5a57b9b86284235"
+  integrity sha512-uUvjqTCY7hYERWGks+joTioN1QYHIucCDy7I/JqLxFxLbFXE5dpc1X7L+FG4PN/s8QYL24DKt0fqJkgcrFKLTw==
   dependencies:
     "@microsoft/tsdoc" "0.14.1"
     "@microsoft/tsdoc-config" "~0.16.1"
-    "@rushstack/node-core-library" "3.45.3"
+    "@rushstack/node-core-library" "3.52.0"
 
-"@microsoft/api-extractor-model@7.22.2":
-  version "7.22.2"
-  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.22.2.tgz#9d49c22ae713d8662c995d844e29c59200ebe72f"
-  integrity sha512-fqb7std1sRfg7tvXkJwB7zrgIyzty7iIJXxpqA2/bEdct36jhkgIhKpgYr2yoi+Jhqbinjmhyf9tPKJ2E3TdwA==
+"@microsoft/api-extractor@7.31.2":
+  version "7.31.2"
+  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.31.2.tgz#8312fe2519deaed8f81d60efe9e54b99fc5a19a0"
+  integrity sha512-ZODCU9ckTS9brXiZpUW2iDrnAg7jLxeLBM1AkPpSZFcbG/8HGLvfKOKrd71VIJHjc52x2lB8xj7ZWksnP7AOBA==
   dependencies:
+    "@microsoft/api-extractor-model" "7.24.2"
     "@microsoft/tsdoc" "0.14.1"
     "@microsoft/tsdoc-config" "~0.16.1"
-    "@rushstack/node-core-library" "3.50.0"
-
-"@microsoft/api-extractor@7.28.7":
-  version "7.28.7"
-  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.28.7.tgz#3c2745499b38d1ae3b8e0488c3f5aaeb6edc3e60"
-  integrity sha512-hDVYSbqGsY4gioHMi/NkIarAJ2qoE5cKEZ6V5HqLcUl0+hNV0Auk/5VbBmU2UO2le6MFgO69EJsrfszwzC6QBA==
-  dependencies:
-    "@microsoft/api-extractor-model" "7.22.2"
-    "@microsoft/tsdoc" "0.14.1"
-    "@microsoft/tsdoc-config" "~0.16.1"
-    "@rushstack/node-core-library" "3.50.0"
-    "@rushstack/rig-package" "0.3.13"
-    "@rushstack/ts-command-line" "4.12.1"
+    "@rushstack/node-core-library" "3.52.0"
+    "@rushstack/rig-package" "0.3.15"
+    "@rushstack/ts-command-line" "4.12.3"
     colors "~1.2.1"
     lodash "~4.17.15"
     resolve "~1.17.0"
     semver "~7.3.0"
     source-map "~0.6.1"
-    typescript "~4.6.3"
+    typescript "~4.7.4"
 
 "@microsoft/eslint-plugin-sdl@0.1.9":
   version "0.1.9"
@@ -3830,25 +3821,10 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
-"@rushstack/node-core-library@3.45.3":
-  version "3.45.3"
-  resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.45.3.tgz#8db2befbbf23969e08d2bc69d5d91ba812c01640"
-  integrity sha512-Rn0mxqC3MPb+YbvaeFcRWfcYHLwyZ99/ffYA8chpq5OpqoY+Mr1ycTbMvzl5AxWf1pYmi/2+Eo3iTOsQdYR8xw==
-  dependencies:
-    "@types/node" "12.20.24"
-    colors "~1.2.1"
-    fs-extra "~7.0.1"
-    import-lazy "~4.0.0"
-    jju "~1.4.0"
-    resolve "~1.17.0"
-    semver "~7.3.0"
-    timsort "~0.3.0"
-    z-schema "~5.0.2"
-
-"@rushstack/node-core-library@3.50.0":
-  version "3.50.0"
-  resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.50.0.tgz#8b628247f16e5719c39ed1890c11959f8d303559"
-  integrity sha512-FFEZhgu6iN1MVjpQWmLcz46pSa4r2Oe2JYPo7mtnl3uYfwDaSXUSZuRN3JQgKkXu10TBcffJ7AGKcIt/k+qE/Q==
+"@rushstack/node-core-library@3.50.1":
+  version "3.50.1"
+  resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.50.1.tgz#d4aa4602460f29bbf0662052969b65129384da23"
+  integrity sha512-9d2xE7E9yQEBS6brTptdP8cslt6iL5+UnkY2lRxQQ4Q/jlXtsrWCCJCxwr56W/eJEe9YT/yHR4mMn5QY64Ps2w==
   dependencies:
     "@types/node" "12.20.24"
     colors "~1.2.1"
@@ -3860,10 +3836,10 @@
     timsort "~0.3.0"
     z-schema "~5.0.2"
 
-"@rushstack/node-core-library@3.50.1":
-  version "3.50.1"
-  resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.50.1.tgz#d4aa4602460f29bbf0662052969b65129384da23"
-  integrity sha512-9d2xE7E9yQEBS6brTptdP8cslt6iL5+UnkY2lRxQQ4Q/jlXtsrWCCJCxwr56W/eJEe9YT/yHR4mMn5QY64Ps2w==
+"@rushstack/node-core-library@3.52.0":
+  version "3.52.0"
+  resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.52.0.tgz#ee45e52b4b5fc038ce59bf59b1534311884e63fb"
+  integrity sha512-Z+MAP//G3rEGZd3JxJcBGcPYJlh8pvPoLMTLa5Sy6FTE6hRPzN+5J8DT7BbTmlqZaL6SZpXF30heRUbnYOvujw==
   dependencies:
     "@types/node" "12.20.24"
     colors "~1.2.1"
@@ -3872,7 +3848,6 @@
     jju "~1.4.0"
     resolve "~1.17.0"
     semver "~7.3.0"
-    timsort "~0.3.0"
     z-schema "~5.0.2"
 
 "@rushstack/package-deps-hash@^3.2.4", "@rushstack/package-deps-hash@^3.2.5":
@@ -3882,18 +3857,18 @@
   dependencies:
     "@rushstack/node-core-library" "3.50.1"
 
-"@rushstack/rig-package@0.3.13":
-  version "0.3.13"
-  resolved "https://registry.yarnpkg.com/@rushstack/rig-package/-/rig-package-0.3.13.tgz#80d7b34bc9b7a7feeba133f317df8dbd1f65a822"
-  integrity sha512-4/2+yyA/uDl7LQvtYtFs1AkhSWuaIGEKhP9/KK2nNARqOVc5eCXmu1vyOqr5mPvNq7sHoIR+sG84vFbaKYGaDA==
+"@rushstack/rig-package@0.3.15":
+  version "0.3.15"
+  resolved "https://registry.yarnpkg.com/@rushstack/rig-package/-/rig-package-0.3.15.tgz#8a870880cbeb8de82b951e628f6a37d428b4c5ce"
+  integrity sha512-jxVfvO5OnkRlYRhcVDZWvwiI2l4pv37HDJRtyg5HbD8Z/I8Xj32RICgrxS5xMeGGytobrg5S6OfPOHskg7Nw+A==
   dependencies:
     resolve "~1.17.0"
     strip-json-comments "~3.1.1"
 
-"@rushstack/ts-command-line@4.12.1":
-  version "4.12.1"
-  resolved "https://registry.yarnpkg.com/@rushstack/ts-command-line/-/ts-command-line-4.12.1.tgz#4437ffae6459eb88791625ad9e89b2f0ba254476"
-  integrity sha512-S1Nev6h/kNnamhHeGdp30WgxZTA+B76SJ/P721ctP7DrnC+rrjAc6h/R80I4V0cA2QuEEcMdVOQCtK2BTjsOiQ==
+"@rushstack/ts-command-line@4.12.3":
+  version "4.12.3"
+  resolved "https://registry.yarnpkg.com/@rushstack/ts-command-line/-/ts-command-line-4.12.3.tgz#3c5e4b381dcd780aab6efe42c7faa2018248cbb1"
+  integrity sha512-Pdij22RotMXzI+HWHyYCvw0RMZhiP5a6Za/96XamZ1+mxmpSm4ujf8TROKxGAHySmR5A8iNVSlzhNMnUlFQE6g==
   dependencies:
     "@types/argparse" "1.0.38"
     argparse "~1.0.9"
@@ -20641,7 +20616,7 @@ parallel-transform@^1.1.0:
     inherits "^2.0.3"
     readable-stream "^2.1.5"
 
-parallel-webpack@^2.6.0:
+parallel-webpack@2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/parallel-webpack/-/parallel-webpack-2.6.0.tgz#8a8401adfdeb25ebe9d322cd310801e5ea0c18a9"
   integrity sha512-aOOLfQ40yWWRt8214F0zNWp0DWbeCs7tJaEur0/XUlYU8Yht1sMTYt+eNrbY4VkM4O/SRSme7cdZJTtIantiOw==
@@ -24953,10 +24928,10 @@ table@^6.0.4, table@^6.0.7:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
-tabster@^4.4.2:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/tabster/-/tabster-4.4.2.tgz#df6a8990ed826301133531adb389267b7f8106dd"
-  integrity sha512-prscUoHg9WfWw2R0+LAlyBjtr0937qfC/s6/0/jO+sJls5pufLueazqHZC13fEV7fUPsGzTDbqchsq3TJLyPfA==
+tabster@^4.5.1:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/tabster/-/tabster-4.5.1.tgz#15540f07f7f5ad43c53224fa22f7f701a86bd372"
+  integrity sha512-Zbvy4RN308q2siLBuzAFbx4LbCjeU6EnKcxAoEYhVSu8buZcrPFeUlcwfU5AvkrwYU/rq3lNl5E7millpuWITw==
   dependencies:
     keyborg "^2.0.0"
     tslib "^2.3.1"
@@ -25768,10 +25743,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@4.6.4, "typescript@^3 || ^4", typescript@~4.6.3:
-  version "4.6.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.4.tgz#caa78bbc3a59e6a5c510d35703f6a09877ce45e9"
-  integrity sha512-9ia/jWHIEbo49HfjrLGfKbZSuWo9iTMwXO+Ca3pRsSpbsMbc7/IU8NKdCZVRRBafVPGnoJeFL76ZOAA84I9fEg==
+typescript@4.7.4, "typescript@^3 || ^4", typescript@~4.7.4:
+  version "4.7.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
+  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
 
 typical@^4.0.0:
   version "4.0.0"