Merge branch 'main' into FF_Notification

src/data/components.json

@@ -502,6 +502,14 @@
       "testing": {
         "screenreader": "manual"
       }
+    },
+    {
+      "component": "Menu button",
+      "parentComponent": "Menu buttons",
+      "overview": false,
+      "testing": {
+        "screenreader": "manual"
+      }
     }
   ]
 }

src/pages/components/menu-buttons/accessibility.mdx

@@ -208,4 +208,7 @@ custom component.
 - When the combo button menu is open, the element (`div`) wrapping the entire
   combo button is given `aria-owns` with a value of the menu `id`.
 
-<A11yStatus layout="table" components="Menu buttons" />
+<A11yStatus
+  layout="table"
+  components={['Menu button', 'Combo button', 'Overflow menu']}
+/>

src/pages/components/menu-buttons/usage.mdx

@@ -56,7 +56,10 @@ menu with a list of interactive options.
   ]}
 />
 
-<A11yStatus layout="cards" components="Menu buttons" />
+<A11yStatus
+  layout="cards"
+  components={['Menu button', 'Combo button', 'Overflow menu']}
+/>
 
 ## Overview
 

src/pages/elements/icons/usage.mdx

@@ -68,8 +68,8 @@ consistent throughout your product.
 ![icon alignment](images/iconography-usage-sizing-2.svg)
 
 <Caption>
-  16px and 20px icons are optimized to feel balanced when paired with 14pt and
-  16pt IBM Plex. Use 24px and 32px when larger icons are needed.
+  16px and 20px icons are optimized to feel balanced when paired with 14px and
+  16px IBM Plex. Use 24px and 32px when larger icons are needed.
 </Caption>
 
 <DoDontRow>