code · pull · Aug 4, 2026 · Aug 4, 2026 · Aug 4, 2026 · Aug 4, 2026
diff --git a/change/@fluentui-chart-web-components-9e64eade-4a6e-4ef5-804e-0302dbe8d0cf.json b/change/@fluentui-chart-web-components-9e64eade-4a6e-4ef5-804e-0302dbe8d0cf.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: fixing package bump issue to latest published version",
+  "packageName": "@fluentui/chart-web-components",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-web-components-2629fc8d-de98-44e1-aaaa-f6b149295390.json b/change/@fluentui-web-components-2629fc8d-de98-44e1-aaaa-f6b149295390.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: fixing package bump issue to latest published version",
+  "packageName": "@fluentui/web-components",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/...9c7dc48c-180c-4d64-aeb6-b7e3f1415e45.json → ...d5d5e166-edb4-4fc9-a778-a8a91ff5597b.json b/...9c7dc48c-180c-4d64-aeb6-b7e3f1415e45.json → ...d5d5e166-edb4-4fc9-a778-a8a91ff5597b.json
@@ -1,6 +1,6 @@
 {
   "type": "patch",
-  "comment": "fix focusgroup in tree when focusgroup is natively supported",
+  "comment": "remove using data-indent for styling",
   "packageName": "@fluentui/web-components",
   "email": "machi@microsoft.com",
   "dependentChangeType": "patch"

diff --git a/packages/charts/chart-web-components/CHANGELOG.json b/packages/charts/chart-web-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/chart-web-components",
   "entries": [
+    {
+      "date": "Mon, 13 Jul 2026 04:09:41 GMT",
+      "tag": "@fluentui/chart-web-components_v0.0.92",
+      "version": "0.0.92",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/chart-web-components",
+            "comment": "Bump @fluentui/web-components to v3.0.2",
+            "commit": "bc5035bfcd53277a39075c596b14b9731020d1de"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 07 Jul 2026 04:09:50 GMT",
       "tag": "@fluentui/chart-web-components_v0.0.91",

diff --git a/packages/charts/chart-web-components/CHANGELOG.md b/packages/charts/chart-web-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/chart-web-components
 
-This log was last generated on Tue, 07 Jul 2026 04:09:50 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Jul 2026 04:09:41 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.92](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.92)
+
+Mon, 13 Jul 2026 04:09:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/chart-web-components_v0.0.91..@fluentui/chart-web-components_v0.0.92)
+
+### Patches
+
+- Bump @fluentui/web-components to v3.0.2 ([PR #36379](https://github.com/microsoft/fluentui/pull/36379) by beachball)
+
 ## [0.0.91](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.91)
 
 Tue, 07 Jul 2026 04:09:50 GMT 

diff --git a/packages/charts/chart-web-components/package.json b/packages/charts/chart-web-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/chart-web-components",
   "description": "A library of Fluent Chart Web Components",
-  "version": "0.0.91",
+  "version": "0.0.92",
   "author": {
     "name": "Microsoft"
   },
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "@fluentui/tokens": "^1.0.0-alpha.23",
-    "@fluentui/web-components": "^3.0.1",
+    "@fluentui/web-components": "^3.0.2",
     "@microsoft/fast-web-utilities": "^6.0.0",
     "@types/d3-selection": "^3.0.0",
     "@types/d3-shape": "^3.0.0",

diff --git a/packages/web-components/CHANGELOG.json b/packages/web-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/web-components",
   "entries": [
+    {
+      "date": "Mon, 13 Jul 2026 04:09:41 GMT",
+      "tag": "@fluentui/web-components_v3.0.2",
+      "version": "3.0.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "machi@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "bc5035bfcd53277a39075c596b14b9731020d1de",
+            "comment": "fix focusgroup in tree when focusgroup is natively supported"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 07 Jul 2026 04:09:49 GMT",
       "tag": "@fluentui/web-components_v3.0.1",

diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Tue, 07 Jul 2026 04:09:49 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Jul 2026 04:09:41 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.2)
+
+Mon, 13 Jul 2026 04:09:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.1..@fluentui/web-components_v3.0.2)
+
+### Patches
+
+- fix focusgroup in tree when focusgroup is natively supported ([PR #36379](https://github.com/microsoft/fluentui/pull/36379) by machi@microsoft.com)
+
 ## [3.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.1)
 
 Tue, 07 Jul 2026 04:09:49 GMT 

diff --git a/packages/web-components/package.json b/packages/web-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"

diff --git a/packages/web-components/src/accordion-item/accordion-item.styles.css b/packages/web-components/src/accordion-item/accordion-item.styles.css
@@ -8,6 +8,7 @@
 :host {
   max-width: fit-content;
   contain: content;
+  color: var(--colorNeutralForeground1);
 }
 
 .heading {
@@ -28,7 +29,7 @@
   background: var(--colorTransparentBackground);
   border: none;
   box-sizing: border-box;
-  color: var(--colorNeutralForeground1);
+  color: inherit;
   cursor: pointer;
   font: inherit;
   grid-column: auto / span 2;
@@ -138,6 +139,7 @@ button:focus-visible::after {
 
 :host([marker-position='end']) ::slotted([slot='start']) {
   grid-column: 1 / span 1;
+  color: currentColor;
 }
 
 :host([marker-position='end']) :is(.default-marker-collapsed, .default-marker-expanded) {

diff --git a/packages/web-components/src/link/link.styles.css b/packages/web-components/src/link/link.styles.css
@@ -22,7 +22,7 @@
   user-select: text;
 }
 
-:host(:is(:hover, :focus-visible)) {
+:host(:hover) {
   outline: none;
   text-decoration-line: underline;
 }
@@ -55,6 +55,15 @@
   text-decoration: underline;
 }
 
+:host(:focus-visible),
+:host-context(:is(h1, h2, h3, h4, h5, h6, p, fluent-text)):focus-visible,
+:host([inline]:focus-visible) {
+  outline-style: none;
+  text-decoration-line: underline;
+  text-decoration-style: double;
+  text-decoration-color: var(--colorStrokeFocus2);
+}
+
 :host(:not([href])) {
   color: inherit;
   text-decoration: none;

diff --git a/packages/web-components/src/menu-item/menu-item.styles.css b/packages/web-components/src/menu-item/menu-item.styles.css
@@ -2,25 +2,30 @@
   display: none;
 }
 :host {
-  display: grid;
+  display: flex;
 }
 
 :host {
-  --indent: 0;
   align-items: center;
   background: var(--colorNeutralBackground1);
   border-radius: var(--borderRadiusMedium);
+  box-sizing: border-box;
   color: var(--colorNeutralForeground2);
-  contain: layout;
   cursor: pointer;
-  /* Prevent shrinking of MenuItems when max-height is applied to MenuList */
-  flex-shrink: 0;
   font: var(--fontWeightRegular) var(--fontSizeBase300) / var(--lineHeightBase300) var(--fontFamilyBase);
-  grid-gap: 4px;
-  grid-template-columns: 20px 20px auto 20px;
-  height: 32px;
+  gap: 4px;
+  min-block-size: 32px;
   overflow: visible;
-  padding: 0 10px;
+  padding-inline: 10px;
+}
+
+@supports (grid-template-columns: subgrid) {
+  :host {
+    display: grid;
+    gap: 0;
+    grid-template-columns: subgrid;
+    padding-inline: unset;
+  }
 }
 
 :host(:hover) {
@@ -52,13 +57,6 @@
   outline: 2px solid var(--colorStrokeFocus2);
 }
 
-.content {
-  white-space: nowrap;
-  flex-grow: 1;
-  grid-column: auto / span 2;
-  padding: 0 2px;
-}
-
 :host(:not(:state(checked))) .indicator,
 :host(:not(:state(checked))) ::slotted([slot='indicator']),
 :host(:not(:state(submenu))) .submenu-glyph,
@@ -72,46 +70,32 @@
   white-space: nowrap;
 }
 
-:host([data-indent='1']) {
-  --indent: 1;
-}
-
-:host([data-indent='2']) {
-  --indent: 2;
-  grid-template-columns: 20px 20px auto auto;
-}
-
-:host(:state(submenu)) {
-  grid-template-columns: 20px auto auto 20px;
-}
-
-:host([data-indent='2']:state(submenu)) {
-  grid-template-columns: 20px 20px auto auto 20px;
-}
-
 .indicator,
 ::slotted([slot='indicator']) {
-  grid-column: 1 / span 1;
+  grid-column: 2 / span 1;
   width: 20px;
 }
 
 ::slotted([slot='start']) {
   display: inline-flex;
-  grid-column: calc(var(--indent)) / span 1;
+  grid-column: 3 / span 1;
 }
 
 .content {
-  grid-column: calc(var(--indent) + 1) / span 1;
+  flex-grow: 1;
+  grid-column: 4 / span 1;
+  padding: 0 2px;
+  white-space: nowrap;
 }
 
 ::slotted([slot='end']) {
-  grid-column: calc(var(--indent) + 2) / span 1;
+  grid-column: 5 / span 1;
   justify-self: end;
 }
 
 .submenu-glyph,
 ::slotted([slot='submenu-glyph']) {
-  grid-column: -2 / span 1;
+  grid-column: 6 / span 1;
   justify-self: end;
 }
 
@@ -128,7 +112,7 @@
 
   ::slotted([popover]) {
     margin: 0;
-    max-height: var(--menu-max-height, auto);
+    max-block-size: var(--menu-max-height, auto);
     position: fixed;
     position-anchor: --menu-trigger;
     inset: unset;